/*
VIDEOTEKA PLAYER CSS
*/

.video-container {
    width: 100%;
    margin: 50px 0;
}

.video-container video {
    width: 100%;
    display: block;
    background: black;
    border-radius: 0;
}

.player-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 14px;
    align-items: center;
}

.subtitle-label {
    margin-right: 10px;
    font-size: 14px;
    color: #aaa;
}

.subtitle-select {
    background: #1f1f1f;
    color: white;
    border: 1px solid #333;
    padding: 8px 12px;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
}

/* --- REFINED SUBTITLE STYLE --- */
video::cue {
    color: #ffffff;
    
    /* THE SIZE: Matches the 'tad smaller' scale */
    font-size: 21px; 
    
    /* THE CONVERGENCE FIX: 
       Extra vertical space ensures shadows never touch */
    line-height: 1.5; 
    
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1px;

    /* THE SHADOW FIX:
       A sharp 1px offset to prevent the thick double-line bleed */
    text-shadow: 
        0 1px 2px rgba(0,0,0,0.9), 
        0 0 1px rgba(0,0,0,1);

    /* Background: 15% opacity black */
    background: rgba(0,0,0,0.15);
}


/* This forces the subtitles to stay put even when the progress bar appears */
video::-webkit-media-text-track-display {
    /* We lift them even higher (-110px) to clear the progress bar entirely */
    transform: translateY(-110px) !important;
    
    /* This tells the browser to stop trying to be smart with positioning */
    bottom: 0 !important;
    height: 100% !important;
}

/* Fullscreen adjustments to keep font size consistent */
video:fullscreen::cue {
    font-size: 28px;
}