/* ============================================================
   STEVE KRAFT - DAD PAGE
V1

   Full-strength Kraft Racing treatment.
   Normal + holiday themes remain unchanged.
   ============================================================ */


/* ------------------------------------------------------------
   SPORTS-ONLY INSERTED CONTENT IS HIDDEN BY DEFAULT
   ------------------------------------------------------------ */

.sports2j-dad-hero,
.sports2j-current-garage {
    display:none;
}


/* ------------------------------------------------------------
   GLOBAL SPORTS PALETTE
   ------------------------------------------------------------ */

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

    --dad-yellow:#ffe000;
    --dad-yellow2:#ffc400;
    --dad-black:#020405;
    --dad-panel:#071017;
    --dad-panel2:#0a151d;
    --dad-line:rgba(255,224,0,.62);
    --dad-soft:rgba(255,224,0,.15);
    --dad-text:#f4f7f9;
    --dad-muted:#aebdca;

    color:var(--dad-text);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255,224,0,.055),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #030608 0%,
            #071016 48%,
            #020405 100%
        ) !important;
}


/* ------------------------------------------------------------
   RESTORE HERO FROM SHARED SPORTS RULE
   ------------------------------------------------------------ */

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

    display:block !important;
}


/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */

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

    background:
        rgba(1,4,5,.97) !important;

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

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

    content:"";

    display:block;

    height:5px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--dad-yellow) 0 20px,
            #020405 20px 40px
        );
}

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

    color:#fff !important;

    font-weight:950 !important;

    letter-spacing:.025em;
}

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

    color:#030405 !important;

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

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

    font-weight:950 !important;
}

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

    color:#e1e8ed !important;

    font-weight:700;
}

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

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

    background:
        rgba(255,224,0,.075) !important;
}


/* ------------------------------------------------------------
   REPLACE NORMAL HERO VISUALLY IN SPORTS MODE
   ------------------------------------------------------------ */

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

    padding:
        0 !important;

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

    background:
        #020405 !important;
}

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

    display:none !important;
}

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

    display:block;

    position:relative;

    max-width:
        1600px;

    margin:
        0 auto;

    overflow:hidden;

    background:
        #020405;
}

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

    display:block;

    width:100%;

    height:auto;

    max-height:
        900px;

    object-fit:
        cover;

    object-position:
        center;
}

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

    content:"";

    position:absolute;

    inset:auto 0 0;

    height:90px;

    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #020405
        );
}


/* ------------------------------------------------------------
   SECTIONS
   ------------------------------------------------------------ */

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

    position:relative;

    padding:
        38px 0 20px;

    border-left:
        2px solid
        rgba(255,224,0,.58);

    border-right:
        2px solid
        rgba(255,224,0,.58);

    background:
        linear-gradient(
            180deg,
            rgba(255,224,0,.018),
            transparent 30%
        ) !important;
}

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

    position:relative;

    margin-bottom:
        18px;
}

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

    content:"//";

    display:inline-block;

    margin-right:
        13px;

    color:
        var(--dad-yellow);

    font-size:
        30px;

    line-height:1;

    font-weight:950;

    font-style:italic;
}

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

    display:inline;

    color:#fff !important;

    font-size:
        clamp(27px,3vw,38px) !important;

    font-style:italic;

    font-weight:950 !important;

    letter-spacing:
        -.025em;
}

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

    margin:
        7px 0 0 56px !important;

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


/* ------------------------------------------------------------
   ABOUT STEVE
   ------------------------------------------------------------ */

body[data-website-theme="sports2j"]
#about .panel {

    position:relative;

    overflow:hidden;

    border:
        1px solid
        rgba(255,224,0,.40) !important;

    background:
        linear-gradient(
            145deg,
            rgba(10,20,28,.97),
            rgba(4,10,14,.98)
        ) !important;

    box-shadow:
        0 18px 44px
        rgba(0,0,0,.24);
}

body[data-website-theme="sports2j"]
#about .panel::before {

    content:"2J";

    position:absolute;

    right:
        28px;

    top:
        -38px;

    color:
        rgba(255,224,0,.040);

    font-size:
        240px;

    line-height:1;

    font-weight:1000;

    font-style:italic;

    pointer-events:none;
}

body[data-website-theme="sports2j"]
#about .copy,
body[data-website-theme="sports2j"]
#about .copy p {

    position:relative;

    color:
        #d9e2e8 !important;
}

body[data-website-theme="sports2j"]
#about a {

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

    font-weight:750;
}


/* ------------------------------------------------------------
   THAT WAS THEN / OLD VEHICLES
   ------------------------------------------------------------ */

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

    background:
        linear-gradient(
            180deg,
            rgba(255,224,0,.045),
            rgba(3,7,9,.96)
        ) !important;
}

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

    font-size:0 !important;
}

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

    content:"THAT WAS THEN...";

    color:#fff;

    font-size:
        clamp(34px,4vw,54px);

    line-height:1;

    font-weight:1000;

    font-style:italic;
}

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

    font-size:0 !important;
}

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

    content:"The cars and trucks that started the journey.";

    font-size:
        16px;

    color:
        var(--dad-muted);
}

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

    gap:
        18px !important;
}

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

    overflow:hidden;

    border:
        1px solid
        rgba(255,224,0,.42) !important;

    background:
        linear-gradient(
            180deg,
            #09131a,
            #050b0f
        ) !important;

    box-shadow:
        0 16px 32px
        rgba(0,0,0,.19);
}

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

    content:"";

    display:block;

    height:5px;

    background:
        repeating-linear-gradient(
            135deg,
            var(--dad-yellow) 0 17px,
            #030506 17px 34px
        );
}

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

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

    font-weight:900 !important;

    letter-spacing:
        .09em;
}

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

    color:#fff !important;

    font-weight:950 !important;
}

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

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

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

    overflow:hidden;

    border-color:
        rgba(255,224,0,.25) !important;

    background:
        #04090c !important;
}

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

    display:block;
}

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

    color:
        #afbec9 !important;

    background:
        #050b0f !important;
}


/* ------------------------------------------------------------
   THIS IS NOW / CURRENT GARAGE
   ------------------------------------------------------------ */

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

    display:block;

    position:relative;

    padding:
        46px 0 54px;

    border-left:
        2px solid
        rgba(255,224,0,.58);

    border-right:
        2px solid
        rgba(255,224,0,.58);

    border-top:
        1px solid
        rgba(255,224,0,.34);

    border-bottom:
        1px solid
        rgba(255,224,0,.34);

    background:
        radial-gradient(
            circle at 75% 5%,
            rgba(255,224,0,.075),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #04090c,
            #071117
        );
}

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

    margin:
        0 0 4px;

    color:
        var(--dad-yellow);

    font-size:
        clamp(42px,6vw,72px);

    line-height:
        .95;

    font-weight:
        1000;

    font-style:
        italic;

    letter-spacing:
        -.045em;

    text-transform:
        uppercase;
}

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

    margin:
        0 0 27px;

    color:#fff;

    font-size:
        clamp(18px,2.1vw,27px);

    font-style:
        italic;

    font-weight:
        800;
}

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

    margin:
        -12px 0 28px;

    color:
        var(--dad-muted);

    font-size:
        15px;
}

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

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        14px;
}

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

    position:relative;

    min-height:
        190px;

    padding:
        25px 20px 20px;

    overflow:hidden;

    border:
        1px solid
        rgba(255,224,0,.42);

    border-radius:
        16px;

    background:
        linear-gradient(
            155deg,
            #0b161d,
            #04090c
        );

    box-shadow:
        0 14px 30px
        rgba(0,0,0,.20);
}

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

    content:"";

    position:absolute;

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

    height:5px;

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

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

    color:
        var(--dad-yellow);

    font-size:
        13px;

    font-weight:
        950;

    letter-spacing:
        .09em;
}

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

    margin:
        7px 0 10px;

    color:#fff;

    font-size:
        21px;

    line-height:
        1.15;

    font-weight:
        950;
}

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

    margin:0;

    color:
        var(--dad-muted);

    line-height:
        1.55;
}

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

    content:"2J";

    position:absolute;

    right:
        12px;

    bottom:
        -22px;

    color:
        rgba(255,224,0,.075);

    font-size:
        110px;

    line-height:1;

    font-weight:
        1000;

    font-style:
        italic;
}


/* ------------------------------------------------------------
   LOWER PAGE - APPROVED 2J / KRAFT RACING LOOK
   ------------------------------------------------------------ */

body[data-website-theme="sports2j"]
#atari,
body[data-website-theme="sports2j"]
#studio,
body[data-website-theme="sports2j"]
#hot-tub,
body[data-website-theme="sports2j"]
#links {

    background:
        linear-gradient(
            180deg,
            rgba(5,12,17,.98),
            rgba(2,6,9,.99)
        ) !important;
}

body[data-website-theme="sports2j"]
#atari .section-heading::after,
body[data-website-theme="sports2j"]
#studio .section-heading::after,
body[data-website-theme="sports2j"]
#hot-tub .section-heading::after,
body[data-website-theme="sports2j"]
#links .section-heading::after {

    content:"2J  |  KRAFT RACING";

    float:right;

    margin-top:
        9px;

    color:
        var(--dad-yellow);

    font-size:
        12px;

    font-weight:
        950;

    font-style:
        italic;

    letter-spacing:
        .14em;
}

body[data-website-theme="sports2j"]
#atari .panel,
body[data-website-theme="sports2j"]
#studio .panel,
body[data-website-theme="sports2j"]
#hot-tub .panel,
body[data-website-theme="sports2j"]
#links .panel {

    border:
        1px solid
        rgba(255,224,0,.57) !important;

    border-radius:
        16px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255,224,0,.040),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #09141b,
            #03080b
        ) !important;

    box-shadow:
        0 0 26px
        rgba(255,224,0,.055),
        0 16px 34px
        rgba(0,0,0,.21) !important;
}

body[data-website-theme="sports2j"]
#atari .panel img,
body[data-website-theme="sports2j"]
#studio .panel img,
body[data-website-theme="sports2j"]
#hot-tub .panel img {

    border:
        1px solid
        rgba(255,224,0,.56) !important;

    border-radius:
        12px !important;
}

body[data-website-theme="sports2j"]
#atari h3,
body[data-website-theme="sports2j"]
#studio h3,
body[data-website-theme="sports2j"]
#hot-tub h3 {

    color:#fff !important;

    font-size:
        22px;

    font-weight:
        950 !important;
}

body[data-website-theme="sports2j"]
#atari .panel p,
body[data-website-theme="sports2j"]
#studio .panel p,
body[data-website-theme="sports2j"]
#hot-tub .panel p {

    color:
        #b7c4ce !important;

    line-height:
        1.68;
}

body[data-website-theme="sports2j"]
.link-button,
body[data-website-theme="sports2j"]
.links a {

    color:#fff !important;

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

    border-radius:
        10px !important;

    background:
        rgba(3,8,11,.90) !important;

    font-weight:
        850 !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,224,0,.08);
}

body[data-website-theme="sports2j"]
.link-button:hover,
body[data-website-theme="sports2j"]
.links a:hover {

    color:#050607 !important;

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


/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */

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

    position:relative;

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

    background:
        #020405 !important;
}

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

    content:"2J  •  KRAFT RACING";

    position:absolute;

    left:50%;

    top:
        -12px;

    transform:
        translateX(-50%);

    padding:
        3px 18px;

    color:
        var(--dad-yellow);

    background:
        #020405;

    font-size:
        12px;

    font-weight:
        950;

    font-style:
        italic;

    letter-spacing:
        .13em;
}

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

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


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width:900px) {

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

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media (max-width:680px) {

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

        border-left-width:
            1px;

        border-right-width:
            1px;
    }

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

        min-height:
            300px;

        object-fit:
            cover;

        object-position:
            center top;
    }

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

        font-size:
            22px;

        margin-right:
            8px;
    }

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

        margin-left:
            0 !important;
    }

    body[data-website-theme="sports2j"]
    #atari .section-heading::after,
    body[data-website-theme="sports2j"]
    #studio .section-heading::after,
    body[data-website-theme="sports2j"]
    #hot-tub .section-heading::after,
    body[data-website-theme="sports2j"]
    #links .section-heading::after {

        float:none;

        display:block;

        margin-top:
            8px;
    }

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

        padding:
            34px 0 40px;
    }

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

        grid-template-columns:
            1fr;
    }

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

        min-height:0;
    }
}

/* ============================================================
CURRENT GARAGE IMAGE
   Approved four-vehicle visual
   ============================================================ */

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

    display:block;

    padding:
        34px 0 42px;

    border-left:
        2px solid
        rgba(255,224,0,.58);

    border-right:
        2px solid
        rgba(255,224,0,.58);

    border-top:
        1px solid
        rgba(255,224,0,.34);

    border-bottom:
        1px solid
        rgba(255,224,0,.34);

    background:
        linear-gradient(
            180deg,
            #030709,
            #071016
        ) !important;
}

body[data-website-theme="sports2j"]
.sports2j-current-garage-image-wrap {

    max-width:
        1500px;
}

body[data-website-theme="sports2j"]
.sports2j-current-garage-image {

    display:block;

    width:100%;

    height:auto;

    margin:
        0 auto;

    border:
        1px solid
        rgba(255,224,0,.62);

    border-radius:
        14px;

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

@media (max-width:680px) {

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

        padding:
            20px 0 26px;
    }

    body[data-website-theme="sports2j"]
    .sports2j-current-garage-image {

        border-radius:
            8px;
    }
}

/* ============================================================
   DAD SPORTS2J HERO CROP V3 - SOURCE 1024x1536 CROP AT Y958

   Keep the top story and full Early Days section.
   Hide the old embedded NOW/current-vehicle cards completely.

   The corrected current-garage image farther down the page
   is now the authoritative current-vehicle section.
   ============================================================ */

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

    width:
        100% !important;

    max-width:
        1600px !important;

    aspect-ratio:
        1024 / 958;

    height:
        auto !important;

    overflow:
        hidden !important;
}


/* Let the original 1024x1536 poster scale naturally by width.
   The parent container performs the crop. */

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

    display:
        block !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    object-fit:
        initial !important;

    object-position:
        initial !important;
}


/* Keep only a very small fade at the clean crop boundary. */

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

    height:
        22px !important;

    background:
        linear-gradient(
            to bottom,
            transparent,
            #020405
        ) !important;
}


/* Explicit mobile override so the old 300px min-height /
   cover rule cannot reintroduce cropping or distortion. */

@media (max-width:680px) {

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

        width:
            100% !important;

        aspect-ratio:
            1024 / 958;

        height:
            auto !important;

        overflow:
            hidden !important;
    }

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

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        object-fit:
            initial !important;

        object-position:
            initial !important;
    }
}