/* =========================================================
   LINCS LOOTCAVE — BUSINESS / CUSTOMER PAGES
   Shared visual system

   Visual reference:
   - Prelaunch / Coming Soon experience
   - Editorial rather than dashboard-like
   - Dark cave atmosphere
   - Warm gold typography
   - Restrained electric-green detail
========================================================= */

body.ll-business-page:not(.wp-admin) {
    --ll-business-bg: #03050a;

    --ll-business-panel:
        rgba(9, 10, 18, 0.88);

    --ll-business-panel-soft:
        rgba(12, 13, 22, 0.72);

    --ll-business-border:
        rgba(231, 197, 103, 0.14);

    --ll-business-border-strong:
        rgba(231, 197, 103, 0.28);

    --ll-business-gold:
        #e7c567;

    --ll-business-gold-soft:
        #f0d879;

    --ll-business-green:
        #9eff32;

    --ll-business-text:
        rgba(255, 255, 255, 0.94);

    --ll-business-muted:
        rgba(232, 234, 241, 0.74);

    --ll-business-muted-strong:
        rgba(244, 245, 249, 0.86);

    --ll-business-purple:
        rgba(107, 52, 190, 0.18);

    --ll-business-radius:
        22px;

    color:
        var(--ll-business-text);

    background:
        radial-gradient(
            circle at 16% 5%,
            rgba(103, 46, 190, 0.16),
            transparent 31rem
        ),
        radial-gradient(
            circle at 87% 18%,
            rgba(82, 184, 87, 0.075),
            transparent 27rem
        ),
        radial-gradient(
            circle at 50% 58%,
            rgba(212, 175, 55, 0.025),
            transparent 34rem
        ),
        var(--ll-business-bg);
}


/* =========================================================
   PAGE CANVAS
========================================================= */

body.ll-business-page:not(.wp-admin)
.wp-site-blocks > main {
    margin-top:
        0 !important;

    background:
        transparent;
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-content {
    width:
        min(1180px, calc(100% - 40px));

    max-width:
        1180px !important;

    margin-inline:
        auto !important;

    padding-inline:
        0 !important;

    padding-bottom:
        100px;
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-content > * {
    max-width:
        none !important;
}


/* =========================================================
   MASTER PAGE TITLE
========================================================= */

body.ll-business-page:not(.wp-admin)
.wp-block-post-title {
    position:
        relative;

    width:
        min(1000px, calc(100% - 40px));

    margin:
        86px auto 48px !important;

    padding:
        26px 0 28px;

    color:
        var(--ll-business-gold-soft) !important;

    font-family:
        Cardo,
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(3rem, 6vw, 5.8rem) !important;

    font-weight:
        700 !important;

    line-height:
        .98 !important;

    letter-spacing:
        -.045em;

    text-align:
        center;

    text-wrap:
        balance;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, .55),
        0 18px 45px rgba(212, 175, 55, .09);
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-title::before {
    content:
        "LINCS LOOTCAVE";

    display:
        block;

    margin-bottom:
        16px;

    color:
        var(--ll-business-green);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .24em;

    text-transform:
        uppercase;

    text-shadow:
        0 0 12px rgba(158, 255, 50, .22);
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-title::after {
    content:
        "";

    display:
        block;

    width:
        76px;

    height:
        1px;

    margin:
        24px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .92),
            rgba(158, 255, 50, .70),
            transparent
        );

    box-shadow:
        0 0 18px rgba(158, 255, 50, .12);
}


/* =========================================================
   BUSINESS DOCUMENT HEADING
========================================================= */

body.ll-business-page:not(.wp-admin)
.ll-business-document-heading {
    position: relative;

    width:
        min(1000px, calc(100% - 40px));

    margin:
        86px auto 48px;

    padding:
        26px 0 28px;

    text-align:
        center;
}


body.ll-business-page:not(.wp-admin)
.ll-business-document-eyebrow {
    margin:
        0 0 16px
        !important;

    color:
        var(--ll-business-green)
        !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        10px;

    font-weight:
        800;

    line-height:
        1;

    letter-spacing:
        .24em;

    text-transform:
        uppercase;

    text-shadow:
        0 0 12px
        rgba(158, 255, 50, .22);
}


body.ll-business-page:not(.wp-admin)
.ll-business-document-title {
    margin:
        0
        !important;

    padding:
        0
        !important;

    border:
        0
        !important;

    background:
        transparent
        !important;

    color:
        var(--ll-business-gold-soft)
        !important;

    font-family:
        Cardo,
        Georgia,
        "Times New Roman",
        serif
        !important;

    font-size:
        clamp(3rem, 6vw, 5.8rem)
        !important;

    font-weight:
        700
        !important;

    line-height:
        .98
        !important;

    letter-spacing:
        -.045em;

    text-align:
        center;

    text-wrap:
        balance;

    text-shadow:
        0 1px 0 rgba(0, 0, 0, .55),
        0 18px 45px rgba(212, 175, 55, .09);
}


body.ll-business-page:not(.wp-admin)
.ll-business-document-divider {
    display:
        block;

    width:
        76px;

    height:
        1px;

    margin:
        24px auto 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .92),
            rgba(158, 255, 50, .70),
            transparent
        );

    box-shadow:
        0 0 18px
        rgba(158, 255, 50, .12);
}


@media (max-width: 782px) {

    body.ll-business-page:not(.wp-admin)
    .ll-business-document-heading {
        width:
            min(100% - 28px, 1000px);

        margin:
            52px auto 32px;

        padding:
            18px 0 20px;
    }


    body.ll-business-page:not(.wp-admin)
    .ll-business-document-eyebrow {
        margin-bottom:
            13px
            !important;

        font-size:
            9px;
    }


    body.ll-business-page:not(.wp-admin)
    .ll-business-document-title {
        font-size:
            clamp(2.6rem, 12vw, 4rem)
            !important;
    }

}


/* =========================================================
   SHARED TYPOGRAPHY
========================================================= */

body.ll-business-page:not(.wp-admin)
.wp-block-post-content p {
    color:
        var(--ll-business-muted);

    line-height:
        1.78;
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-content strong {
    color:
        var(--ll-business-text);
}


body.ll-business-page:not(.wp-admin)
.wp-block-post-content a {
    color:
        var(--ll-business-gold-soft);

    text-underline-offset:
        3px;

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


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

body.ll-business-page:not(.wp-admin)
.wp-block-button__link,
body.ll-business-page:not(.wp-admin)
.wp-element-button {
    min-height:
        46px;

    padding:
        12px 22px !important;

    border:
        1px solid rgba(231, 197, 103, .38) !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            135deg,
            rgba(231, 197, 103, .98),
            rgba(242, 216, 121, .98)
        ) !important;

    color:
        #111108 !important;

    font-size:
        13px;

    font-weight:
        800 !important;

    letter-spacing:
        .025em;

    box-shadow:
        0 12px 28px rgba(212, 175, 55, .12),
        inset 0 1px 0 rgba(255, 255, 255, .35);

    text-decoration:
        none !important;
}


body.ll-business-page:not(.wp-admin)
.wp-block-button__link:hover,
body.ll-business-page:not(.wp-admin)
.wp-element-button:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 16px 32px rgba(212, 175, 55, .18),
        inset 0 1px 0 rgba(255, 255, 255, .42);
}


/* =========================================================
   SHARED DIVIDERS
========================================================= */

body.ll-business-page:not(.wp-admin)
.wp-block-post-content hr {
    border:
        0;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .22),
            rgba(158, 255, 50, .12),
            transparent
        );
}


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

@media (max-width: 782px) {

    body.ll-business-page:not(.wp-admin)
    .wp-block-post-title {
        width:
            min(100% - 28px, 1000px);

        margin:
            52px auto 32px !important;

        padding:
            18px 0 20px;

        font-size:
            clamp(2.6rem, 12vw, 4rem) !important;
    }


    body.ll-business-page:not(.wp-admin)
    .wp-block-post-title::before {
        margin-bottom:
            13px;

        font-size:
            9px;
    }


    body.ll-business-page:not(.wp-admin)
    .wp-block-post-content {
        width:
            min(100% - 28px, 1180px);

        padding-bottom:
            68px;
    }

}