/* Video Page Specific Styles */

.video-container {
    aspect-ratio: 9/16;
    max-width: 300px;
    max-height: 60vh;
}

@media (max-width: 768px) {
    .video-container {
        max-width: 90vw;
        max-height: 70vh;
    }
}

.video-overlay {
    cursor: pointer;
}

.video-overlay.hidden {
    display: none !important;
}

.video-play-button {
    width: 5rem;
    height: 5rem;
    background-color: rgba(59, 130, 246, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}

.video-play-button:hover {
    background-color: rgba(37, 99, 235, 0.9);
}

.video-play-icon {
    margin-left: 0.25rem;
}