/**
 * DRTV Homepage 1.8.1 — Homepage-only presentation.
 *
 * Ownership:
 * - JNews: global WordPress host/header/footer.
 * - DRTV UI Core: app boundary, app top gap, bleed, rails/gutters, typography,
 *   generic buttons/icon buttons/pills/cards, radii and shared control geometry.
 * - Homepage: hero campaign presentation and section composition only.
 */

:root {
    --drtv-home-red: var(--drtv-red);
    --drtv-home-red-deep: var(--drtv-red-active);
    --drtv-home-green: var(--drtv-live);
    --drtv-home-gold: var(--drtv-gold);
    --drtv-home-blue: var(--drtv-info);
    --drtv-home-purple: #8e51ff;
    --drtv-home-ink: var(--drtv-ink);
    --drtv-home-ink-2: var(--drtv-dark-2);
    --drtv-home-soft: var(--drtv-canvas);
    --drtv-home-line: var(--drtv-border);
    --drtv-home-muted: var(--drtv-muted);
    --drtv-home-radius-sm: var(--drtv-radius-md);
    --drtv-home-radius: var(--drtv-radius-xl);
    --drtv-home-radius-lg: var(--drtv-radius-xl);
    --drtv-home-shadow: var(--drtv-shadow-md);
}

/* No width/max-width/margin/padding here: .drtv-app-root + .drtv-page-bleed +
   .drtv-page-boundary are owned entirely by UI Core. */
.drtv-homepage-wow {
    position: relative;
    display: block;
    background: var(--drtv-surface);
    color: var(--drtv-home-ink);
}

.drtv-home-rail { min-width: 0; }

.drtv-homepage-wow img { display:block; }
.drtv-homepage-wow a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.drtv-homepage-wow a:hover,
.drtv-homepage-wow a:focus,
.drtv-homepage-wow a:active { color:inherit; }

.drtv-home-section {
    position:relative;
    padding-block:clamp(var(--drtv-space-9),4vw,var(--drtv-space-10));
    background:var(--drtv-surface);
}
.drtv-home-section--soft { background:var(--drtv-home-soft); }
.drtv-home-section--ink,
.drtv-home-section--dark,
.drtv-home-section--battle,
.drtv-home-section--rewards,
.drtv-home-section--partner { color:#fff; background:var(--drtv-home-ink); }

.drtv-home-section-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:var(--drtv-space-7);
    margin-bottom:var(--drtv-space-7);
}
.drtv-home-section-head>div:first-child { max-width:var(--drtv-reading-max); min-width:0; }
.drtv-home-section-head .drtv-section-title { color:inherit; }
.drtv-home-section-head p {
    max-width:var(--drtv-readable);
    margin:var(--drtv-space-3) 0 0;
    color:var(--drtv-home-muted);
    font-size:var(--drtv-fs-body-lg);
    line-height:var(--drtv-lh-body);
}
.drtv-home-eyebrow { margin-bottom:var(--drtv-space-2); color:var(--drtv-home-red); }
.drtv-home-section--dark .drtv-home-eyebrow,
.drtv-home-section--ink .drtv-home-eyebrow,
.drtv-home-section--battle .drtv-home-eyebrow,
.drtv-home-section--rewards .drtv-home-eyebrow,
.drtv-home-section--partner .drtv-home-eyebrow { color:#fff; }
.drtv-home-section--dark .drtv-home-eyebrow::before,
.drtv-home-section--ink .drtv-home-eyebrow::before,
.drtv-home-section--battle .drtv-home-eyebrow::before,
.drtv-home-section--rewards .drtv-home-eyebrow::before,
.drtv-home-section--partner .drtv-home-eyebrow::before {
    width:18px; height:3px; border-radius:var(--drtv-radius-pill);
    background:var(--drtv-home-red); content:"";
}
.drtv-home-section--dark .drtv-home-section-head p,
.drtv-home-section--ink .drtv-home-section-head p,
.drtv-home-section--battle .drtv-home-section-head p,
.drtv-home-section--rewards .drtv-home-section-head p,
.drtv-home-section--partner .drtv-home-section-head p { color:var(--drtv-dark-muted); }

/* Text links are Homepage composition, not a second button system. */
.drtv-home-text-link {
    display:inline-flex; flex:0 0 auto; align-items:center; gap:var(--drtv-space-2);
    min-height:var(--drtv-touch-min); color:inherit; font-size:var(--drtv-fs-compact);
    font-weight:var(--drtv-fw-bold); white-space:nowrap;
}
.drtv-home-text-link span { transition:transform var(--drtv-speed) var(--drtv-ease); }
.drtv-home-text-link:hover span,.drtv-home-text-link:focus-visible span { transform:translateX(3px); }

/* Local class positions Core-owned pills over specialist media. */
.drtv-home-chip { position:relative; z-index:2; }

.drtv-home-media-fallback {
    display:block; width:100%; height:100%;
    background:radial-gradient(circle at 72% 22%,rgba(237,27,47,.22),transparent 30%),linear-gradient(135deg,#222832,#0f1217 72%);
}
.drtv-home-stars { display:inline-flex; gap:2px; color:#ffbf00; font-size:14px; }

/* Empty-state spacing only. Surface/radius/border come from UI Core cards. */
.drtv-home-empty { display:grid; gap:var(--drtv-space-2); text-align:center; }
.drtv-home-empty--dark { color:var(--drtv-dark-muted); }

.drtv-homepage-wow :focus-visible { outline:3px solid rgba(19,136,245,.75); outline-offset:4px; }

@media (max-width:1023px) {
    .drtv-home-section-head { align-items:flex-start; flex-direction:column; gap:var(--drtv-space-4); }
}
@media (max-width:767px) {
    .drtv-home-section { padding-block:var(--drtv-space-9); }
    .drtv-home-section-head { margin-bottom:var(--drtv-space-6); }
    .drtv-home-section-head p { font-size:var(--drtv-fs-body); }
}
@media (prefers-reduced-motion:reduce) {
    .drtv-homepage-wow *, .drtv-homepage-wow *::before, .drtv-homepage-wow *::after {
        scroll-behavior:auto; transition-duration:.01ms; animation-duration:.01ms; animation-iteration-count:1;
    }
}

/* Homepage-owned hero: campaign identity lives here, not in Instant Wins. */
.drtv-home-hero{
    position:relative;
    width:100%;
    min-width:0;
    overflow:hidden;
    color:#fff;
    background:#070b11;
    isolation:isolate;
}
.drtv-home-hero__viewport{position:relative;min-height:clamp(430px,39vw,620px)}
.drtv-home-hero__slide{
    position:absolute;
    inset:0;
    display:grid;
    min-height:inherit;
    align-items:stretch;
    opacity:0;
    pointer-events:none;
    transition:opacity .48s var(--drtv-ease);
}
.drtv-home-hero__slide.is-active{position:relative;opacity:1;pointer-events:auto;z-index:1}
.drtv-home-hero__picture,.drtv-home-hero__picture img,.drtv-home-hero__scrim{position:absolute;inset:0;width:100%;height:100%}
.drtv-home-hero__picture{z-index:-3}
.drtv-home-hero__picture img{object-fit:cover;object-position:center}
.drtv-home-hero__scrim{
    z-index:-2;
    background:
      linear-gradient(90deg,rgba(4,7,12,.92) 0%,rgba(4,7,12,.76) 30%,rgba(4,7,12,.28) 58%,rgba(4,7,12,.05) 78%),
      linear-gradient(180deg,rgba(4,7,12,.04) 55%,rgba(4,7,12,.38) 100%);
}
.drtv-home-hero__inner{display:flex;min-height:inherit;align-items:center;padding-block:clamp(54px,6vw,86px)}
.drtv-home-hero__copy{width:min(650px,52vw)}
.drtv-home-hero__copy-set{display:none}
.drtv-home-hero__copy-set.is-desktop{display:block}
.drtv-home-hero__kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 14px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--drtv-radius-pill);
    color:#fff;
    background:rgba(8,12,18,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
    font-size:var(--drtv-fs-eyebrow);
    font-weight:var(--drtv-fw-heavy);
    letter-spacing:.12em;
    text-transform:uppercase;
}
.drtv-home-hero .drtv-hero-title{
    max-width:12ch;
    margin:0;
    color:#fff;
    text-wrap:balance;
}
.drtv-home-hero .drtv-body--large{
    max-width:560px;
    margin:18px 0 0;
    color:rgba(255,255,255,.78);
}
.drtv-home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.drtv-home-hero__actions .drtv-button{min-width:0}
.drtv-home-hero__secondary{
    color:#111820;
    background:#fff;
    border-color:#fff;
}
.drtv-home-hero__secondary:hover,.drtv-home-hero__secondary:focus-visible{color:#111820;background:#f3f5f7}
.drtv-home-hero__controls{
    position:absolute;
    right:0;
    bottom:20px;
    left:0;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    pointer-events:none;
}
.drtv-home-hero__controls>*{pointer-events:auto}
.drtv-home-hero__arrow{
    border-color:rgba(255,255,255,.16);
    color:#fff;
    background:rgba(7,10,15,.62);
    backdrop-filter:blur(12px);
}
.drtv-home-hero__arrow:hover,.drtv-home-hero__arrow:focus-visible{background:rgba(227,6,19,.86);border-color:rgba(255,255,255,.22);color:#fff}
.drtv-home-hero__dots{display:flex;align-items:center;gap:7px;padding:0 3px}
.drtv-home-hero__dots button{
    appearance:none;
    width:22px;
    height:4px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.32);
    cursor:pointer;
    transition:width .2s var(--drtv-ease),background .2s var(--drtv-ease);
}
.drtv-home-hero__dots button.is-active{width:38px;background:var(--drtv-red)}

@media (max-width:1366px){
    .drtv-home-hero__viewport{min-height:clamp(460px,58vw,660px)}
    .drtv-home-hero__copy{width:min(610px,61vw)}
    .drtv-home-hero__copy-set.is-desktop{display:none}
    .drtv-home-hero__copy-set.is-tablet{display:block}
    .drtv-home-hero__scrim{background:linear-gradient(90deg,rgba(4,7,12,.9) 0%,rgba(4,7,12,.64) 42%,rgba(4,7,12,.14) 76%),linear-gradient(180deg,transparent 54%,rgba(4,7,12,.34))}
}
@media (max-width:767px){
    .drtv-home-hero__viewport{min-height:clamp(500px,128vw,650px)}
    .drtv-home-hero__inner{align-items:flex-end;padding-block:42px 72px}
    .drtv-home-hero__copy{width:100%}
    .drtv-home-hero__copy-set.is-tablet{display:none}
    .drtv-home-hero__copy-set.is-mobile{display:block}
    .drtv-home-hero__scrim{background:linear-gradient(180deg,rgba(4,7,12,.06) 22%,rgba(4,7,12,.34) 52%,rgba(4,7,12,.94) 82%,rgba(4,7,12,.98) 100%)}
    .drtv-home-hero .drtv-hero-title{max-width:13ch;font-size:clamp(38px,12vw,58px)}
    .drtv-home-hero .drtv-body--large{margin-top:13px;font-size:15px}
    .drtv-home-hero__actions{margin-top:20px}
    .drtv-home-hero__controls{bottom:16px;justify-content:flex-start}
   .drtv-home-hero__arrow{display:none}
}
@media (prefers-reduced-motion:reduce){
    .drtv-home-hero__slide,.drtv-home-hero__dots button{transition:none}
}