/* =========================================================
   LINCS LOOTCAVE — TERMS OF SALE V3
   Open editorial purchase-contract document
========================================================= */


/* =========================================================
   DOCUMENT CANVAS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card {
    position:
        relative;

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

    margin:
        0 auto;

    padding:
        0
        0
        clamp(72px, 9vw, 128px)
        !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    background:
        transparent
        !important;

    box-shadow:
        none
        !important;

    overflow:
        visible;
}


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

body.page-id-58.ll-business-legal:not(.wp-admin)
.ll-business-document-heading--terms-sale {
    margin-bottom:
        clamp(44px, 6vw, 72px);
}


/* =========================================================
   INTRODUCTION
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> p:first-of-type {
    max-width:
        900px;

    margin:
        0 auto
        18px
        !important;

    color:
        rgba(255, 255, 255, .94)
        !important;

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

    font-size:
        clamp(1.25rem, 2.1vw, 1.72rem);

    font-weight:
        650;

    line-height:
        1.55;

    text-align:
        center;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> p:nth-of-type(2) {
    width:
        fit-content;

    max-width:
        100%;

    margin:
        24px auto
        clamp(54px, 7vw, 82px)
        !important;

    padding:
        0
        !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    background:
        transparent
        !important;

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

    font-size:
        .95rem;

    font-weight:
        700;

    text-align:
        center;
}


/* =========================================================
   NUMBERED CONTRACT SECTIONS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> h2.wp-block-heading {
    position:
        relative;

    max-width:
        980px;

    margin:
        0
        0
        26px
        !important;

    padding:
        0
        0
        0
        28px
        !important;

    border:
        0
        !important;

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

    border-radius:
        0
        !important;

    background:
        transparent
        !important;

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

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

    font-size:
        clamp(1.9rem, 3.25vw, 3rem)
        !important;

    font-weight:
        700
        !important;

    line-height:
        1.1
        !important;

    letter-spacing:
        -.024em;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> h2.wp-block-heading
strong {
    color:
        inherit
        !important;

    font-weight:
        inherit;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> p {
    max-width:
        920px;

    margin:
        0
        0
        20px
        !important;

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

    font-size:
        clamp(.98rem, 1.12vw, 1.05rem);

    font-weight:
        600;

    line-height:
        1.8;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
strong {
    color:
        rgba(255, 255, 255, .96)
        !important;

    font-weight:
        780;
}


/* =========================================================
   LIST PANELS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ul.wp-block-list,

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ol.wp-block-list {
    max-width:
        920px;

    margin:
        18px
        0
        28px
        !important;

    padding:
        21px
        26px
        21px
        46px
        !important;

    border:
        1px solid
        rgba(255, 255, 255, .065)
        !important;

    border-radius:
        14px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .032),
            rgba(255, 255, 255, .010)
        )
        !important;

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


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ul.wp-block-list li,

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ol.wp-block-list li {
    margin:
        7px
        0;

    color:
        var(--ll-business-muted-strong)
        !important;

    font-weight:
        620;

    line-height:
        1.64;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ul.wp-block-list li::marker,

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> ol.wp-block-list li::marker {
    color:
        var(--ll-business-green);
}


/* =========================================================
   SEPARATORS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> hr.wp-block-separator {
    width:
        100%;

    height:
        1px
        !important;

    margin:
        clamp(50px, 7vw, 82px)
        0
        !important;

    border:
        0
        !important;

    opacity:
        1;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(231, 197, 103, .17),
            rgba(156, 255, 63, .055),
            transparent
        )
        !important;
}


/* =========================================================
   BUSINESS INFORMATION
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
> h2:first-of-type
+ p
+ ul {
    border-color:
        rgba(231, 197, 103, .11)
        !important;

    background:
        linear-gradient(
            145deg,
            rgba(231, 197, 103, .025),
            rgba(255, 255, 255, .010)
        )
        !important;
}


/* =========================================================
   LINKS
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
a {
    color:
        var(--ll-business-gold-soft)
        !important;

    font-weight:
        700;

    text-decoration-color:
        rgba(231, 197, 103, .42);

    text-underline-offset:
        3px;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-main-card
a:hover {
    color:
        var(--ll-business-green)
        !important;
}


/* =========================================================
   SUPPORT CARD
   This remains contained because it is a functional endpoint.
========================================================= */

body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card {
    position:
        relative;

    overflow:
        hidden;

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

    margin:
        clamp(26px, 4vw, 48px)
        auto
        clamp(72px, 9vw, 120px)
        !important;

    padding:
        clamp(34px, 5vw, 56px)
        !important;

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

    border-radius:
        20px;

    background:
        radial-gradient(
            circle at 14% 8%,
            rgba(108, 50, 193, .16),
            transparent 42%
        ),
        radial-gradient(
            circle at 88% 82%,
            rgba(84, 175, 87, .055),
            transparent 34%
        ),
        linear-gradient(
            150deg,
            rgba(14, 12, 27, .90),
            rgba(6, 8, 14, .94)
        )
        !important;

    box-shadow:
        0 24px 60px
        rgba(0, 0, 0, .20);

    text-align:
        center;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card::before {
    content:
        "CUSTOMER SUPPORT";

    display:
        block;

    margin-bottom:
        20px;

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

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

    font-size:
        .66rem;

    font-weight:
        900;

    letter-spacing:
        .24em;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card
> h2 {
    margin:
        0
        0
        18px
        !important;

    padding:
        0
        !important;

    border:
        0
        !important;

    background:
        transparent
        !important;

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

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

    font-size:
        clamp(1.95rem, 3.4vw, 2.8rem)
        !important;

    font-weight:
        700
        !important;

    line-height:
        1.1;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card
p {
    max-width:
        720px;

    margin:
        0 auto
        16px
        !important;

    color:
        var(--ll-business-muted-strong)
        !important;

    font-weight:
        600;

    line-height:
        1.7;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card
a[href^="mailto:"] {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        46px;

    padding:
        10px
        16px;

    border:
        1px solid
        rgba(231, 197, 103, .22);

    border-radius:
        10px;

    background:
        rgba(231, 197, 103, .045);

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

    font-weight:
        800;

    text-decoration:
        none
        !important;
}


body.page-id-58.ll-business-legal:not(.wp-admin)
.legal-help-card
a[href^="mailto:"]:hover {
    border-color:
        rgba(231, 197, 103, .40);

    background:
        rgba(231, 197, 103, .08);

    transform:
        translateY(-1px);
}


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

@media (max-width: 782px) {

    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card {
        width:
            min(
                calc(100% - 32px),
                1040px
            );

        padding-bottom:
            72px
            !important;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .ll-business-document-heading--terms-sale {
        margin-bottom:
            36px;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card
    > p:first-of-type {
        font-size:
            clamp(1.18rem, 5.8vw, 1.48rem);
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card
    > h2.wp-block-heading {
        padding-left:
            18px
            !important;

        font-size:
            clamp(1.7rem, 8vw, 2.3rem)
            !important;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card
    > ul.wp-block-list,

    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card
    > ol.wp-block-list {
        padding:
            18px
            18px
            18px
            36px
            !important;

        border-radius:
            12px;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-main-card
    > hr.wp-block-separator {
        margin:
            42px
            0
            !important;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-help-card {
        width:
            min(
                calc(100% - 32px),
                920px
            );

        padding:
            30px
            20px
            !important;

        border-radius:
            16px;
    }


    body.page-id-58.ll-business-legal:not(.wp-admin)
    .legal-help-card
    a[href^="mailto:"] {
        width:
            100%;

        overflow-wrap:
            anywhere;
    }
}