/* =========================================================
   SPACE MENU THEME: STANDARD DARK
   Code: standard-dark
   Style: clean premium dark, warm orange accent
   Counterpart of standard-light
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body[data-theme="standard-dark"] {
    --sd-bg: #0a0b0d;
    --sd-bg-2: #101216;
    --sd-bg-3: #15181d;

    --sd-surface: rgba(22,25,30,.90);
    --sd-surface-solid: #171a1f;
    --sd-surface-soft: #1d2127;
    --sd-surface-lift: #22272e;

    --sd-orange: #ff9f43;
    --sd-orange-2: #ff8a1f;
    --sd-orange-soft: rgba(255,159,67,.12);
    --sd-orange-glow: rgba(255,138,31,.20);

    --sd-text: #f7f8fa;
    --sd-text-soft: #d2d6dc;
    --sd-muted: #8b949f;

    --sd-line: rgba(255,255,255,.07);
    --sd-line-strong: rgba(255,255,255,.11);

    --sd-success: #4ade80;
    --sd-danger: #f87171;

    --sd-r-xs: 10px;
    --sd-r-sm: 14px;
    --sd-r-md: 18px;
    --sd-r-lg: 22px;
    --sd-r-xl: 28px;
    --sd-pill: 999px;

    --sd-shadow-xs: 0 2px 8px rgba(0,0,0,.18);
    --sd-shadow-sm: 0 8px 20px rgba(0,0,0,.24);
    --sd-shadow-md: 0 14px 34px rgba(0,0,0,.32);
    --sd-shadow-lg: 0 28px 70px rgba(0,0,0,.44);

    --space-page-accent: var(--sd-orange) !important;
    --space-tag-icon-color: var(--sd-orange);

    margin: 0;
    min-height: 100%;
    color: var(--sd-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    background:
        radial-gradient(circle at 15% -8%, rgba(255,159,67,.08), transparent 30%),
        linear-gradient(180deg, #101216 0%, #0b0d10 46%, #08090b 100%) !important;
}

body[data-theme="standard-dark"]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 90% 20%, rgba(255,138,31,.06), transparent 28%),
        radial-gradient(circle at 8% 70%, rgba(255,255,255,.02), transparent 34%);
}

body[data-theme="standard-dark"] * {
    box-sizing: border-box;
}

body[data-theme="standard-dark"] button,
body[data-theme="standard-dark"] input,
body[data-theme="standard-dark"] select,
body[data-theme="standard-dark"] textarea {
    font: inherit;
}

body[data-theme="standard-dark"] a {
    color: inherit;
}

body[data-theme="standard-dark"] .wrap {
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 12px 16px !important;
}

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

body[data-theme="standard-dark"] .miniHeader {
    position: fixed;
    top: calc(env(safe-area-inset-top) + 10px);
    left: 0;
    right: 0;
    z-index: 1000;
}

body[data-theme="standard-dark"] .miniInner {
    width: min(586px, calc(100% - 24px));
    margin: 0 auto;
    padding: 9px 11px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    background: rgba(20,23,28,.76) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: var(--sd-r-lg) !important;

    backdrop-filter: blur(16px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body[data-theme="standard-dark"] .miniLeft,
body[data-theme="standard-dark"] .miniRight {
    display: flex;
    align-items: center;
}

body[data-theme="standard-dark"] .miniLeft {
    gap: 9px;
    min-width: 0;
}

body[data-theme="standard-dark"] .miniLogo {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px;
    overflow: hidden !important;
    border-radius: 12px !important;

    background: #14171b !important;
    border: 1px solid var(--sd-line) !important;
    box-shadow: var(--sd-shadow-xs) !important;
}

body[data-theme="standard-dark"] .miniLogo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-theme="standard-dark"] .miniTitle {
    min-width: 0;
}

body[data-theme="standard-dark"] .miniTitle b {
    display: block;
    overflow: hidden;
    color: var(--sd-text) !important;
    font-size: .86rem !important;
    font-weight: 800 !important;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-theme="standard-dark"] .miniTitle span {
    display: block;
    margin-top: 3px;
    color: var(--sd-muted) !important;
    font-size: .69rem !important;
    font-weight: 600 !important;
}

body[data-theme="standard-dark"] .miniPill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 12px;

    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: var(--sd-pill) !important;

    box-shadow:
        0 8px 20px rgba(255,138,31,.18),
        inset 0 1px 0 rgba(255,255,255,.24) !important;

    font-size: .80rem !important;
    font-weight: 800 !important;

    transition: transform .20s ease, box-shadow .20s ease, filter .20s ease;
}

body[data-theme="standard-dark"] .miniPill:hover,
body[data-theme="standard-dark"] .miniPill:focus-visible {
    transform: translateY(-1px) scale(1.015);
    filter: brightness(1.04);
    box-shadow:
        0 11px 26px rgba(255,138,31,.24),
        inset 0 1px 0 rgba(255,255,255,.30) !important;
    outline: none;
}

body[data-theme="standard-dark"] .miniDot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #17110a !important;
    box-shadow: 0 0 0 3px rgba(0,0,0,.10);
}

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

body[data-theme="standard-dark"] .hero {
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body[data-theme="standard-dark"] .cover {
    position: relative;
    min-height: 290px !important;
    overflow: hidden !important;

    background: #111318 !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 30px !important;

    box-shadow:
        0 22px 52px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body[data-theme="standard-dark"] .coverMedia,
body[data-theme="standard-dark"] .coverOverlay {
    position: absolute;
    inset: 0;
}

body[data-theme="standard-dark"] .coverMedia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.03) contrast(1.04) brightness(.82);
}

body[data-theme="standard-dark"] .coverOverlay {
    background:
        linear-gradient(to top, rgba(8,10,13,.88) 0%, rgba(8,10,13,.38) 44%, rgba(8,10,13,.05) 78%, transparent 100%) !important;
}

/* =========================================================
   BRAND
   ========================================================= */

body[data-theme="standard-dark"] .brandBadge {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body[data-theme="standard-dark"] .logo {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    padding: 4px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden !important;
    background: rgba(22,25,30,.88) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 24px !important;

    box-shadow:
        0 16px 36px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body[data-theme="standard-dark"] .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px !important;
}

body[data-theme="standard-dark"] .brandText h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(2rem, 7vw, 3.6rem) !important;
    font-weight: 800 !important;
    line-height: .96 !important;
    letter-spacing: -.035em;
    text-shadow: 0 4px 22px rgba(0,0,0,.40);
}

body[data-theme="standard-dark"] .brandText p {
    margin: 8px 0 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
    text-shadow: 0 3px 14px rgba(0,0,0,.34);
}

/* =========================================================
   LANGUAGE
   ========================================================= */

body[data-theme="standard-dark"] .langDock {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

body[data-theme="standard-dark"] .langBtn {
    min-height: 36px;
    padding: 8px 11px;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: var(--sd-text-soft) !important;
    background: rgba(24,27,32,.74) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: var(--sd-pill) !important;

    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;

    font-size: .78rem !important;
    font-weight: 700 !important;

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

body[data-theme="standard-dark"] .langBtn:hover,
body[data-theme="standard-dark"] .langBtn:focus-visible {
    transform: translateY(-1px);
    color: var(--sd-orange) !important;
    background: rgba(31,35,41,.92) !important;
    outline: none;
}

body[data-theme="standard-dark"] .langBtn.is-active {
    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;
    box-shadow: 0 8px 20px rgba(255,138,31,.16) !important;
}

/* =========================================================
   DOCK / TABS / SEARCH
   ========================================================= */

body[data-theme="standard-dark"] .dock {
    position: sticky;
    margin-top: 0 !important;
    top: calc(env(safe-area-inset-top) + 66px);
    z-index: 500;

    margin-bottom: 18px !important;
    padding: 9px !important;

    background: rgba(20,23,28,.76) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 24px !important;

    backdrop-filter: blur(16px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(125%) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body[data-theme="standard-dark"] .tabRow {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 2px 2px 8px !important;
    scrollbar-width: none;
}

body[data-theme="standard-dark"] .tabRow::-webkit-scrollbar {
    display: none;
}

body[data-theme="standard-dark"] .tab {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 14px !important;

    color: var(--sd-muted) !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: var(--sd-pill) !important;

    font-size: .84rem !important;
    font-weight: 700 !important;
    white-space: nowrap;

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

body[data-theme="standard-dark"] .tab:hover,
body[data-theme="standard-dark"] .tab:focus-visible {
    transform: translateY(-1px);
    color: var(--sd-orange) !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: var(--sd-shadow-xs) !important;
    outline: none;
}

body[data-theme="standard-dark"] .tab.is-active {
    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;
    box-shadow:
        0 8px 18px rgba(255,138,31,.16),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body[data-theme="standard-dark"] .search {
    width: 100%;
    min-height: 48px;
    padding: 13px 15px !important;

    color: var(--sd-text) !important;
    caret-color: var(--sd-orange);
    background: rgba(255,255,255,.035) !important;

    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 16px !important;

    outline: none;

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

body[data-theme="standard-dark"] .search::placeholder {
    color: #707884 !important;
}

body[data-theme="standard-dark"] .search:focus {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,159,67,.30) !important;
    box-shadow: 0 0 0 4px rgba(255,159,67,.08) !important;
}

/* =========================================================
   SECTION HEAD
   ========================================================= */

body[data-theme="standard-dark"] .section {
    margin-top: 22px !important;
}

body[data-theme="standard-dark"] .sectionHead {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    margin: 0 0 12px !important;
    padding: 9px 12px !important;

    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.045) !important;
    border-radius: 16px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 5px 16px rgba(0,0,0,.10) !important;
}

body[data-theme="standard-dark"] .sectionHead::before {
    content: "";
    width: 4px;
    align-self: stretch;
    flex: 0 0 4px;

    border-radius: var(--sd-pill);
    background: linear-gradient(180deg, #ffba76, var(--sd-orange-2));
}

body[data-theme="standard-dark"] .sectionHead b {
    color: var(--sd-text) !important;
    font-size: clamp(1.12rem, 4.4vw, 1.55rem) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em;
}

/* =========================================================
   PRODUCT CARDS
   ========================================================= */

body[data-theme="standard-dark"] .item,
body[data-theme="standard-dark"] .menu-item {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 13px;

    margin-bottom: 12px !important;
    padding: 12px !important;

    overflow: hidden;

    background: rgba(22,25,30,.90) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 22px !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.02) !important;

    transition:
        transform .22s cubic-bezier(.2,.8,.2,1),
        box-shadow .22s ease,
        border-color .22s ease;
}

body[data-theme="standard-dark"] .item:hover,
body[data-theme="standard-dark"] .item:focus-within,
body[data-theme="standard-dark"] .menu-item:hover,
body[data-theme="standard-dark"] .menu-item:focus-within {
    transform: translateY(-2px) scale(1.003);
    border-color: rgba(255,159,67,.16) !important;
    box-shadow:
        0 14px 34px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,159,67,.04) !important;
}

body[data-theme="standard-dark"] .thumb {
    width: 96px !important;
    height: 96px !important;
    min-width: 84px !important;

    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--sd-orange) !important;
    background: linear-gradient(145deg, #1b1d22, #13161a) !important;

    border: 1px solid rgba(255,255,255,.05) !important;
    border-radius: 18px !important;

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

body[data-theme="standard-dark"] .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-theme="standard-dark"] .itemMain {
    flex: 1 1 auto;
    min-width: 0;
}

body[data-theme="standard-dark"] .itemTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

body[data-theme="standard-dark"] .name {
    color: var(--sd-text) !important;
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
}

body[data-theme="standard-dark"] .desc {
    margin-top: 7px !important;
    color: var(--sd-muted) !important;
    font-size: .84rem !important;
    line-height: 1.5 !important;
}

body[data-theme="standard-dark"] .price {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 31px;
    padding: 5px 9px;

    color: var(--sd-orange) !important;
    background: rgba(255,159,67,.085) !important;

    border: 1px solid rgba(255,159,67,.13) !important;
    border-radius: 12px !important;

    font-size: .94rem !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

/* =========================================================
   META / TAGS
   ========================================================= */

body[data-theme="standard-dark"] .meta {
    display: grid !important;
    gap: 5px !important;

    margin-top: 9px !important;
    padding-top: 8px !important;

    border-top: 1px solid rgba(255,255,255,.055) !important;
}

body[data-theme="standard-dark"] .itemMetaLineBody,
body[data-theme="standard-dark"] .itemMetaAllergensBody {
    display: grid !important;
    grid-template-columns: max-content minmax(0,1fr) !important;
    column-gap: 8px !important;
    align-items: baseline !important;
}

body[data-theme="standard-dark"] .itemMetaLineBody > strong,
body[data-theme="standard-dark"] .itemMetaAllergensBody > strong {
    color: #707984 !important;
    font-size: .66rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

body[data-theme="standard-dark"] .itemMetaList {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 8px !important;
}

body[data-theme="standard-dark"] .itemMetaTag {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    min-height: 18px;
    padding: 0 !important;

    color: #c1c7ce !important;
    background: transparent !important;
    border: 0 !important;

    font-size: .71rem !important;
    font-weight: 500 !important;
}

body[data-theme="standard-dark"] .itemMetaTag svg,
body[data-theme="standard-dark"] .itemMetaInlineIcon,
body[data-theme="standard-dark"] .menu-tag-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px;

    color: var(--sd-orange) !important;
    --space-tag-icon-color: var(--sd-orange);
}

body[data-theme="standard-dark"] .itemMetaGroup--allergens {
    margin-top: 2px !important;
    padding-top: 5px !important;
    border-top: 1px dashed rgba(255,255,255,.08) !important;
}

body[data-theme="standard-dark"] .itemMetaGroup--allergens-only {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

body[data-theme="standard-dark"] .chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-height: 26px;
    padding: 4px 8px !important;

    color: var(--sd-text-soft) !important;
    background: rgba(255,255,255,.04) !important;

    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: var(--sd-pill) !important;

    font-size: .70rem !important;
    font-weight: 600 !important;
}

body[data-theme="standard-dark"] .chip.is-active {
    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;
    border-color: transparent !important;

    box-shadow:
        0 5px 14px rgba(255,138,31,.14),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* =========================================================
   PRODUCT MODAL
   ========================================================= */

body[data-theme="standard-dark"] .menuModalBackdrop {
    background: rgba(0,0,0,.56) !important;

    backdrop-filter: blur(10px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(108%) !important;
}

body[data-theme="standard-dark"] .menuModalPanel {
    color: var(--sd-text) !important;
    background: rgba(17,19,23,.98) !important;

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

    box-shadow:
        0 34px 86px rgba(0,0,0,.50),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

body[data-theme="standard-dark"] .menuModalClose {
    color: var(--sd-text-soft) !important;
    background: rgba(26,29,34,.86) !important;

    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 50% !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    box-shadow: 0 8px 20px rgba(0,0,0,.26) !important;

    transition: transform .20s ease, background .20s ease, color .20s ease;
}

body[data-theme="standard-dark"] .menuModalClose:hover,
body[data-theme="standard-dark"] .menuModalClose:focus-visible {
    transform: scale(1.06);
    color: #1b0d00 !important;
    background: var(--sd-orange) !important;
    outline: none;
}

body[data-theme="standard-dark"] .menuModalHero {
    position: relative;
    overflow: hidden !important;
    background: #111318 !important;
}

body[data-theme="standard-dark"] .menuModalHero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(8,10,13,.88) 0%,
            rgba(8,10,13,.50) 34%,
            rgba(8,10,13,.12) 66%,
            rgba(8,10,13,.02) 100%
        ) !important;
}

body[data-theme="standard-dark"] .menuModalHero .menuModalTitle,
body[data-theme="standard-dark"] .menuModalHero #menuModalTitle,
body[data-theme="standard-dark"] .menuModalHeroTitle {
    position: relative;
    z-index: 4;

    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    text-shadow:
        0 2px 10px rgba(0,0,0,.48),
        0 7px 24px rgba(0,0,0,.34) !important;
}

body[data-theme="standard-dark"] .menuModalHero .menuModalPrice,
body[data-theme="standard-dark"] .menuModalHero #menuModalPrice,
body[data-theme="standard-dark"] .menuModalHeroPrice {
    position: relative;
    z-index: 4;

    color: var(--sd-orange) !important;
    -webkit-text-fill-color: var(--sd-orange) !important;

    background: rgba(18,20,24,.94) !important;
    border: 1px solid rgba(255,159,67,.15) !important;
    border-radius: 15px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* =========================================================
   REAL MEDIA TABS
   ========================================================= */

body[data-theme="standard-dark"] #menuModalMediaTabs.menuModalMediaTabs {
    background: rgba(22,25,30,.94) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 999px !important;

    backdrop-filter: blur(12px) saturate(115%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(115%) !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .chip {
    color: #9da5af !important;
    -webkit-text-fill-color: #9da5af !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .chip:not(.is-active) {
    color: #9da5af !important;
    -webkit-text-fill-color: #9da5af !important;
    background: transparent !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .chip:hover,
body[data-theme="standard-dark"] #menuModalMediaTabs .chip:focus-visible {
    color: var(--sd-orange) !important;
    -webkit-text-fill-color: var(--sd-orange) !important;
    background: rgba(255,159,67,.08) !important;
    outline: none !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .chip.is-active {
    color: #1b0d00 !important;
    -webkit-text-fill-color: #1b0d00 !important;

    background: linear-gradient(
        180deg,
        #ffb66e 0%,
        var(--sd-orange-2) 100%
    ) !important;

    border-color: rgba(255,138,31,.10) !important;

    box-shadow:
        0 6px 16px rgba(255,138,31,.20),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    opacity: 1 !important;
    transform: none !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .chip.is-active *,
body[data-theme="standard-dark"] #menuModalMediaTabs .chip.is-active svg {
    color: #1b0d00 !important;
    -webkit-text-fill-color: #1b0d00 !important;
    opacity: 1 !important;
}

body[data-theme="standard-dark"] #menuModalMediaTabs .menuModalTableARBtn:not(.is-active) {
    color: #9da5af !important;
    -webkit-text-fill-color: #9da5af !important;
}

/* =========================================================
   MODAL CONTENT
   ========================================================= */

body[data-theme="standard-dark"] .menuModalContent,
body[data-theme="standard-dark"] .menuModalBody,
body[data-theme="standard-dark"] .menuModalScroll {
    color: var(--sd-text) !important;
    background: #111318 !important;
}

body[data-theme="standard-dark"] .menuModalTitle,
body[data-theme="standard-dark"] #menuModalTitle {
    color: var(--sd-text) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

body[data-theme="standard-dark"] .menuModalPrice,
body[data-theme="standard-dark"] #menuModalPrice {
    color: var(--sd-orange) !important;
    font-weight: 800 !important;
}

body[data-theme="standard-dark"] .menuModalDesc,
body[data-theme="standard-dark"] #menuModalDescription {
    color: #9aa3ad !important;
    -webkit-text-fill-color: #9aa3ad !important;

    border-left: 2px solid rgba(255,159,67,.38) !important;
    padding-left: 12px !important;
}

body[data-theme="standard-dark"] .menuModalMeta .itemMetaLineBody > strong,
body[data-theme="standard-dark"] .menuModalMeta .itemMetaAllergensBody > strong {
    color: #707984 !important;
}

body[data-theme="standard-dark"] .menuModalMeta .itemMetaTag,
body[data-theme="standard-dark"] .menuModalMeta .itemMetaTagText {
    color: #c5cbd2 !important;
    -webkit-text-fill-color: #c5cbd2 !important;
}

body[data-theme="standard-dark"] .menuModalMeta .itemMetaTag svg,
body[data-theme="standard-dark"] .menuModalMeta .menu-tag-icon,
body[data-theme="standard-dark"] .menuModalMeta .itemMetaInlineIcon {
    color: var(--sd-orange) !important;
    --space-tag-icon-color: var(--sd-orange) !important;
}

/* =========================================================
   OPTIONS
   ========================================================= */

body[data-theme="standard-dark"] .menuModalGroup,
body[data-theme="standard-dark"] .menuModalOptionGroup {
    overflow: hidden !important;

    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 20px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.14),
        inset 0 1px 0 rgba(255,255,255,.015) !important;
}

body[data-theme="standard-dark"] .menuModalGroupHead {
    padding: 10px 12px !important;

    color: var(--sd-text) !important;
    -webkit-text-fill-color: var(--sd-text) !important;

    background: rgba(255,255,255,.025) !important;
    border-bottom: 1px solid rgba(255,255,255,.05) !important;

    font-weight: 800 !important;
    opacity: 1 !important;
}

body[data-theme="standard-dark"] .menuModalGroupHead *,
body[data-theme="standard-dark"] .menuModalGroupTitle {
    color: var(--sd-text) !important;
    -webkit-text-fill-color: var(--sd-text) !important;
    opacity: 1 !important;
}

body[data-theme="standard-dark"] .menuModalOption,
body[data-theme="standard-dark"] label.menuModalOption {
    margin: 6px !important;

    color: var(--sd-text-soft) !important;
    background: rgba(255,255,255,.028) !important;

    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 15px !important;

    opacity: 1 !important;
    transform: none !important;

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

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

body[data-theme="standard-dark"] .menuModalOption:hover,
body[data-theme="standard-dark"] label.menuModalOption:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,159,67,.16) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

body[data-theme="standard-dark"] .menuModalOptionName {
    color: #d1d6dc !important;
    -webkit-text-fill-color: #d1d6dc !important;

    font-size: .84rem !important;
    font-weight: 600 !important;

    opacity: 1 !important;
}

body[data-theme="standard-dark"] .menuModalOptionPrice,
body[data-theme="standard-dark"] .menuModalOptionExtra,
body[data-theme="standard-dark"] .menuModalOptionDelta {
    color: #9ca4ae !important;
    -webkit-text-fill-color: #9ca4ae !important;

    font-weight: 700 !important;
    opacity: 1 !important;
}

body[data-theme="standard-dark"] .menuModalOption:has(input:checked),
body[data-theme="standard-dark"] label.menuModalOption:has(input:checked),
body[data-theme="standard-dark"] .menuModalOption.is-active,
body[data-theme="standard-dark"] .menuModalOption.is-selected,
body[data-theme="standard-dark"] .menuModalOption.selected {
    background: rgba(255,159,67,.09) !important;
    border-color: rgba(255,159,67,.20) !important;

    box-shadow:
        inset 3px 0 0 var(--sd-orange-2),
        0 5px 16px rgba(255,138,31,.04) !important;
}

body[data-theme="standard-dark"] .menuModalOption:has(input:checked) .menuModalOptionName,
body[data-theme="standard-dark"] .menuModalOption.is-active .menuModalOptionName,
body[data-theme="standard-dark"] .menuModalOption.is-selected .menuModalOptionName {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body[data-theme="standard-dark"] input[type="radio"],
body[data-theme="standard-dark"] input[type="checkbox"] {
    accent-color: var(--sd-orange-2);
}

/* =========================================================
   RESERVATION
   ========================================================= */

body[data-theme="standard-dark"] .reservationBackdrop {
    background: rgba(0,0,0,.56) !important;

    backdrop-filter: blur(10px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(108%) !important;
}

body[data-theme="standard-dark"] .reservationPanel {
    color: var(--sd-text) !important;
    background: rgba(17,19,23,.98) !important;

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

    box-shadow:
        0 34px 86px rgba(0,0,0,.50),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

body[data-theme="standard-dark"] .reservationPanel h2,
body[data-theme="standard-dark"] .reservationTitle {
    color: var(--sd-text) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

body[data-theme="standard-dark"] .reservationPanel p,
body[data-theme="standard-dark"] .reservationSubtitle,
body[data-theme="standard-dark"] .reservationHint {
    color: var(--sd-muted) !important;
}

body[data-theme="standard-dark"] .reservationPanel label {
    color: var(--sd-text-soft) !important;
    font-weight: 700 !important;
}

body[data-theme="standard-dark"] .reservationPanel input,
body[data-theme="standard-dark"] .reservationPanel select,
body[data-theme="standard-dark"] .reservationPanel textarea {
    color: var(--sd-text) !important;
    background: rgba(255,255,255,.035) !important;

    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 14px !important;

    outline: none;
}

body[data-theme="standard-dark"] .reservationPanel input:focus,
body[data-theme="standard-dark"] .reservationPanel select:focus,
body[data-theme="standard-dark"] .reservationPanel textarea:focus {
    background: rgba(255,255,255,.05) !important;
    border-color: rgba(255,159,67,.26) !important;
    box-shadow: 0 0 0 4px rgba(255,159,67,.07) !important;
}

body[data-theme="standard-dark"] .reservationSlot {
    color: var(--sd-text-soft) !important;
    background: rgba(255,255,255,.035) !important;

    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: 14px !important;

    font-weight: 700 !important;

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

body[data-theme="standard-dark"] .reservationSlot:hover {
    transform: translateY(-1px);
    color: var(--sd-orange) !important;
    background: rgba(255,255,255,.05) !important;
    box-shadow: var(--sd-shadow-xs) !important;
}

body[data-theme="standard-dark"] .reservationSlot.is-active,
body[data-theme="standard-dark"] .reservationSlot.selected {
    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(255,138,31,.15) !important;
}

body[data-theme="standard-dark"] #r_submit,
body[data-theme="standard-dark"] .reservationActionBtn {
    color: #1b0d00 !important;
    background: linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;

    box-shadow:
        0 10px 22px rgba(255,138,31,.16),
        inset 0 1px 0 rgba(255,255,255,.18) !important;

    font-weight: 800 !important;

    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body[data-theme="standard-dark"] #r_submit:hover,
body[data-theme="standard-dark"] .reservationActionBtn:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
}

/* =========================================================
   RESERVE BAR
   ========================================================= */

body[data-theme="standard-dark"] .reserveBar {
    position: fixed;
    left: 50%;
    bottom: calc(env(safe-area-inset-bottom) + 14px);
    z-index: 950;

    width: min(570px, calc(100% - 24px));
    transform: translateX(-50%);
    pointer-events: none;
}

body[data-theme="standard-dark"] .reserveBar button,
body[data-theme="standard-dark"] #openReservation {
    width: 100%;
    min-height: 58px;
    padding: 14px 20px;

    pointer-events: auto;

    color: #1b0d00 !important;
    background:
        linear-gradient(180deg, #ffb66e, var(--sd-orange-2)) !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px !important;

    box-shadow:
        0 16px 34px rgba(255,138,31,.18),
        0 8px 22px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    font-weight: 800 !important;

    transition: transform .20s cubic-bezier(.2,.8,.2,1), box-shadow .20s ease;
}

body[data-theme="standard-dark"] .reserveBar button:hover,
body[data-theme="standard-dark"] #openReservation:hover {
    transform: translateY(-2px) scale(1.005);
    box-shadow:
        0 18px 38px rgba(255,138,31,.24),
        0 10px 24px rgba(0,0,0,.26) !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

body[data-theme="standard-dark"] .footer {
    margin-top: 28px !important;
    padding: 46px 16px 110px !important;

    color: #767e88 !important;
    text-align: center !important;
}

body[data-theme="standard-dark"] .footer a {
    color: var(--sd-text-soft) !important;
    background: rgba(255,255,255,.035) !important;

    border: 1px solid rgba(255,255,255,.055) !important;
    border-radius: var(--sd-pill) !important;

    box-shadow: var(--sd-shadow-xs) !important;
}

body[data-theme="standard-dark"] .footer a:hover,
body[data-theme="standard-dark"] .footer a:focus-visible {
    color: var(--sd-orange) !important;
}

/* =========================================================
   CUSTOMER ORDER
   ========================================================= */

body[data-theme="standard-dark"] #customerOrderSheet .customerOrderPanel,
body[data-theme="standard-dark"] .customerOrderSheetPanel,
body[data-theme="standard-dark"] .publicOrderSheetPanel {
    color: var(--sd-text) !important;
    background: rgba(17,19,23,.98) !important;

    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.44) !important;
}

body[data-theme="standard-dark"] #customerOrderSheet input,
body[data-theme="standard-dark"] #customerOrderSheet select,
body[data-theme="standard-dark"] #customerOrderSheet textarea {
    color: var(--sd-text) !important;
    background: rgba(255,255,255,.035) !important;

    border-color: rgba(255,255,255,.06) !important;
    border-radius: 14px !important;
}

/* =========================================================
   EMPTY STATES
   ========================================================= */

body[data-theme="standard-dark"] .emptyState,
body[data-theme="standard-dark"] .menuEmpty,
body[data-theme="standard-dark"] .noResults {
    color: var(--sd-muted) !important;
    background: rgba(255,255,255,.025) !important;

    border: 1px dashed rgba(255,255,255,.07) !important;
    border-radius: 20px !important;

    box-shadow: var(--sd-shadow-xs) !important;
}

/* =========================================================
   SCROLLBAR
   ========================================================= */

body[data-theme="standard-dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body[data-theme="standard-dark"] ::-webkit-scrollbar-track {
    background: transparent;
}

body[data-theme="standard-dark"] ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
}

body[data-theme="standard-dark"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.20);
}

/* =========================================================
   MOTION
   ========================================================= */

body[data-theme="standard-dark"] .section,
body[data-theme="standard-dark"] .menu-item,
body[data-theme="standard-dark"] .item,
body[data-theme="standard-dark"] .dock,
body[data-theme="standard-dark"] .sectionHead {
    animation: standardDarkFadeUp .42s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes standardDarkFadeUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 640px) {
    body[data-theme="standard-dark"] .wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body[data-theme="standard-dark"] .cover {
        min-height: 258px !important;
        border-radius: 24px !important;
    }

    body[data-theme="standard-dark"] .logo {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        border-radius: 20px !important;
    }

    body[data-theme="standard-dark"] .logo img {
        border-radius: 17px !important;
    }

    body[data-theme="standard-dark"] .brandText h1 {
        font-size: clamp(1.72rem, 9.5vw, 2.8rem) !important;
    }

    body[data-theme="standard-dark"] .dock {
        top: calc(env(safe-area-inset-top) + 74px);
        border-radius: 20px !important;
    }

    body[data-theme="standard-dark"] .item,
    body[data-theme="standard-dark"] .menu-item {
        gap: 11px;
        padding: 11px !important;
        border-radius: 20px !important;
    }

    body[data-theme="standard-dark"] .thumb {
        width: 92px !important;
        height: 92px !important;
        min-width: 76px !important;
        border-radius: 17px !important;
    }

    body[data-theme="standard-dark"] .menuModal {
        align-items: flex-end;
        padding: 0 !important;
    }

    body[data-theme="standard-dark"] .menuModalPanel {
        width: 100%;
        max-width: none;
        max-height: 92vh;

        border-radius: 26px 26px 0 0 !important;
    }

    body[data-theme="standard-dark"] .menuModalPanel .menuModalHero {
        min-height: 305px !important;
    }

    body[data-theme="standard-dark"] .reservationModal {
        align-items: flex-end;
        padding: 0;
    }

    body[data-theme="standard-dark"] .reservationPanel {
        left: 10px;
        right: 10px;
        bottom: 0;

        border-radius: 26px 26px 0 0 !important;
    }

    body[data-theme="standard-dark"] .reserveBar {
        width: calc(100% - 20px);
        bottom: calc(env(safe-area-inset-bottom) + 10px);
    }

    body[data-theme="standard-dark"] .reserveBar button,
    body[data-theme="standard-dark"] #openReservation {
        min-height: 54px;
        border-radius: 18px !important;
    }

    body[data-theme="standard-dark"] #menuModalMediaTabs .chip {
        min-height: 34px !important;
        padding: 8px 11px !important;
        font-size: .75rem !important;
    }
}

@media (max-width: 420px) {
    body[data-theme="standard-dark"] .miniInner {
        padding: 9px 10px;
    }

    body[data-theme="standard-dark"] .miniPill {
        padding: 8px 10px;
        font-size: .74rem !important;
    }

    body[data-theme="standard-dark"] .name {
        font-size: 1.04rem !important;
    }

    body[data-theme="standard-dark"] .desc {
        font-size: .81rem !important;
    }

    body[data-theme="standard-dark"] .itemMetaTag {
        font-size: .68rem !important;
    }
}

@media (max-width: 360px) {
    body[data-theme="standard-dark"] .thumb {
        width: 80px !important;
        height: 80px !important;
        min-width: 70px !important;
    }

    body[data-theme="standard-dark"] .itemMetaLineBody,
    body[data-theme="standard-dark"] .itemMetaAllergensBody {
        grid-template-columns: minmax(0,1fr) !important;
        row-gap: 2px !important;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    body[data-theme="standard-dark"] *,
    body[data-theme="standard-dark"] *::before,
    body[data-theme="standard-dark"] *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   INTENTIONAL AI WAITER EXCLUSION
   Nessun override .aiWaiter*
   ========================================================= */

/* =========================================================
   SPACE CATEGORY TABS CONTRACT
   Shared animated indicator tokens.
   ========================================================= */
body[data-theme="standard-dark"] {
    --space-menu-tab-active-bg: linear-gradient(180deg, #ffb66e, var(--sd-orange-2));
    --space-menu-tab-active-color: #1b0d00;
    --space-menu-tab-active-border: 1px solid transparent;
    --space-menu-tab-active-shadow: 0 8px 18px rgba(255,138,31,.16), inset 0 1px 0 rgba(255,255,255,.22);
    --space-menu-tab-active-radius: 999px;
    --space-menu-tab-active-transform: none;
}