/*
 * ============================================================
 * SIGNATURE MINIMAL V1
 * VISUAL AUTHORITY ? PHASE 2
 *
 * Functional donor:
 * Signature Dynamic V2.5R LOCKED.
 *
 * This file is presentation-only.
 * Every rule is scoped to body.signature-minimal.
 * ============================================================
 */

body.signature-minimal {
    --sm-primary:
        var(--theme-color-1, #173b2a);

    --sm-bg:
        #f7f7f4;

    --sm-surface:
        #ffffff;

    --sm-ink:
        #17211a;

    --sm-muted:
        #737a74;

    --sm-line:
        #e4e6e1;

    --sm-soft:
        #f1f3ee;

    background:
        var(--sm-bg);

    color:
        var(--sm-ink);

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


/* ============================================================
   HEADER
   ============================================================ */

body.signature-minimal .bg-header {
    height:
        56px !important;

    min-height:
        56px !important;

    background:
        rgba(255,255,255,0.98) !important;

    border-bottom:
        1px solid var(--sm-line) !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(12px);
}

body.signature-minimal
.bg-header .container-fluid {
    height:
        56px !important;

    min-height:
        56px !important;

    padding-left:
        18px !important;

    padding-right:
        18px !important;
}

body.signature-minimal
.sd-topbar-brand {
    gap:
        10px !important;
}

body.signature-minimal
.sd-brand-mark {
    width:
        34px !important;

    height:
        34px !important;

    flex:
        0 0 34px !important;

    padding:
        1px !important;

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

    border-radius:
        50% !important;

    background:
        #fff !important;

    overflow:
        hidden !important;
}

body.signature-minimal
.sd-brand-mark img {
    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    border-radius:
        50% !important;
}

body.signature-minimal
.sd-topbar-name {
    max-width:
        42vw !important;

    color:
        var(--sm-ink) !important;

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

    font-size:
        18px !important;

    font-weight:
        700 !important;

    letter-spacing:
        -0.02em;
}

body.signature-minimal
.sd-topbar-actions {
    gap:
        6px !important;
}

body.signature-minimal
.sd-table-pill,
body.signature-minimal
.sd-topbar-action {
    min-height:
        34px !important;

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

    border-radius:
        999px !important;

    background:
        #fff !important;

    color:
        var(--sm-ink) !important;

    box-shadow:
        none !important;
}


/* ============================================================
   PAGE POSITION
   ============================================================ */

body.signature-minimal #content,
body.signature-minimal #content.noFooter {
    padding-top:
        56px !important;

    background:
        var(--sm-bg) !important;
}


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

body.signature-minimal
.single-page-header.sd-hero {
    position:
        relative;

    min-height:
        330px !important;

    margin:
        24px auto 0 !important;

    width:
        min(1180px, calc(100% - 36px)) !important;

    border-radius:
        26px !important;

    overflow:
        hidden !important;

    box-shadow:
        none !important;

    background-color:
        #203427;
}

body.signature-minimal
.single-page-header.sd-hero::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(8,26,16,0.78) 0%,
            rgba(8,26,16,0.40) 42%,
            rgba(8,26,16,0.04) 78%
        );

    pointer-events:
        none;

    z-index:
        1;
}

body.signature-minimal
.sd-hero-inner {
    position:
        relative;

    z-index:
        2;

    min-height:
        330px !important;

    padding:
        48px 48px !important;

    align-items:
        flex-end !important;
}

body.signature-minimal
.sd-hero-logo {
    display:
        none !important;
}

body.signature-minimal
.sd-hero-copy {
    max-width:
        620px !important;
}

body.signature-minimal
.sd-hero-copy h1 {
    margin:
        0 0 8px !important;

    color:
        #fff !important;

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

    font-size:
        clamp(34px, 4vw, 58px) !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -0.035em;
}

body.signature-minimal
.sd-hero-subtitle {
    margin-top:
        0 !important;

    color:
        rgba(255,255,255,0.88) !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    letter-spacing:
        0.13em !important;

    text-transform:
        uppercase;
}

body.signature-minimal
.sd-hero-meta {
    margin-top:
        24px !important;

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    gap:
        8px !important;
}

body.signature-minimal
.sd-hero-meta > * {
    min-height:
        38px;

    padding:
        8px 13px !important;

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

    border-radius:
        999px !important;

    background:
        rgba(8,22,14,0.52) !important;

    color:
        #fff !important;

    box-shadow:
        none !important;

    backdrop-filter:
        blur(8px);
}


/* ============================================================
   DISCOVERY / SEARCH
   ============================================================ */

body.signature-minimal
.sd-search-box {
    width:
        min(1180px, calc(100% - 36px)) !important;

    margin:
        28px auto 0 !important;

    min-height:
        58px !important;

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

    border-radius:
        18px !important;

    background:
        #fff !important;

    box-shadow:
        none !important;
}

body.signature-minimal
.sd-search-box > i {
    color:
        var(--sm-ink) !important;
}

body.signature-minimal
#signature-dynamic-search {
    height:
        56px !important;

    padding-top:
        0 !important;

    padding-bottom:
        0 !important;

    color:
        var(--sm-ink) !important;

    background:
        transparent !important;

    font-size:
        16px !important;
}

body.signature-minimal
#signature-dynamic-search::placeholder {
    color:
        #8a8f8a;
}

body.signature-minimal
.sd-search-clear {
    color:
        var(--sm-muted) !important;
}


/* ============================================================
   CATEGORY STRIP
   ============================================================ */

body.signature-minimal
.sd-category-strip {
    width:
        min(1180px, calc(100% - 36px)) !important;

    margin:
        16px auto 0 !important;

    padding:
        0 !important;

    gap:
        8px !important;

    background:
        transparent !important;
}

body.signature-minimal
.sd-category-chip {
    min-height:
        40px !important;

    padding:
        8px 16px !important;

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

    border-radius:
        999px !important;

    background:
        #fff !important;

    color:
        var(--sm-ink) !important;

    box-shadow:
        none !important;

    font-weight:
        600 !important;
}

body.signature-minimal
.sd-category-chip.active {
    border-color:
        var(--sm-primary) !important;

    background:
        var(--sm-primary) !important;

    color:
        #fff !important;
}


/* ============================================================
   MENU ZONE
   ============================================================ */

body.signature-minimal
.sd-menu-zone {
    width:
        min(1180px, calc(100% - 36px)) !important;

    margin:
        34px auto 120px !important;

    padding:
        0 !important;

    background:
        transparent !important;
}

body.signature-minimal
.sd-menu-heading {
    margin-bottom:
        18px !important;
}

body.signature-minimal
.sd-menu-kicker {
    display:
        none !important;
}

body.signature-minimal
.sd-menu-heading h2 {
    margin:
        0 !important;

    color:
        var(--sm-ink) !important;

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

    font-size:
        32px !important;

    font-weight:
        700 !important;

    letter-spacing:
        -0.025em;
}


/* ============================================================
   ACCORDION
   ============================================================ */

body.signature-minimal
#signature-dynamic-menu-results
.accordion > .card,
body.signature-minimal
#signature-dynamic-menu-results
.card {
    margin-bottom:
        10px !important;

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

    border-radius:
        16px !important;

    background:
        #fff !important;

    box-shadow:
        none !important;

    overflow:
        hidden !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.card-header {
    min-height:
        54px !important;

    padding:
        14px 16px !important;

    border:
        0 !important;

    background:
        #fff !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.card-header h5,
body.signature-minimal
#signature-dynamic-menu-results
.card-header .btn,
body.signature-minimal
#signature-dynamic-menu-results
.card-header button {
    color:
        var(--sm-ink) !important;

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

    font-size:
        19px !important;

    font-weight:
        700 !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.card-body {
    padding:
        0 16px 8px !important;

    background:
        #fff !important;
}


/* ============================================================
   MENU ITEMS
   ============================================================ */

body.signature-minimal
#signature-dynamic-menu-results
.menu-item {
    margin:
        0 !important;

    padding:
        15px 0 !important;

    border:
        0 !important;

    border-top:
        1px solid var(--sm-line) !important;

    border-radius:
        0 !important;

    background:
        #fff !important;

    box-shadow:
        none !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.menu-item img {
    border-radius:
        12px !important;

    object-fit:
        cover !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.menu-item h3,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item h4,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item .menu-title,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item .menu_title {
    color:
        var(--sm-ink) !important;

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

    font-weight:
        700 !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.menu-item p,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item .menu_desc,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item .menu-description {
    color:
        var(--sm-muted) !important;
}

body.signature-minimal
#signature-dynamic-menu-results
.menu-item button,
body.signature-minimal
#signature-dynamic-menu-results
.menu-item .btn {
    border:
        1px solid var(--sm-primary) !important;

    border-radius:
        999px !important;

    background:
        var(--sm-primary) !important;

    color:
        #fff !important;

    box-shadow:
        none !important;
}


/* ============================================================
   PRIMARY ACTIONS / CUSTOMIZER
   ============================================================ */

body.signature-minimal
.btn-primary,
body.signature-minimal
#add-order-button,
body.signature-minimal
#submit-order-button,
body.signature-minimal
#send-call-waiter {
    border-color:
        var(--sm-primary) !important;

    background:
        var(--sm-primary) !important;

    color:
        #fff !important;

    box-shadow:
        none !important;
}


/* ============================================================
   CART / VIEW ORDER
   ============================================================ */

body.signature-minimal
#view-order-wrapper {
    padding:
        0 18px 14px !important;

    background:
        transparent !important;
}

body.signature-minimal
#view-order-wrapper
.order-footer {
    width:
        min(1120px, 100%) !important;

    min-height:
        70px !important;

    margin:
        0 auto !important;

    padding:
        10px 14px !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--sm-primary) 20%,
            #ffffff
        ) !important;

    border-radius:
        20px !important;

    background:
        #fff !important;

    box-shadow:
        0 10px 30px rgba(20,30,22,0.08) !important;
}

body.signature-minimal
#view-order-wrapper
.order-btn {
    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        var(--sm-primary) !important;

    color:
        #fff !important;

    box-shadow:
        none !important;
}


/* ============================================================
   DRAWERS / MODALS
   ============================================================ */

body.signature-minimal
.sidenav {
    background:
        #fff !important;
}

body.signature-minimal
.sidenav .sidebar-header {
    border-bottom:
        1px solid var(--sm-line) !important;

    background:
        #fff !important;
}

body.signature-minimal
.form-control {
    border-color:
        var(--sm-line) !important;

    border-radius:
        10px !important;
}


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

@media (max-width: 767px) {

    body.signature-minimal
    .bg-header .container-fluid {
        padding-left:
            12px !important;

        padding-right:
            12px !important;
    }

    body.signature-minimal
    .sd-brand-mark {
        width:
            30px !important;

        height:
            30px !important;

        flex-basis:
            30px !important;
    }

    body.signature-minimal
    .sd-topbar-name {
        max-width:
            43vw !important;

        font-size:
            15px !important;
    }

    body.signature-minimal
    .sd-table-pill,
    body.signature-minimal
    .sd-topbar-action {
        min-width:
            34px !important;

        min-height:
            34px !important;
    }


    body.signature-minimal
    .single-page-header.sd-hero {
        width:
            calc(100% - 20px) !important;

        min-height:
            235px !important;

        margin-top:
            10px !important;

        border-radius:
            18px !important;
    }

    body.signature-minimal
    .sd-hero-inner {
        min-height:
            235px !important;

        padding:
            24px 20px !important;

        align-items:
            flex-end !important;
    }

    body.signature-minimal
    .sd-hero-copy h1 {
        font-size:
            32px !important;
    }

    body.signature-minimal
    .sd-hero-subtitle {
        font-size:
            10px !important;

        letter-spacing:
            0.10em !important;
    }

    body.signature-minimal
    .sd-hero-meta {
        margin-top:
            14px !important;

        gap:
            5px !important;
    }

    body.signature-minimal
    .sd-hero-meta > * {
        min-height:
            30px !important;

        padding:
            6px 9px !important;

        font-size:
            10px !important;
    }


    body.signature-minimal
    .sd-search-box {
        width:
            calc(100% - 20px) !important;

        margin-top:
            14px !important;

        min-height:
            54px !important;

        border-radius:
            15px !important;
    }

    body.signature-minimal
    #signature-dynamic-search {
        height:
            52px !important;

        font-size:
            16px !important;
    }


    body.signature-minimal
    .sd-category-strip {
        width:
            calc(100% - 20px) !important;

        margin-top:
            10px !important;

        overflow-x:
            auto !important;

        flex-wrap:
            nowrap !important;

        scrollbar-width:
            none;
    }

    body.signature-minimal
    .sd-category-strip::-webkit-scrollbar {
        display:
            none;
    }

    body.signature-minimal
    .sd-category-chip {
        flex:
            0 0 auto !important;

        min-height:
            36px !important;

        padding:
            7px 13px !important;

        font-size:
            12px !important;
    }


    body.signature-minimal
    .sd-menu-zone {
        width:
            calc(100% - 20px) !important;

        margin-top:
            24px !important;

        margin-bottom:
            112px !important;
    }

    body.signature-minimal
    .sd-menu-heading h2 {
        font-size:
            27px !important;
    }

    body.signature-minimal
    #signature-dynamic-menu-results
    .accordion > .card,
    body.signature-minimal
    #signature-dynamic-menu-results
    .card {
        border-radius:
            14px !important;
    }

    body.signature-minimal
    #signature-dynamic-menu-results
    .card-header {
        min-height:
            50px !important;

        padding:
            12px 14px !important;
    }

    body.signature-minimal
    #signature-dynamic-menu-results
    .card-body {
        padding:
            0 12px 6px !important;
    }

    body.signature-minimal
    #signature-dynamic-menu-results
    .menu-item {
        padding:
            12px 0 !important;
    }


    body.signature-minimal
    #view-order-wrapper {
        padding:
            0 10px 10px !important;
    }

    body.signature-minimal
    #view-order-wrapper
    .order-footer {
        min-height:
            64px !important;

        border-radius:
            17px !important;
    }
}


/* ============================================================
   VERY SMALL PHONE
   ============================================================ */

@media (max-width: 420px) {

    body.signature-minimal
    .sd-topbar-name {
        max-width:
            38vw !important;

        font-size:
            14px !important;
    }

    body.signature-minimal
    .single-page-header.sd-hero {
        min-height:
            220px !important;
    }

    body.signature-minimal
    .sd-hero-inner {
        min-height:
            220px !important;
    }

    body.signature-minimal
    .sd-hero-copy h1 {
        font-size:
            29px !important;
    }

    body.signature-minimal
    .sd-hero-meta > * {
        font-size:
            9px !important;
    }
}