/* ============================================================
   STEVEKRAFT.COM FTP
THEME V1

   Scoped ONLY to:
   body[data-website-theme="sports2j"]

   Normal and holiday themes remain untouched.
   ============================================================ */

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

    --ftp2j-yellow:#ffe500;
    --ftp2j-black:#050708;
    --ftp2j-panel:#071016;
    --ftp2j-panel2:#0a151c;
    --ftp2j-text:#ffffff;
    --ftp2j-muted:#b8c3cc;
    --ftp2j-line:rgba(255,229,0,.55);

    color:var(--ftp2j-text);

    background:
        radial-gradient(
            circle at 78% 14%,
            rgba(255,229,0,.10),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #050708 0%,
            #071016 52%,
            #030607 100%
        ) !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,.98),
            rgba(3,7,9,.98)
        ) !important;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.35);
}

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

    content:"";

    display:block;

    height:4px;

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

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

    color:#fff !important;

    text-decoration:none !important;

    font-weight:900 !important;

    letter-spacing:.035em;
}

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

    color:#050708 !important;

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

    border:
        1px solid
        var(--ftp2j-yellow) !important;

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

    font-weight:1000 !important;
}

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

    color:#dce5eb !important;

    border-color:
        transparent !important;
}

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

    color:
        var(--ftp2j-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 .container {

    position:relative;

    overflow:hidden;

    padding-top:
        clamp(56px,7vw,92px);

    padding-bottom:
        clamp(52px,6vw,82px);
}

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

    content:"2J";

    position:absolute;

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

    top:50%;

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

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

    font-size:
        clamp(150px,23vw,330px);

    font-weight:1000;

    font-style:italic;

    line-height:.8;

    pointer-events:none;
}

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

    content:"630 AUTO";

    position:absolute;

    right:
        clamp(20px,5vw,76px);

    bottom:
        clamp(20px,3vw,38px);

    padding:
        5px
        10px;

    color:
        #050708;

    background:
        var(--ftp2j-yellow);

    border-radius:
        4px;

    font-size:
        clamp(9px,.8vw,12px);

    font-weight:1000;

    letter-spacing:.12em;

    transform:
        skewX(-7deg);

    display:none !important;
}

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

    position:relative;

    z-index:2;
}

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

    position:relative;

    z-index:2;

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

    font-weight:900 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase;
}

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

    position:relative;

    z-index:2;

    margin-bottom:
        clamp(10px,1.4vw,18px);

    color:#fff !important;

    font-size:
        clamp(46px,7vw,92px) !important;

    font-weight:1000 !important;

    font-style:italic;

    line-height:.92 !important;

    letter-spacing:-.04em;

    text-transform:uppercase;

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

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

    content:"KRAFT RACING";

    display:block;

    margin-top:
        clamp(7px,1vw,12px);

    color:
        var(--ftp2j-yellow);

    font-size:
        clamp(14px,1.7vw,23px);

    font-style:normal;

    letter-spacing:.18em;

    line-height:1;
}

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

    position:relative;

    z-index:2;

    max-width:720px;

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

    font-size:
        clamp(14px,1.3vw,18px);

    line-height:1.55;
}

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

    position:relative;

    z-index:2;

    display:inline-block;

    margin-top:
        clamp(14px,2vw,24px);

    padding:
        9px
        13px;

    color:#fff !important;

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

    border-radius:
        7px;

    background:
        rgba(5,12,17,.92) !important;

    font-weight:800;
}


/* ============================================================
   SECTIONS
   ============================================================ */

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

    position:relative;

    background:
        transparent !important;
}

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

    color:#fff !important;

    font-style:italic;

    font-weight:1000 !important;

    text-transform:uppercase;
}

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

    content:" //";

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

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

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


/* ============================================================
   CONNECTION CARD
   ============================================================ */

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

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

    border-radius:
        14px !important;

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

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

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

    content:"";

    display:block;

    height:4px;

    margin:
        -1px
        -1px
        0;

    border-radius:
        14px 14px 0 0;

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

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

    border:
        1px solid
        rgba(118,151,175,.30) !important;

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

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

    color:
        #91a1ad !important;

    text-transform:uppercase;

    letter-spacing:.08em;
}

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

    color:#fff !important;
}

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

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

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

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

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

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

    color:
        #c2ccd4 !important;

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

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

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

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


/* ============================================================
   BUTTONS
   ============================================================ */

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

    color:#fff !important;

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

    background:
        #081219 !important;

    font-weight:900 !important;

    text-transform:uppercase;

    letter-spacing:.04em;
}

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

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

    background:
        #0d1b23 !important;
}

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

    color:
        #050708 !important;

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

    background:
        var(--ftp2j-yellow) !important;
}


/* ============================================================
   COUNTDOWN
   ============================================================ */

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

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

    background:
        rgba(5,12,17,.96) !important;
}

body[data-website-theme="sports2j"]
.ftp-seasonal-countdown-card
.countdown-label {

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


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

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

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

    background:
        #030608 !important;
}

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

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


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

@media (max-width:760px) {

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

        right:-20px;

        font-size:
            clamp(120px,42vw,190px);
    }

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

        right:16px;
        bottom:14px;
    }

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

        font-size:
            clamp(40px,14vw,66px) !important;
    }
}
/* ============================================================
   V2 FTP HERO RESTORATION

   Shared  homepage CSS intentionally hides:
   main > .hero

   FTP uses the same structural class, so restore it locally.
   ============================================================ */

body[data-website-theme="sports2j"] main > .hero {
    display:block !important;
}


/* ============================================================
   FTP SPORTS2J V3
   Move 630 AUTO identity to the seasonal badge position.
DOM text remains controlled by the shared seasonal
   engine, but is visually replaced on this FTP page only.
   ============================================================ */

body[data-website-theme="sports2j"]
.site-seasonal-badge {
    font-size:0 !important;
    line-height:1 !important;
    color:transparent !important;
}

body[data-website-theme="sports2j"]
.site-seasonal-badge::after {
    content:"630 AUTO";

    display:inline-block;

    color:rgba(255,230,0,.86);

    font-family:"Segoe UI",Arial,sans-serif;
    font-size:12px;
    font-weight:900;
    font-style:italic;

    line-height:1.2;

    letter-spacing:.14em;
    text-transform:uppercase;

    text-shadow:
        0 0 12px rgba(242,209,0,.14);
}