/* Video Component Styles */

.container.video-container {
    padding: 0;
    overflow: hidden;
    position: relative;
}

.container.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: filter 0.25s cubic-bezier(0.5,0,0,1);
    -webkit-playsinline: true; /* iOS Safari specific */
    pointer-events: auto;
}

.container.video-container video:hover {
    filter: brightness(2.0);
    cursor: crosshair; /* Show horizontal resize cursor to indicate scrubbing */
}

/* Scrubbing state indicators */
.container.video-container video.scrubbing {
    filter: brightness(2.0)
}


.video-overlay {
    position: absolute;
    bottom: 24px;
    left: 24px;
    color: white;
    z-index: 2;
    pointer-events: none;
}

/* Dark mode styles */
body.dark-mode .video-overlay {
    color: #ffffff;
}