/* ============================================================
   STEVEKRAFT.COM MAIL
V1
   ATLAS TREATMENT

   All rules scoped to  only.
   Normal/default Mail page remains unchanged.
   ============================================================ */


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

    --mail2j-yellow:#ffd91a;
    --mail2j-yellow-soft:#d7b700;
    --mail2j-bg:#030607;
    --mail2j-panel:#081116;
    --mail2j-panel2:#0b151b;
    --mail2j-border:rgba(255,217,26,.42);
    --mail2j-border-soft:rgba(255,217,26,.22);
    --mail2j-text:#f5f7f8;
    --mail2j-muted:#bac6ce;

    background:
        radial-gradient(
            circle at 20% 0,
            rgba(255,217,26,.055),
            transparent 34rem
        ),
        radial-gradient(
            circle at 100% 20%,
            rgba(255,217,26,.025),
            transparent 30rem
        ),
        linear-gradient(
            180deg,
            #020506,
            #05090b
        ) !important;

    color:
        var(--mail2j-text);
}


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

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

    position:
        sticky;

    background:
        rgba(2,6,7,.96) !important;

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

    box-shadow:
        0 8px 26px rgba(0,0,0,.24);
}


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

    content:"";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        -5px;

    height:
        5px;

    background:
        repeating-linear-gradient(
            135deg,
            #ffd91a 0 24px,
            #ffd91a 24px 28px,
            #050708 28px 48px
        );

    pointer-events:
        none;
}


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

    min-height:
        82px;
}


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

    color:
        #ffffff !important;

    font-weight:
        1000;

    font-style:
        italic;
}


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

    width:
        58px;

    height:
        58px;

    border-radius:
        14px;

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

    color:
        #030607 !important;

    box-shadow:
        0 10px 30px rgba(255,217,26,.15) !important;
}


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

    color:
        #f3f5f6 !important;

    background:
        #081116 !important;

    border:
        1px solid rgba(255,217,26,.30) !important;

    font-weight:
        800;
}


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

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

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


/* ------------------------------------------------------------
   MAIN
   ------------------------------------------------------------ */

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

    padding:
        68px 0 74px;
}


/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

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

    position:
        relative;

    overflow:
        hidden;

    margin:
        0 0 26px;

    padding:
        56px 34px 64px;

    border:
        1px solid var(--mail2j-border);

    border-radius:
        22px;

    background:
        linear-gradient(
            112deg,
            rgba(255,217,26,.055),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #091217,
            #050a0d
        );

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


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

    content:
        "2J / PRIVATE EMAIL";

    position:
        absolute;

    right:
        28px;

    bottom:
        18px;

    color:
        rgba(255,217,26,.30);

    font-size:
        .78rem;

    font-weight:
        1000;

    font-style:
        italic;

    letter-spacing:
        .13em;

    pointer-events:
        none;
}


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

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

    font-weight:
        1000;
}


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

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

    box-shadow:
        0 0 18px rgba(255,217,26,.65) !important;
}


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

    color:
        #ffffff;

    font-style:
        italic;

    font-weight:
        1000;

    text-shadow:
        0 6px 24px rgba(0,0,0,.38);
}


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

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 48%,
            #ffe45a 100%
        ) !important;

    -webkit-background-clip:
        text !important;

    background-clip:
        text !important;

    color:
        transparent !important;
}


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

    color:
        #cbd5db !important;
}


/* ------------------------------------------------------------
   OPTION CARDS
   ------------------------------------------------------------ */

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

    gap:
        22px;
}


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

    position:
        relative;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #0c161b,
            #071014
        ) !important;

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

    border-radius:
        22px;

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


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

    content:"";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        150px;

    height:
        5px;

    background:
        repeating-linear-gradient(
            135deg,
            #ffd91a 0 17px,
            #ffd91a 17px 21px,
            #070a0c 21px 34px
        );
}


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

    background:
        #081116 !important;

    border:
        1px solid rgba(255,217,26,.30) !important;

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


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

    color:
        #ffffff;

    font-weight:
        1000;

    font-style:
        italic;
}


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

    content:
        "// ";

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


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

    color:
        #c4cfd5 !important;
}


/* ------------------------------------------------------------
   BUTTONS
   ------------------------------------------------------------ */

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

    border-radius:
        13px;

    font-weight:
        1000;
}


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

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

    color:
        #030607 !important;

    box-shadow:
        0 12px 28px rgba(255,217,26,.12) !important;
}


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

    background:
        #ffe248 !important;
}


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

    background:
        #081116 !important;

    color:
        #f4f6f7 !important;

    border:
        1px solid rgba(255,217,26,.34) !important;
}


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

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

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


/* ------------------------------------------------------------
   INFO PANEL
   ------------------------------------------------------------ */

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

    background:
        linear-gradient(
            90deg,
            rgba(255,217,26,.055),
            rgba(255,217,26,.015)
        ) !important;

    border:
        1px solid rgba(255,217,26,.30) !important;

    border-left:
        5px solid var(--mail2j-yellow) !important;

    border-radius:
        18px;
}


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

    color:
        #ffffff;
}


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

    color:
        #bdc8cf !important;
}


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

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

    font-weight:
        800;
}


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

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

    color:
        #84939c !important;

    border-top:
        1px solid rgba(255,217,26,.42);
}


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

    content:
        "2J • STEVEKRAFT.COM";

    display:
        block;

    margin-bottom:
        8px;

    color:
        var(--mail2j-yellow);

    font-size:
        .72rem;

    font-weight:
        1000;

    font-style:
        italic;

    letter-spacing:
        .13em;
}


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

@media (max-width:760px) {

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

        min-height:
            72px;
    }


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

        width:
            48px;

        height:
            48px;

        border-radius:
            12px;
    }


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

        padding-top:
            40px;
    }


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

        padding:
            42px 20px 58px;

        border-radius:
            16px;
    }


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

        right:
            17px;

        bottom:
            15px;

        font-size:
            .62rem;

        letter-spacing:
            .08em;
    }


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

        grid-template-columns:
            1fr;
    }


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

        min-height:
            300px;

        padding:
            26px;

        border-radius:
            16px;
    }


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

        border-radius:
            14px;
    }
}


@media (max-width:460px) {

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

        width:
            min(100% - 22px,1120px);
    }


    body[data-website-theme="sports2j"] .brand span:last-child {

        font-size:
            .92rem;
    }


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

        padding:
            8px 11px;

        font-size:
            .86rem;
    }


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

        padding-left:
            16px;

        padding-right:
            16px;
    }
}