/* An external subtitle directory link; separate from in-player captions. */
a.wonulla-subtitle-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;max-width:100%;box-sizing:border-box;padding:9px 14px;margin:8px 0 10px;border:1px solid #83baff;border-radius:7px;background:#275ca5;color:#edf4ff!important;font:500 14px/1.4 Roboto,Arial,sans-serif;text-decoration:none!important;vertical-align:middle;transition:background-color .2s,border-color .2s,box-shadow .2s}
a.wonulla-subtitle-link:hover{background:#3371c4;border-color:#a1c9ff;color:#fff!important;box-shadow:0 0 16px #83baff33}
a.wonulla-subtitle-link:focus-visible{outline:2px solid #85c4ff;outline-offset:3px}
a.wonulla-subtitle-link i{padding:0!important;font-size:15px}a.wonulla-subtitle-link i:last-child{font-size:10px;opacity:.8}
@media(max-width:600px){a.wonulla-subtitle-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){a.wonulla-subtitle-link{transition:none}}

/* Keep directory links immediately above the upload action, on desktop and mobile. */
ul > li.wonulla-subtitle-link-row{display:block!important;width:100%;padding:0!important;margin:0 0 6px!important;border:0!important;background:transparent!important;list-style:none;clear:both}
ul > li.wonulla-subtitle-link-row > a.wonulla-subtitle-link{display:flex;width:100%;margin:0;min-height:48px}

/* Upload and playback actions: clear feedback without moving the controls. */
#subtitles #subtitle-button label,#watchButton > .play{transition:background-color .2s,color .2s,box-shadow .2s}
#subtitles #subtitle-button label:hover{background:#303b4c;color:#edf4ff;box-shadow:inset 0 0 0 1px #83baff66}
#watchButton:hover > .play{background:#1978ce;box-shadow:0 0 18px #298eea55}
#subtitles #subtitle-button label:active{background:#253044}
#watchButton:active > .play{background:#1769b6;box-shadow:none}
@media(prefers-reduced-motion:reduce){#subtitles #subtitle-button label,#watchButton > .play{transition:none}}