/*
 * animeflv-schedule.css — /schedule (frontend/schedule.blade.php +
 * partials/schedule-page-body), owned by the misc area. Everything is
 * css.css's own `.CapiTnv` (the episode page's server tabs) and `.ListCaps`
 * (the anime page's episode list) inside a `.WdgtCn`; below only what a
 * schedule needs on top of them, scoped to `.af-sch`.
 *
 * (The previous skin's home widget rules — #schedule-block, .table_schedule, Swiper
 * tile widths — are gone: no page draws that widget any more.)
 */

/* Head: the day heading leaves room for the clock pill (css.css pins a
   `.Button` inside `.WdgtCn .Top` to the top right). The pill is a label, not
   a button: no pointer, no hover change. */
.af-sch .WdgtCn .Top .Title { padding-right: 160px; }
.af-sch .WdgtCn .Top .af-sch-clock { top: 5px; cursor: default; white-space: nowrap; }
.af-sch .WdgtCn .Top .af-sch-clock:hover { background-color: #3b4248; }
.af-sch .WdgtCn .Top .af-sch-clock:hover:before { color: #fec601; }

/* Day strip: weekday over date in each cell (css.css prints the cell text
   only from 1020px and keeps `span`s at 12px — the date line is lighter). */
.af-sch .CapiTnv > li { cursor: pointer; outline: none; }
.af-sch .CapiTnv > li > a { cursor: pointer; user-select: none; }
.af-sch .CapiTnv > li > a span { display: block; line-height: 12px; }
.af-sch .CapiTnv > li > a span + span { font-weight: 400; font-size: 11px; line-height: 13px; opacity: .7; }
.af-sch .CapiTnv > li:focus-visible > a { box-shadow: inset 0 0 0 2px #00bcf2; }
@media all and (max-width: 766px) {
    .af-sch .CapiTnv > li > a { padding: 6px 2px; }
    .af-sch .CapiTnv > li > a span { font-size: 11px; }
}

/* Rows: the release time at the right (the clock glyph faint after it, as
   css.css draws `li.Next .Date`), so the text column ends before it. */
.af-sch .ListCaps > li .af-sch-time { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 700; color: #3b4248; }
.af-sch .ListCaps > li .af-sch-time:before { float: right; margin-left: 10px; margin-right: 0; font-size: 30px; opacity: .2; }
.af-sch .ListCaps > li:not(.Next) > a { margin-right: 0; padding-right: 110px; }
.af-sch .ListCaps > li.Next .Title { padding-right: 110px; }
/* Released already (a CMS state animeflv never drew). */
.af-sch .ListCaps > li.af-old { opacity: .5; }
.af-sch .ListCaps > li.af-old:hover { opacity: 1; }
/* A day being fetched. */
.af-sch .ListCaps.is-loading { opacity: .5; pointer-events: none; transition: opacity .2s; }
@media all and (max-width: 666px) {
    .af-sch .ListCaps > li .af-sch-time { font-size: 12px; right: 15px; }
    .af-sch .ListCaps > li .af-sch-time:before { display: none; }
    .af-sch .ListCaps > li:not(.Next) > a { padding-right: 60px; }
}
@media all and (max-width: 480px) {
    .af-sch .WdgtCn .Top .Title { padding-right: 0; }
    .af-sch .WdgtCn .Top .af-sch-clock { position: static; display: inline-block; width: auto; margin-top: 5px; }
}