/* ============================================================
   KRAFT WRESTLING
THEME V1

   Scoped ONLY to .
   Normal and holiday themes remain untouched.
   ============================================================ */

body[data-website-theme="sports2j"] {

    --w2j-yellow:#ffe500;
    --w2j-black:#030607;
    --w2j-panel:#071016;
    --w2j-panel2:#0a141a;
    --w2j-border:rgba(255,229,0,.48);
    --w2j-muted:#aebbc5;

    color:#fff;

    background:
        radial-gradient(
            circle at 82% 7%,
            rgba(255,229,0,.075),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #040708 0%,
            #071016 45%,
            #030607 100%
        ) !important;
}


/* ============================================================
   RESTORE PAGE HERO

   Shared Sports CSS may hide generic main > .hero.
   Wrestling needs its own hero visible.
   ============================================================ */

body[data-website-theme="sports2j"]
main > .hero {

    display:block !important;
}


/* ============================================================
   HEADER
   ============================================================ */

body[data-website-theme="sports2j"]
.site-header {

    border-bottom:
        1px solid
        rgba(255,229,0,.55) !important;

    background:
        linear-gradient(
            180deg,
            rgba(6,10,12,.99),
            rgba(3,7,9,.99)
        ) !important;
}

body[data-website-theme="sports2j"]
.site-header::after {

    content:"";

    display:block;

    height:4px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--w2j-yellow) 0 18px,
            #050708 18px 36px
        );
}

body[data-website-theme="sports2j"]
.brand {

    color:#fff !important;

    font-weight:900 !important;

    letter-spacing:.035em;
}

body[data-website-theme="sports2j"]
.brand-badge {

    color:#050708 !important;

    border-color:
        var(--w2j-yellow) !important;

    background:
        var(--w2j-yellow) !important;

    box-shadow:
        0 0 18px
        rgba(255,229,0,.16);
}

body[data-website-theme="sports2j"]
.nav-links a {

    color:#dbe4ea !important;
}

body[data-website-theme="sports2j"]
.nav-links a:hover,
body[data-website-theme="sports2j"]
.nav-links a:focus-visible {

    color:
        var(--w2j-yellow) !important;
}


/* ============================================================
   HERO
   ============================================================ */

body[data-website-theme="sports2j"]
.hero {

    position:relative;

    overflow:hidden;

    border-bottom:
        1px solid
        rgba(255,229,0,.35) !important;

    background:
        linear-gradient(
            115deg,
            rgba(255,229,0,.055),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #081116,
            #05090c
        ) !important;
}

body[data-website-theme="sports2j"]
.hero::after {

    content:"2J";

    position:absolute;

    z-index:0;

    right:
        clamp(8px,5vw,70px);

    top:50%;

    transform:
        translateY(-50%)
        skewX(-8deg);

    color:
        rgba(255,229,0,.065);

    font-size:
        clamp(170px,23vw,340px);

    font-weight:1000;

    font-style:italic;

    line-height:.8;

    pointer-events:none;
}

body[data-website-theme="sports2j"]
.hero-grid {

    position:relative;

    z-index:1;
}

body[data-website-theme="sports2j"]
.eyebrow {

    color:
        var(--w2j-yellow) !important;

    font-weight:900 !important;

    letter-spacing:.15em !important;

    text-transform:uppercase;
}

body[data-website-theme="sports2j"]
.hero h1 {

    color:#fff !important;

    font-weight:1000 !important;

    font-style:italic;

    text-transform:uppercase;

    letter-spacing:-.035em;

    text-shadow:
        0 4px 0
        rgba(0,0,0,.30);
}

body[data-website-theme="sports2j"]
.hero h1::after {

    content:"KRAFT RACING";

    display:block;

    margin-top:10px;

    color:
        var(--w2j-yellow);

    font-size:
        clamp(13px,1.5vw,21px);

    font-style:normal;

    letter-spacing:.18em;

    line-height:1;
}

body[data-website-theme="sports2j"]
.hero p {

    color:
        var(--w2j-muted) !important;

    max-width:680px;
}


/* ============================================================
   HERO PHOTO
   ============================================================ */

body[data-website-theme="sports2j"]
.hero-photo {

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(255,229,0,.55) !important;

    background:#080d11 !important;

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.32) !important;
}

body[data-website-theme="sports2j"]
.hero-photo::before {

    content:"";

    position:absolute;

    z-index:2;

    left:0;
    right:0;
    top:0;

    height:5px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--w2j-yellow) 0 18px,
            #050708 18px 36px
        );
}

body[data-website-theme="sports2j"]
.hero-photo::after {

    content:"630 AUTO";

    position:absolute;

    z-index:3;

    right:16px;
    bottom:14px;

    padding:
        6px 12px;

    color:#050708;

    border-radius:4px;

    background:
        var(--w2j-yellow);

    font-size:11px;

    font-weight:1000;

    font-style:italic;

    letter-spacing:.13em;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.32);
}

body[data-website-theme="sports2j"]
.hero-photo img {

    display:block;

    width:100%;

    filter:
        contrast(1.04)
        saturate(.92);
}


/* ============================================================
   ARCHIVE SECTION
   ============================================================ */

body[data-website-theme="sports2j"]
.section {

    border-left:
        3px solid
        rgba(255,229,0,.82);

    border-right:
        3px solid
        rgba(255,229,0,.82);

    background:
        linear-gradient(
            180deg,
            rgba(255,229,0,.035),
            transparent 18%
        ) !important;
}

body[data-website-theme="sports2j"]
.section-heading h2 {

    color:#fff !important;

    font-weight:1000 !important;

    font-style:italic;

    text-transform:uppercase;
}

body[data-website-theme="sports2j"]
.section-heading h2::after {

    content:" //";

    color:
        var(--w2j-yellow);
}

body[data-website-theme="sports2j"]
.section-heading p {

    color:
        var(--w2j-muted) !important;
}


/* ============================================================
   GROUP LABELS
   ============================================================ */

body[data-website-theme="sports2j"]
.group-label {

    position:relative;

    margin-top:28px;

    padding:
        10px 14px;

    color:
        var(--w2j-yellow) !important;

    border-left:
        4px solid
        var(--w2j-yellow);

    background:
        linear-gradient(
            90deg,
            rgba(255,229,0,.08),
            transparent 72%
        );

    font-weight:1000 !important;

    font-style:italic;

    letter-spacing:.10em;

    text-transform:uppercase;
}


/* ============================================================
   WRESTLING ARCHIVE CARDS
   ============================================================ */

body[data-website-theme="sports2j"]
.card {

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(255,229,0,.48) !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,18,24,.98),
            rgba(4,10,14,.98)
        ) !important;

    box-shadow:
        0 16px 36px
        rgba(0,0,0,.24) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

body[data-website-theme="sports2j"]
.card::before {

    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:5px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--w2j-yellow) 0 16px,
            #050708 16px 32px
        );
}

body[data-website-theme="sports2j"]
.card:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(255,229,0,.88) !important;

    box-shadow:
        0 18px 38px
        rgba(0,0,0,.34) !important;
}

body[data-website-theme="sports2j"]
.card .number,
body[data-website-theme="sports2j"]
.card.rebecca .number,
body[data-website-theme="sports2j"]
.card.jacob .number,
body[data-website-theme="sports2j"]
.card.chris .number {

    color:
        var(--w2j-yellow) !important;

    font-weight:1000 !important;

    font-style:italic;

    text-shadow:
        0 3px 0
        rgba(0,0,0,.30);
}

body[data-website-theme="sports2j"]
.card .year {

    color:
        var(--w2j-yellow) !important;

    font-weight:900 !important;

    letter-spacing:.08em;

    text-transform:uppercase;
}

body[data-website-theme="sports2j"]
.card h3 {

    color:#fff !important;

    font-weight:900 !important;
}

body[data-website-theme="sports2j"]
.card p {

    color:
        var(--w2j-muted) !important;
}


/* ============================================================
   FOOTER
   ============================================================ */

body[data-website-theme="sports2j"]
footer {

    border-top:
        1px solid
        rgba(255,229,0,.45) !important;

    background:
        #030608 !important;
}

body[data-website-theme="sports2j"]
.footer-row strong,
body[data-website-theme="sports2j"]
.footer-row a {

    color:
        var(--w2j-yellow) !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width:760px) {

    body[data-website-theme="sports2j"]
    .hero::after {

        right:-20px;

        font-size:
            clamp(125px,46vw,200px);
    }

    body[data-website-theme="sports2j"]
    .hero-grid {

        grid-template-columns:1fr !important;
    }

    body[data-website-theme="sports2j"]
    .hero-photo {

        min-width:0;
    }

    body[data-website-theme="sports2j"]
    .grid {

        grid-template-columns:1fr !important;
    }

    body[data-website-theme="sports2j"]
    .card {

        min-width:0;
    }

    body[data-website-theme="sports2j"]
    .section {

        border-left-width:2px;
        border-right-width:2px;
    }
}