/* ============================================================
   DIRT EDM SUPPORT PAGES
THEME V1

   Shared by:
   /Radio/Subscribe/
   /Radio/Donate/

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

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

    --support2j-yellow:#ffe500;
    --support2j-black:#030607;
    --support2j-panel:#071016;
    --support2j-panel2:#0a151c;
    --support2j-line:rgba(255,229,0,.48);
    --support2j-muted:#afbbc5;

    color:#fff;

    background:
        radial-gradient(
            circle at 78% 10%,
            rgba(255,229,0,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #040708 0%,
            #071016 50%,
            #030607 100%
        ) !important;
}


/* ============================================================
   RESTORE SUPPORT HERO

   Shared homepage Sports CSS intentionally hides main > .hero.
   These pages use the same structural class.
   ============================================================ */

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

    display:block !important;
}


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

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

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

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

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

    content:"";

    display:block;

    height:4px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--support2j-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-mark {

    color:#050708 !important;

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

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

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

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

    color:#dce5eb !important;
}

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

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


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

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

    position:relative;

    overflow:hidden;

    border-bottom:
        1px solid
        rgba(255,229,0,.30) !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,.07);

    font-size:
        clamp(150px,22vw,320px);

    font-weight:1000;

    font-style:italic;

    line-height:.8;

    pointer-events:none;
}

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

    position:relative;

    z-index:1;
}

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

    color:
        var(--support2j-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(--support2j-yellow);

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

    font-style:normal;

    letter-spacing:.18em;

    line-height:1;
}

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

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

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

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

    box-shadow:
        0 16px 36px
        rgba(0,0,0,.28);
}


/* ============================================================
   MAIN CARDS
   ============================================================ */

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

    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,.26) !important;
}

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

    content:"";

    display:block;

    height:4px;

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

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

    color:#fff !important;
}

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

    font-style:italic;

    font-weight:1000 !important;

    text-transform:uppercase;
}

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

    content:" //";

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

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

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


/* ============================================================
   SUBSCRIPTION PLANS
   ============================================================ */

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

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

    background:
        rgba(5,13,18,.94) !important;
}

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

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

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

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

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

    color:#fff !important;
}


/* ============================================================
   DONATION COST / STATUS BOXES
   ============================================================ */

body[data-website-theme="sports2j"]
.cost,
body[data-website-theme="sports2j"]
.highlight,
body[data-website-theme="sports2j"]
.status {

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

    background:
        rgba(5,13,18,.94) !important;
}


/* ============================================================
   PAYPAL AREA

   Visual styling only.
   Form action, hosted_button_id, links and inputs are untouched.
   ============================================================ */

body[data-website-theme="sports2j"]
.subscribe-panel,
body[data-website-theme="sports2j"]
.donate-box {

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

    background:
        rgba(4,11,15,.94) !important;
}

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

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

    background:
        rgba(3,9,13,.72) !important;
}

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

    color:#fff !important;
}

body[data-website-theme="sports2j"]
.paypal-form select {

    color:#fff !important;

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

    background:
        #081219 !important;
}

body[data-website-theme="sports2j"]
.paypal-form select:focus {

    border-color:
        var(--support2j-yellow) !important;
}

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

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

body[data-website-theme="sports2j"]
.paypal-submit input[type="image"] {

    max-width:100%;

    height:auto;
}


/* ============================================================
   DONATE / PAYPAL LINKS
   ============================================================ */

body[data-website-theme="sports2j"]
.donate-button,
body[data-website-theme="sports2j"]
.paypal-link,
body[data-website-theme="sports2j"]
.cancel-link,
body[data-website-theme="sports2j"]
.back-link {

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

    color:#fff !important;
}

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

    color:#050708 !important;

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

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

    font-weight:900 !important;
}

body[data-website-theme="sports2j"]
.paypal-link:hover,
body[data-website-theme="sports2j"]
.cancel-link:hover,
body[data-website-theme="sports2j"]
.back-link:hover {

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


/* ============================================================
   MAILING
   ============================================================ */

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

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

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

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

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

    background:
        rgba(255,229,0,.035) !important;

    color:#fff !important;
}


/* ============================================================
   ONE-TIME / CANCEL / NOTICE BOXES
   ============================================================ */

body[data-website-theme="sports2j"]
.one-time,
body[data-website-theme="sports2j"]
.cancel-box {

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

    background:
        rgba(255,229,0,.035) !important;
}


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

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

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

    background:
        #030608 !important;
}


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

@media (max-width:760px) {

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

        right:-18px;

        font-size:
            clamp(115px,42vw,185px);
    }

    body[data-website-theme="sports2j"]
    .card,
    body[data-website-theme="sports2j"]
    .subscribe-panel,
    body[data-website-theme="sports2j"]
    .donate-box,
    body[data-website-theme="sports2j"]
    .plan {

        min-width:0;
    }

    body[data-website-theme="sports2j"]
    .paypal-submit input[type="image"] {

        max-width:100%;
    }
}