/**
 * AnimeKai home — AnimeStream adjustments.
 *
 * Loaded after styles.css. Everything here exists because the WordPress data
 * differs from the original static page: one language badge instead of the
 * sub/dub icon pair, no account area, and a weekday schedule.
 */

/* ── Language badge ───────────────────────────────────────────────────────
   The badges carry the latest episode count only — no CC / mic glyph — so
   they need the padding the icon used to provide. */
.sub,
.dub,
.raw {
    padding: 0 .5rem;
}

.raw {
    color: rgba(255, 255, 255, .75);
    background-color: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .35);
}

.aitem-wrapper.compact .aitem .detail .info .raw {
    background-color: rgba(255, 255, 255, .01);
    border-color: rgba(255, 255, 255, .5);
}

/* The count links to the latest episode; it must not look like body copy. */
.info .sub > a,
.info .dub > a,
.info .raw > a {
    color: inherit;
    text-decoration: none;
}

.info .sub > a:hover,
.info .dub > a:hover,
.info .raw > a:hover {
    color: inherit;
    text-decoration: underline;
}

/* ── Header ─────────────────────────────────────────────────────────────── */

/* No EN / JP switch on this build. */
.lang-sw {
    display: none !important;
}

/* The avatar is decorative here — there is no account area to open. */
.nav-user .acc-wrap .pathway .btn.no-action {
    cursor: default;
}

.nav-user .acc-wrap .pathway .btn.no-action:hover,
.nav-user .acc-wrap .pathway .btn.no-action:focus {
    color: inherit;
    background-color: rgba(255, 255, 255, .1);
    box-shadow: none;
}

/* ── Featured slider ────────────────────────────────────────────────────
   The original slide carried a watchlist dropdown; this build links to the
   series page instead, so it reuses that button's sizing. */
#featured .swiper.featured .swiper-wrapper .swiper-slide .detail .swiper-ctrl .detail-btn {
    color: #fff;
    font-size: 1.6rem;
    padding: 0 1rem;
}

#featured .swiper.featured .swiper-wrapper .swiper-slide .detail .swiper-ctrl .detail-btn:hover {
    color: #36cb68;
}

/* ── Schedule ───────────────────────────────────────────────────────────── */

#schedule ul li.ak-empty {
    padding: .5rem 1.5rem;
    color: rgba(255, 255, 255, .4);
    font-size: .9rem;
}

/* The weekday tile carries the day name, so the number line is the date. */
#schedule .swiper.schedule .swiper-wrapper .swiper-slide > div {
    font-size: 1rem;
}

/* The first column holds a countdown ("2d 4h"), which needs more room than
   the fixed clock time the original design showed there. */
#schedule ul li a .time {
    width: 5rem;
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Announcement ───────────────────────────────────────────────────────── */

#wrapper.home .scontent > .alert {
    margin-bottom: 0;
}

#wrapper.home .scontent > .alert p:last-child {
    margin-bottom: 0;
}

/* ── Sharing row ────────────────────────────────────────────────────────── */

#social-sharing .share-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

#social-sharing .share-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(255, 255, 255, .08);
    transition: background-color .15s, color .15s;
}

#social-sharing .share-links a:hover {
    color: #fff;
    background-color: #e45f3a;
}

/* ── WordPress bits the design never had ────────────────────────────────── */

/* Keep the admin bar clear of the fixed header. */
body.admin-bar header {
    top: calc(1.5rem + 32px);
}

@media (max-width: 782px) {
    body.admin-bar header {
        top: calc(1rem + 46px);
    }
}

/* Widgets dropped into the sidebar by the existing widget areas. */
.sidebar .sidebar-section .widget-body {
    padding: 0 1.5rem 1.5rem;
}