/* TV schedule page (/Schedule). */

.sch-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    font-family: 'Maven Pro', sans-serif;
    color: #1d1d29;
}

.sch-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 1.1rem;
    border-bottom: 3px solid #000a44;
}
.sch-title {
    margin: 0;
    font-family: 'Barlow', sans-serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 700;
    color: #000a44;
}
.sch-sub { margin: .3rem 0 0; color: #666; font-size: .95rem; }
.sch-live {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.2rem;
    border-radius: 2rem;
    background: #c40000;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(196, 0, 0, .3);
}
.sch-live:hover { background: #a30000; color: #fff; }
.sch-live-dot { width: .55rem; height: .55rem; border-radius: 50%; background: #fff; animation: sch-pulse 1.4s ease-in-out infinite; }
@keyframes sch-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }

.sch-days {
    display: flex;
    gap: .5rem;
    margin: 1.25rem 0 1.5rem;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: .25rem;
}
.sch-days::-webkit-scrollbar { display: none; }
.sch-day {
    flex: 0 0 auto;
    min-width: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .1rem;
    padding: .6rem .9rem;
    border-radius: .8rem;
    border: 1px solid #e3e3ec;
    background: #fff;
    color: #000a44;
    text-decoration: none;
    transition: background-color .2s, border-color .2s;
}
.sch-day:hover { border-color: #f5c127; background: #fffceb; }
.sch-day-name { font-weight: 700; font-size: .95rem; }
.sch-day-date { font-size: .8rem; color: #777; }
.sch-day.is-current { background: #000a44; border-color: #000a44; color: #fff; }
.sch-day.is-current .sch-day-date { color: #f5c127; }

.sch-list { list-style: none; margin: 0; padding: 0; }
.sch-item {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1.25rem;
    padding: 1rem 1rem 1rem .75rem;
    border-radius: .8rem;
    border-bottom: 1px solid #eeeef4;
    transition: background-color .2s;
}
.sch-item:hover { background: #fafafd; }
.sch-item.is-past { opacity: .55; }
.sch-item.is-now {
    opacity: 1;
    background: linear-gradient(135deg, #fffceb, #fff3ad);
    border: 1px solid #f5c127;
    box-shadow: 0 6px 18px rgba(217, 145, 0, .15);
    margin: .4rem 0;
}

.sch-time { display: flex; flex-direction: column; align-items: flex-start; }
.sch-time time {
    font-family: 'Barlow', sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.1;
    color: #000a44;
}
.sch-gmt { font-size: .7rem; font-weight: 700; letter-spacing: .12em; color: #d99100; }
.sch-local { margin-top: .2rem; font-size: .75rem; color: #888; }

.sch-body { min-width: 0; }
.sch-now {
    display: inline-block;
    margin-bottom: .3rem;
    padding: .15rem .55rem;
    border-radius: 2rem;
    background: #c40000;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.sch-now[hidden] { display: none; }
.sch-prog {
    margin: 0 0 .3rem;
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    color: #000a44;
}
.sch-prog a { color: inherit; text-decoration: none; border-bottom: 2px solid transparent; }
.sch-prog a:hover { border-bottom-color: #f5c127; }
.sch-desc { margin: 0; color: #444; font-size: .95rem; line-height: 1.55; }
.sch-progress { margin-top: .65rem; height: 4px; border-radius: 4px; background: rgba(0, 10, 68, .12); overflow: hidden; }
.sch-progress[hidden] { display: none; }
.sch-progress span { display: block; height: 100%; background: #c40000; }

.sch-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #666;
}
.sch-empty .material-icons { font-size: 3rem; color: #c8c8d6; }
.sch-empty a { color: #c40000; font-weight: 700; }

@media (max-width: 575.98px) {
    .sch-item { grid-template-columns: 78px 1fr; gap: .8rem; padding: .85rem .5rem; }
    .sch-time time { font-size: 1.3rem; }
}