/* ========================================================================== 
   SeriToday SPOTLIGHT v0.1.0
   Role layer over the tested Series234 MASTER v0.1.9 runtime foundation.
   Desktop-only. Deep navy + electric cyan + violet.
   ========================================================================== */

body.seritoday-spotlight-theme {
    --spot-bg: #080b16;
    --spot-bg-2: #0c1120;
    --spot-panel: #11182a;
    --spot-panel-2: #151e34;
    --spot-line: rgba(95, 231, 255, .17);
    --spot-line-strong: rgba(139, 108, 255, .38);
    --spot-text: #f5f7ff;
    --spot-muted: #9da8c4;
    --spot-cyan: #5fe7ff;
    --spot-violet: #8b6cff;
    --spot-pink: #ff5fa2;

    --series-bg: var(--spot-bg);
    --series-bg-soft: var(--spot-bg-2);
    --series-surface: var(--spot-panel);
    --series-surface-2: var(--spot-panel-2);
    --series-line: var(--spot-line);
    --series-line-strong: var(--spot-line-strong);
    --series-text: #dce4f7;
    --series-text-strong: var(--spot-text);
    --series-muted: var(--spot-muted);
    --series-accent: var(--spot-cyan);
    --series-accent-2: var(--spot-violet);
    --series-accent-soft: rgba(95,231,255,.09);
    --color-accent: var(--spot-cyan);

    background:
        radial-gradient(circle at 9% -8%, rgba(95,231,255,.12), transparent 30rem),
        radial-gradient(circle at 91% 0%, rgba(139,108,255,.15), transparent 32rem),
        linear-gradient(180deg, #080b16 0%, #0c1120 52%, #080b16 100%) !important;
}

body.seritoday-spotlight-theme .series-header {
    background: rgba(8,11,22,.97) !important;
    border-bottom-color: rgba(95,231,255,.14) !important;
}

body.seritoday-spotlight-theme .series-nav {
    background: rgba(11,16,30,.98) !important;
    border-bottom-color: rgba(139,108,255,.15) !important;
}

body.seritoday-spotlight-theme .seritoday-spotlight-brand__mark {
    border-color: rgba(95,231,255,.45) !important;
    background: linear-gradient(135deg, rgba(95,231,255,.18), rgba(139,108,255,.20)) !important;
    color: #77efff !important;
    box-shadow: 0 0 24px rgba(95,231,255,.08) !important;
}

body.seritoday-spotlight-theme .series-brand__text strong::after {
    content: "SPOTLIGHT" !important;
    border-color: rgba(139,108,255,.38) !important;
    background: rgba(139,108,255,.12) !important;
    color: #c6b7ff !important;
}

body.seritoday-spotlight-theme .series-brand__text small,
body.seritoday-spotlight-theme .series-header__count-label {
    color: #9aabcf !important;
}

body.seritoday-spotlight-theme .series-header__count {
    border-color: rgba(139,108,255,.24) !important;
    background: rgba(139,108,255,.08) !important;
}

body.seritoday-spotlight-theme .series-search__input,
body.seritoday-spotlight-theme #searchform input[type="search"] {
    border-color: rgba(95,231,255,.18) !important;
    background: #11182a !important;
}

body.seritoday-spotlight-theme .series-search__input:focus,
body.seritoday-spotlight-theme #searchform input[type="search"]:focus {
    border-color: rgba(95,231,255,.62) !important;
    box-shadow: 0 0 0 3px rgba(95,231,255,.07) !important;
}

body.seritoday-spotlight-theme .series-nav__list > li > a:hover,
body.seritoday-spotlight-theme .series-nav__list > .current-menu-item > a {
    background: linear-gradient(135deg, rgba(95,231,255,.11), rgba(139,108,255,.13)) !important;
    box-shadow: inset 0 0 0 1px rgba(95,231,255,.14) !important;
}

body.seritoday-spotlight-theme .seritoday-spotlight-purpose,
body.seritoday-spotlight-theme .series-hub-hero,
body.seritoday-spotlight-theme .series-hub-direct-player,
body.seritoday-spotlight-theme .series-hub-episodes,
body.seritoday-spotlight-theme .series-hub-related,
body.seritoday-spotlight-theme .anime-related,
body.seritoday-spotlight-theme .series234-master-panel,
body.seritoday-spotlight-theme .sidebar__section,
body.seritoday-spotlight-theme .series-home-genre__header {
    border-color: rgba(95,231,255,.13) !important;
    background: #11182a !important;
}

body.seritoday-spotlight-theme .seritoday-spotlight-purpose {
    background:
        linear-gradient(135deg, rgba(95,231,255,.045), rgba(139,108,255,.055)),
        #0d1323 !important;
}

body.seritoday-spotlight-theme .seritoday-spotlight-purpose h1,
body.seritoday-spotlight-theme .series-section-heading h2,
body.seritoday-spotlight-theme .series-home-genre__header h2,
body.seritoday-spotlight-theme .series234-master-panel__heading h2,
body.seritoday-spotlight-theme .series-hub-title {
    color: #f7f9ff !important;
}

body.seritoday-spotlight-theme .seritoday-spotlight-purpose p,
body.seritoday-spotlight-theme .series-section-heading__note,
body.seritoday-spotlight-theme .series234-master-panel__content {
    color: #b5bfd7 !important;
}

body.seritoday-spotlight-theme .series-section-heading__eyebrow,
body.seritoday-spotlight-theme .series-hub-kicker,
body.seritoday-spotlight-theme .series234-master-panel__heading > span {
    color: #6eeaff !important;
}

body.seritoday-spotlight-theme .movie-card--series {
    border-color: rgba(95,231,255,.11) !important;
    background: linear-gradient(180deg, #151e34, #0f1627) !important;
}

body.seritoday-spotlight-theme .movie-card--series:hover {
    border-color: rgba(95,231,255,.38) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(139,108,255,.08) !important;
}

body.seritoday-spotlight-theme .movie-card__primary-category {
    border-color: rgba(95,231,255,.22) !important;
    background: rgba(8,13,27,.90) !important;
    color: #baf7ff !important;
}

body.seritoday-spotlight-theme .anime-pagination__load-more,
body.seritoday-spotlight-theme .anime-pagination__show-all {
    background: linear-gradient(135deg, #2bc9e8 0%, #7c64ff 100%) !important;
    color: #fff !important;
}

body.seritoday-spotlight-theme .series-hub-chip:not(.series-hub-chip--sub):not(.series-hub-chip--dub) {
    border-color: rgba(95,231,255,.20) !important;
    background: #151e34 !important;
}

body.seritoday-spotlight-theme .series-hub-latest,
body.seritoday-spotlight-theme .series-legacy-external__button {
    background: linear-gradient(135deg, #5fe7ff, #8b6cff) !important;
    color: #07101b !important;
}

body.seritoday-spotlight-theme .series-hub-episode-link,
body.seritoday-spotlight-theme .series-hub-range,
body.seritoday-spotlight-theme .series234-master-people-grid > div {
    border-color: rgba(95,231,255,.13) !important;
    background: #151e34 !important;
}

body.seritoday-spotlight-theme .series-hub-episode-link:hover,
body.seritoday-spotlight-theme .series-hub-episode-link:focus-visible,
body.seritoday-spotlight-theme .series-hub-episode-link--latest {
    border-color: #5fe7ff !important;
    color: #7ceeff !important;
}

body.seritoday-spotlight-theme .series234-master-people-grid strong {
    color: #7ceeff !important;
}

body.seritoday-spotlight-theme .series234-archive-intro {
    border-color: rgba(95,231,255,.13) !important;
    background: #11182a !important;
    color: #b5bfd7 !important;
}

body.seritoday-spotlight-theme .series-footer {
    border-top-color: rgba(95,231,255,.12) !important;
    background: #060812 !important;
}

body.seritoday-spotlight-theme a:hover,
body.seritoday-spotlight-theme a:focus-visible {
    color: #6eeaff !important;
}

/* SPOTLIGHT factual editorial lead. */
body.seritoday-spotlight-theme .seritoday-spotlight-lead {
    position: relative;
    overflow: hidden;
    margin-top: 14px;
    border: 1px solid rgba(95,231,255,.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 100% 0%, rgba(139,108,255,.15), transparent 19rem),
        linear-gradient(135deg, rgba(95,231,255,.045), transparent 42%),
        #11182a;
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, #5fe7ff, #8b6cff 62%, #ff5fa2);
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px 11px 18px;
    border-bottom: 1px solid rgba(95,231,255,.12);
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__eyebrow {
    display: block;
    margin-bottom: 2px;
    color: #6eeaff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__head h2 {
    margin: 0;
    color: #f7f9ff;
    font-size: 18px;
    line-height: 1.35;
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__genre {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid rgba(139,108,255,.34);
    border-radius: 999px;
    background: rgba(139,108,255,.12);
    color: #d6cdff;
    font-size: 11px;
    font-weight: 700;
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__content {
    padding: 14px 18px 16px;
    color: #d9e1f4;
    font-size: 14px;
    line-height: 1.8;
}

body.seritoday-spotlight-theme .seritoday-spotlight-lead__content > :first-child { margin-top: 0; }
body.seritoday-spotlight-theme .seritoday-spotlight-lead__content > :last-child { margin-bottom: 0; }

/* Light mode remains usable without changing the role identity. */
html[data-theme="light"] body.seritoday-spotlight-theme {
    --series-bg: #eef3fb;
    --series-bg-soft: #e7edf8;
    --series-surface: #ffffff;
    --series-surface-2: #f5f7fc;
    --series-text: #24304a;
    --series-text-strong: #111827;
    --series-muted: #667085;
    background: #eef3fb !important;
}

html[data-theme="light"] body.seritoday-spotlight-theme .series-header,
html[data-theme="light"] body.seritoday-spotlight-theme .series-nav,
html[data-theme="light"] body.seritoday-spotlight-theme .seritoday-spotlight-purpose,
html[data-theme="light"] body.seritoday-spotlight-theme .series-hub-hero,
html[data-theme="light"] body.seritoday-spotlight-theme .series-hub-direct-player,
html[data-theme="light"] body.seritoday-spotlight-theme .series-hub-episodes,
html[data-theme="light"] body.seritoday-spotlight-theme .series234-master-panel,
html[data-theme="light"] body.seritoday-spotlight-theme .seritoday-spotlight-lead,
html[data-theme="light"] body.seritoday-spotlight-theme .sidebar__section,
html[data-theme="light"] body.seritoday-spotlight-theme .series-home-genre__header,
html[data-theme="light"] body.seritoday-spotlight-theme .movie-card--series {
    background: #fff !important;
    border-color: #d9e2f0 !important;
}

html[data-theme="light"] body.seritoday-spotlight-theme .series-hub-title,
html[data-theme="light"] body.seritoday-spotlight-theme .series-section-heading h2,
html[data-theme="light"] body.seritoday-spotlight-theme .series-home-genre__header h2,
html[data-theme="light"] body.seritoday-spotlight-theme .series234-master-panel__heading h2,
html[data-theme="light"] body.seritoday-spotlight-theme .seritoday-spotlight-lead__head h2,
html[data-theme="light"] body.seritoday-spotlight-theme .movie-card--series .movie-card__title {
    color: #111827 !important;
}