/* NOVA+ 2.62.0 Build 78 — Wrestling compatibility layer
   Legacy selector layer mapped to the commercial purple / indigo / cyan identity.
   The Build 78 full-canvas stylesheet is loaded after this compatibility layer. */

:root {
    --wrestling-bg: #000000;
    --wrestling-surface: #000000;
    --wrestling-surface-2: #000000;
    --wrestling-line: var(--oscar-border);
    --wrestling-red: var(--accent);
    --wrestling-red-hot: var(--accent);
    --wrestling-gold: var(--accent);
    --wrestling-gold-soft: var(--accent);
    --wrestling-text: var(--oscar-text);
    --wrestling-muted: var(--oscar-muted);
}

/* ---------- Wrestling landing world ---------- */
.catalog-landing-wrestling {
    background:
        radial-gradient(90% 42% at 50% 0%, rgba(0,0,0,.12), transparent 70%),
        radial-gradient(62% 30% at 90% 38%, rgba(0,0,0,.055), transparent 72%),
        #000000 !important;
}

.catalog-landing-wrestling .catalog-landing-toolbar {
    border-bottom-color: var(--accent);
    background: linear-gradient(to bottom, rgba(0,0,0,.96), rgba(0,0,0,.50), transparent);
}

.catalog-landing-wrestling .catalog-landing-toolbar h1 {
    color: var(--wrestling-text);
    letter-spacing: -.025em;
}

.catalog-landing-wrestling .catalog-landing-toolbar-button {
    border-color: var(--accent);
    background: rgba(0,0,0,.72);
    box-shadow: 0 12px 30px rgba(0,0,0,.46), 0 0 20px rgba(0,0,0,.06);
}

.wrestling-hub-quick-nav {
    width: 100%;
    margin: -3px 0 2px;
    padding: 6px 16px 12px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    direction: rtl;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    box-sizing: border-box;
}
.wrestling-hub-quick-nav::-webkit-scrollbar { display: none; }

.wrestling-hub-chip {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--accent);
    border-radius: 10px;
    color: var(--accent);
    background: linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.92));
    box-shadow: inset 0 1px rgba(0,0,0,.025), 0 8px 20px rgba(0,0,0,.26);
    font-family:inherit;
    font-size: .72rem;
    font-weight: 850;
    white-space: nowrap;
}
.wrestling-hub-chip svg { color: var(--wrestling-gold); }
.wrestling-hub-chip.active,
.wrestling-hub-chip.live {
    color: var(--oscar-text);
    border-color: var(--accent);
    background: linear-gradient(135deg, rgba(0,0,0,.94), rgba(0,0,0,.94));
    box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px rgba(0,0,0,.08);
}
.wrestling-hub-chip.live svg { color: var(--oscar-text); }
.wrestling-hub-chip:active { transform: scale(.97); }

/* Hero: keep the actual catalog artwork, change only the broadcast language. */
.world-wrestling.target-home-hero-shell {
    background: #000000;
    margin-bottom: 10px;
}
.world-wrestling .target-hero-slide {
    height: clamp(430px, 58dvh, 590px);
    min-height: 430px;
}
.world-wrestling .target-hero-shade {
    background:
        radial-gradient(circle at 70% 36%, rgba(0,0,0,.14), transparent 36%),
        linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.02) 25%, rgba(0,0,0,.34) 60%, rgba(0,0,0,.91) 88%, #000000 100%),
        linear-gradient(90deg, rgba(0,0,0,.22), transparent 36%, rgba(0,0,0,.10));
}
.world-wrestling .target-hero-text h1 {
    color: var(--oscar-text);
    text-shadow: 0 4px 24px rgba(0,0,0,.88), 0 0 28px rgba(0,0,0,.08);
}
.world-wrestling .target-hero-text p,
.world-wrestling .target-hero-meta { color: var(--oscar-text); }
.world-wrestling .target-hero-meta > span:not(.target-hero-status) + span:not(.target-hero-status)::before {
    background: #000000;
}
.world-wrestling .target-hero-status::before {
    border-radius: 50%;
    transform: none;
    background: #000000;
    box-shadow: 0 0 14px rgba(0,0,0,.58);
}
.world-wrestling .target-watch-button {
    background: linear-gradient(135deg, #000000 0%, #000000 64%, #000000 100%);
    box-shadow: 0 12px 26px rgba(0,0,0,.30), inset 0 1px rgba(0,0,0,.11);
}
.world-wrestling .target-save-button,
.world-wrestling .target-save-button.saved,
.world-wrestling .target-save-button:hover,
.world-wrestling .target-save-button:focus,
.world-wrestling .target-save-button:active {
    border: 1px solid var(--accent) !important;
    background: rgba(0,0,0,.72) !important;
    color: var(--accent) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.38), inset 0 0 0 1px rgba(0,0,0,.06) !important;
}
.world-wrestling .target-save-button.saved {
    background: rgba(0,0,0,.30) !important;
}
.world-wrestling .target-hero-dots button.active {
    background: linear-gradient(90deg, #000000, #000000);
    box-shadow: 0 0 12px rgba(0,0,0,.25);
}

/* Compact wrestling rails. */
.shahid-home-section.world-wrestling {
    background: transparent;
    padding-top: 13px;
    padding-bottom: 17px;
}
.world-wrestling .shahid-section-heading { min-height: 44px; }
.world-wrestling .shahid-section-heading h2 {
    color: var(--oscar-text);
    font-size: clamp(.86rem, 2vw, 1.02rem);
}
.world-wrestling .shahid-section-heading h2::before {
    width: 4px;
    min-height: 24px;
    background: linear-gradient(180deg, #000000, #000000);
}
.world-wrestling .shahid-section-heading > button { color: var(--wrestling-red-hot); }
.world-wrestling .shahid-rail { gap: 9px; }
.world-wrestling.shahid-short-section .shahid-short-card {
    flex-basis: clamp(230px, 52vw, 380px);
    aspect-ratio: 16 / 9;
    border-radius: 10px;
}
.world-wrestling.shahid-short-section .shahid-short-copy {
    right: 10px; left: 10px; bottom: 9px;
}
.world-wrestling .shahid-poster-card,
.world-wrestling .shahid-live-card,
.world-wrestling .shahid-short-card,
.world-wrestling .shahid-landscape-card,
.world-wrestling .shahid-ranked-card {
    border: 1px solid var(--accent);
    background: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.98));
    box-shadow: 0 9px 22px rgba(0,0,0,.28);
}
.world-wrestling .shahid-poster-card,
.world-wrestling .shahid-live-card { border-radius: 10px; overflow: hidden; }
.world-wrestling .shahid-landscape-card { border-radius: 10px; }
.world-wrestling .shahid-taxonomy-badges em.region {
    background: linear-gradient(135deg, rgba(0,0,0,.95), rgba(0,0,0,.82));
}
.world-wrestling .shahid-landscape-duration {
    border-color: var(--accent);
    background: rgba(0,0,0,.82);
}
.world-wrestling .shahid-rank-ribbon {
    color: var(--oscar-muted);
    background: linear-gradient(180deg, #000000, #000000);
}
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(1) {
    color: var(--accent);
    background: #000000;
    box-shadow: 0 0 12px rgba(0,0,0,.72);
}
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(2) {
    color: var(--accent);
    background: #000000;
    box-shadow: 0 0 12px rgba(0,0,0,.68);
}
.world-wrestling .nova-rail-page-sentinel.loading i:nth-child(3) {
    color: var(--oscar-text);
    background: #000000;
    box-shadow: 0 0 11px rgba(0,0,0,.44);
}

/* ---------- Full wrestling catalog ---------- */
.catalog-world-wrestling {
    --nova-catalog-line: var(--oscar-border);
    --nova-catalog-active-border: linear-gradient(100deg, var(--accent) 0%, var(--accent) 52%, var(--accent) 100%);
    --nova-catalog-header-h: calc(216px + var(--safe-top, 0px));
    background: #000000 !important;
}
.catalog-world-wrestling .nova-catalog-fixed-header {
    background:
        radial-gradient(90% 130% at 84% 0%, rgba(0,0,0,.10), transparent 62%),
        linear-gradient(180deg, rgba(0,0,0,.99), rgba(0,0,0,.97));
    border-bottom-color: var(--accent) !important;
}
.catalog-world-wrestling .nova-catalog-heading-copy h1 { color: var(--oscar-text); }
.catalog-world-wrestling .nova-catalog-heading-copy p { color: var(--oscar-muted); }
.catalog-world-wrestling .nova-catalog-back,
.catalog-world-wrestling .nova-catalog-icon,
.catalog-world-wrestling .nova-catalog-search,
.catalog-world-wrestling .nova-catalog-select-card {
    border-color: var(--accent) !important;
    background-color: rgba(0,0,0,.88) !important;
}
.catalog-world-wrestling .nova-catalog-search:focus-within,
.catalog-world-wrestling .nova-catalog-select-card.active {
    border-color: transparent !important;
    background:
        linear-gradient(#000000,#000000) padding-box,
        linear-gradient(100deg,#000000,#000000) border-box !important;
}
.catalog-world-wrestling .nova-catalog-notification i { background: #000000 !important; }

.wrestling-catalog-quick-row {
    height: 39px;
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    direction: rtl;
    scrollbar-width: none;
    padding-top: 4px;
}
.wrestling-catalog-quick-row::-webkit-scrollbar { display: none; }
.wrestling-catalog-quick-chip {
    flex: 0 0 auto;
    height: 31px;
    min-height: 31px;
    padding: 0 13px;
    border: 1px solid var(--accent);
    border-radius: 8px;
    color: var(--accent);
    background: rgba(0,0,0,.88);
    font-family:inherit;
    font-size: .68rem;
    font-weight: 850;
}
.wrestling-catalog-quick-chip.active {
    color: var(--oscar-text);
    border-color: var(--accent);
    background: linear-gradient(135deg, #000000, #000000);
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.catalog-world-wrestling .nova-category-chip.active {
    color: var(--oscar-text) !important;
}
.catalog-world-wrestling .nova-media-art {
    border-color: var(--accent);
    border-radius: 12px;
    background: #000000;
    box-shadow: 0 10px 22px rgba(0,0,0,.32);
}
.catalog-world-wrestling .nova-media-card > strong { color: var(--oscar-text); }
.catalog-world-wrestling .nova-media-card > small { color: var(--accent); }
.catalog-world-wrestling .nova-media-quality {
    color: var(--oscar-muted);
    background: linear-gradient(180deg,#000000,#000000) !important;
}
.catalog-world-wrestling .nova-media-play {
    background: rgba(0,0,0,.88) !important;
    border-color: var(--oscar-border) !important;
}
.catalog-world-wrestling .nova-inline-sync i { background: #000000 !important; }

/* ---------- Wrestling event details ---------- */
.details-wrestling {
    --nova-bg-master: #000000 !important;
    --nova-surface-dark: #000000 !important;
    --nova-surface-card: #000000 !important;
    --nova-surface-hover: #000000 !important;
    --nova-border-subtle: var(--accent) !important;
    --nova-brand-primary: var(--accent) !important;
    --nova-brand-secondary: var(--accent) !important;
    --nova-text-pure: var(--oscar-text) !important;
    --nova-text-dim: var(--oscar-text-2) !important;
    --nova-text-muted: var(--oscar-muted) !important;
    background: #000000 !important;
}
.details-wrestling .details-standard-header {
    border-bottom-color: var(--accent) !important;
    background: linear-gradient(180deg, rgba(0,0,0,.94), rgba(0,0,0,.58), transparent) !important;
}
.details-wrestling .cinematic-details-shade {
    background:
        radial-gradient(circle at 74% 32%, rgba(0,0,0,.12), transparent 34%),
        linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.06) 28%, rgba(0,0,0,.58) 68%, #000000 100%) !important;
}
.details-wrestling .cinematic-eyebrow span,
.details-wrestling .pulse-dot { background: #000000 !important; box-shadow: 0 0 12px rgba(0,0,0,.52) !important; }
.details-wrestling .cinematic-eyebrow b { color: var(--wrestling-gold-soft) !important; }
.details-wrestling .cinematic-ranking span:first-child { color: var(--wrestling-gold-soft) !important; }
.details-wrestling .cinematic-watch-button {
    background: linear-gradient(135deg,#000000,#000000) !important;
    box-shadow: 0 13px 28px rgba(0,0,0,.28) !important;
}
.details-wrestling .cinematic-secondary-action {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    background: rgba(0,0,0,.76) !important;
}
.details-wrestling .cinematic-tabs button.active {
    color: var(--oscar-text) !important;
    border-color: var(--wrestling-red-hot) !important;
}
.details-wrestling .cinematic-tabs button.active::after,
.details-wrestling .episode-season-filter-strip button.active::after {
    background: linear-gradient(90deg,#000000,#000000) !important;
}
.details-wrestling .reference-panel,
.details-wrestling .episode-gallery-panel,
.details-wrestling .server-row,
.details-wrestling .source-card {
    border-color: var(--accent) !important;
    background: linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.96)) !important;
}
.details-wrestling .reference-panel-heading h2,
.details-wrestling .episode-gallery-heading h2 { color: var(--oscar-text) !important; }
.details-wrestling .rating-highlight,
.details-wrestling .reference-info-grid dd svg { color: var(--wrestling-gold) !important; }

@media (max-width: 680px) {
    .world-wrestling .target-hero-slide {
        height: clamp(370px, 52dvh, 455px);
        min-height: 370px;
    }
    .wrestling-hub-quick-nav { padding-inline: 12px; gap: 7px; }
    .wrestling-hub-chip { min-height: 34px; padding-inline: 12px; font-size: .68rem; }
    .shahid-home-section.world-wrestling { padding-block: 11px 15px; }
    .world-wrestling .shahid-section-heading { min-height: 40px; padding-inline: 14px; }
    .world-wrestling .shahid-poster-card,
    .world-wrestling .shahid-live-card { flex-basis: 27.5vw; }

    .catalog-world-wrestling {
        --nova-catalog-header-h: calc(196px + var(--safe-top, 0px));
    }
    .catalog-world-wrestling.mobile-search-open {
        --nova-catalog-header-h: calc(245px + var(--safe-top, 0px));
    }
    .wrestling-catalog-quick-row { height: 36px; min-height: 36px; }
    .wrestling-catalog-quick-chip { height: 29px; min-height: 29px; padding-inline: 11px; font-size: .65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .wrestling-hub-chip,
    .wrestling-catalog-quick-chip { transition: none !important; }
}
