#player-loaded {
    width: 100%;
    background: #000;
    position: relative;
}
#player-loaded iframe,
#player-loaded #iq-jwplayer,
#player-loaded .jwplayer {
    width: 100% !important;
    height: 100% !important;
}
.iq-player-message {
    width: 100%;
    min-height: 220px;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 20px;
}
#jw-resume-prompt {
    position: absolute;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.45);
}
#jw-resume-prompt .jw-resume-box {
    width: min(380px, calc(100% - 28px));
    padding: 26px 22px 24px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(30,30,30,0.98), rgba(15,15,15,0.98));
    color: #fff;
    text-align: center;
    box-shadow: 0 12px 40px rgba(0,0,0,0.45);
    font-family: Arial, Helvetica, sans-serif;
}
#jw-resume-prompt .jw-resume-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
}
#jw-resume-prompt .jw-resume-text {
    font-size: 14px;
    margin-bottom: 18px;
}
#jw-resume-prompt .jw-resume-text span {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 5px;
    background: #ffd21f;
    color: #111;
    font-weight: 700;
}
#jw-resume-prompt .jw-resume-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
#jw-resume-prompt button {
    border: 0;
    border-radius: 4px;
    padding: 9px 16px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    line-height: 1.1;
}
#jw-resume-prompt .jw-resume-continue { background: #22a447; }
#jw-resume-prompt .jw-resume-restart { background: #ef141f; }
@media (max-width: 768px) {
    .iq-player-message { min-height: 190px; font-size: 14px; }
}

/* Subtitle display v2026.21, for the pinned JWPlayer 8.26.2 renderer.
 * JW owns cue parsing/timing and CC controls. A persistent display owns layout.
 * Never animate caption properties or use separate viewport breakpoints here. */
#iq-jwplayer .jw-captions.iq-caption-source {
    opacity: 0 !important;
    pointer-events: none !important;
}
#iq-jwplayer .iq-caption-overlay {
    position: absolute;
    left: var(--iq-caption-video-left, 0px);
    top: var(--iq-caption-video-top, 0px);
    width: var(--iq-caption-video-width, 100%);
    height: var(--iq-caption-video-height, 100%);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 3% var(--iq-caption-bottom, 48px);
    pointer-events: none;
    overflow: hidden;
    text-align: center;
    text-indent: 0;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    font-family: var(--iq-caption-font-family, Arial), sans-serif;
    font-size: var(--iq-caption-size, 18px);
    font-weight: var(--iq-caption-font-weight, 400);
    font-style: var(--iq-caption-font-style, normal);
    color: var(--iq-caption-color, #fff);
    line-height: 1.3;
    text-shadow: var(--iq-caption-shadow, none);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
#iq-jwplayer .iq-caption-overlay[hidden] {
    display: none !important;
}
#iq-jwplayer .iq-caption-row {
    flex: 0 0 auto;
    max-width: 100%;
    box-sizing: border-box;
    padding: 2px 4px;
    background: var(--iq-caption-window-background, transparent);
    white-space: pre-line;
    overflow-wrap: break-word;
    word-break: normal;
    unicode-bidi: plaintext;
}
#iq-jwplayer .iq-caption-text {
    padding: 0 .18em;
    background: var(--iq-caption-background, transparent);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
#iq-jwplayer .iq-caption-text,
#iq-jwplayer .iq-caption-text * {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-shadow: inherit;
}
/* Native fullscreen fallback on browsers that put only the video on screen. */
#iq-jwplayer video::cue {
    font-family: var(--iq-caption-font-family, Arial), sans-serif !important;
    font-size: var(--iq-caption-size, 18px) !important;
    font-weight: var(--iq-caption-font-weight, 400) !important;
    font-style: var(--iq-caption-font-style, normal) !important;
    color: var(--iq-caption-color, #fff) !important;
    background: var(--iq-caption-background, transparent) !important;
    text-shadow: var(--iq-caption-shadow, none) !important;
}
