/*
 * Little Italy – app-like mobile menu, checkout and ordering workflow.
 * Editorial examples and progressive enhancement. No real checkout enabled.
 */
#liOrderingTools{
 margin:14px 0 18px;
 border:1px solid #4b6267;
 border-radius:18px;
 padding:18px;
 background:#13262c;
 color:#f5ede3;
}
#liServiceStatus{
 padding:10px 12px;
 margin-bottom:14px;
 background:#24383d;
 border-radius:10px;
 color:#f6d9af;
 font-size:14px;
 font-weight:650;
 line-height:1.45;
}
#liServiceStatus.li-online{color:#d3f3df;background:#1c4b3b}
.li-search-label{
 font-size:14px;
 font-weight:700;
 display:block;
 margin:0 0 7px;
}
.li-searchbox{
 display:flex;
 align-items:center;
 gap:8px;
 padding:6px 8px 6px 14px;
 border-radius:13px;
 background:#f9f6f1;
 border:2px solid #d4b899;
 color:#432b1d;
}
.li-searchbox>span{font-size:26px;line-height:1;opacity:.7}
#liMenuSearch{
 flex:1;
 min-width:0;
 width:100%;
 padding:9px 4px;
 border:0!important;
 border-radius:0;
 outline:0;
 background:transparent!important;
 color:#30241e!important;
 font-size:16px;
}
#liMenuSearch::placeholder{color:#806e60}
#liMenuSearch:focus-visible{outline:none}
.li-searchbox:focus-within{border-color:#e49a50;box-shadow:0 0 0 2px #e49a5055}
#liClearSearch{
 color:#533822;
 background:#e9ddcf;
 border:0;
 border-radius:8px;
 padding:11px;
 font-weight:750;
 cursor:pointer;
}
#liClearSearch[hidden]{display:none!important}
.li-search-count{margin:8px 0 0;font-size:13px;color:#dfc6a8}
main section[id^="cat-"][hidden],
main section[id^="cat-"] article.item[hidden]{display:none!important}
main section[id^="cat-"]{scroll-margin-top:190px}
main nav.tabs{
 position:sticky;
 top:calc(var(--li-header-height, 116px) + 3px);
 z-index:24;
 display:flex;
 flex-wrap:nowrap;
 gap:6px;
 overflow-x:auto;
 padding:9px 4px;
 margin:12px -4px 22px;
 background:#10232ceB;
 box-shadow:0 4px 14px #0b111839;
 border-radius:12px;
 scrollbar-width:thin;
 -webkit-overflow-scrolling:touch;
}
main nav.tabs a{
 flex:0 0 auto;
 white-space:nowrap;
 min-height:42px;
 display:inline-flex;
 justify-content:center;
 align-items:center;
 border-radius:24px;
 border:1px solid #b48b65;
 background:#24383d;
 color:#f8f0e8!important;
 text-decoration:none;
 font-weight:700;
 padding:10px 14px!important;
}
main nav.tabs a:hover, main nav.tabs a:focus-visible{
 background:#824b24;
 outline:2px solid #f0bc77;
 outline-offset:2px;
}
main section[id^="cat-"] article.item .foot{
 flex-wrap:wrap;
 column-gap:8px;
 row-gap:8px;
}
.li-customize{
 border:1px solid #d3a272;
 border-radius:9px;
 background:transparent;
 color:#f4cda0;
 cursor:pointer;
 padding:10px 12px;
 min-height:42px;
 font:inherit;
 font-weight:700;
 font-size:13px;
}
.li-customize:hover{background:#7c4d35}
.li-popular-actions{
 margin:16px auto 0;
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 max-width:1120px;
 justify-content:center;
}
.li-popular-actions button{
 border:1px solid #d3a272;
 background:#20343b;
 color:#f5ede3;
 border-radius:999px;
 padding:10px 14px;
 min-height:44px;
 font:inherit;
 font-size:13px;
 font-weight:750;
 cursor:pointer;
}
.li-popular-actions button:hover{background:#3c554c}
#modal .li-checkout-steps{
 margin:4px 0 12px;
 padding:12px;
 background:#24383d;
 border-radius:9px;
 color:#e9caa4;
 font-size:13px;
 line-height:1.5;
 font-weight:650;
 white-space:normal;
}
#modal .li-cart-tools{
 border:1px solid #455e62;
 background:#182a30;
 padding:12px;
 border-radius:11px;
 margin:0 0 18px;
}
.li-cart-tools-title{font-weight:750;margin-bottom:9px}
.li-cart-tool-actions{display:flex;flex-wrap:wrap;gap:7px}
.li-cart-tool-actions button{
 min-height:42px;
 border:1px solid #ac805b;
 border-radius:8px;
 background:#243b40;
 color:#fff7ec;
 font:inherit;
 font-size:13px;
 font-weight:700;
 padding:8px 12px;
 cursor:pointer;
}
.li-privacy-notice{font-size:12px;color:#ccbba7;line-height:1.5;margin:10px 0 0}
#modal .li-remove-item{
 display:inline-block;
 background:transparent;
 color:#ffd5bc;
 border:1px solid #a96b58;
 border-radius:8px;
 font:inherit;
 font-size:13px;
 font-weight:700;
 min-height:38px;
 padding:7px 10px;
 margin-top:8px;
 cursor:pointer;
}
#modal .cartItemNew{min-width:0;overflow-wrap:anywhere}
#modal .qtyNew button{min-width:40px;min-height:40px}
#liOrderProgress{
 border:1px solid #77c5aa;
 padding:13px;
 margin:12px 0;
 background:#1e473d;
 color:#f2ffe8;
 border-radius:12px;
 font-size:14px;
 font-weight:700;
 line-height:1.5;
}
#liOrderProgress[hidden]{display:none}
@media(max-width:640px){
 #liOrderingTools{padding:13px;margin:12px 0 16px}
 main nav.tabs{margin:8px -8px 16px;border-radius:0;padding:8px}
 main section[id^="cat-"]{scroll-margin-top:210px}
 .li-popular-actions{justify-content:flex-start}
 .li-popular-actions button{flex:1 1 46%;text-align:center}
 #modal .li-cart-tool-actions button{flex:1 1 45%}
 #modal .li-cart-tools{padding:10px}
 #modal .li-checkout-steps{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
 #liOrderingTools *,main nav.tabs a{scroll-behavior:auto!important;transition:none!important}
}

/* Compact introduction and one price-led highlight for each menu category. */
.lux-hero-inner{min-height:0;grid-template-columns:1fr;padding-block:38px}
.lux-copy p{max-width:680px}
.li-food-allergens{margin:12px 0 0;border-top:1px solid #405256;padding-top:8px}
.li-food-allergens summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:44px;cursor:pointer;list-style:none;color:#f4cda0;
 font-size:13px;font-weight:700;
}
.li-food-allergens summary::-webkit-details-marker{display:none}
.li-food-allergens summary::marker{content:""}
.li-food-allergens summary:focus-visible{outline:2px solid #f0bc77;outline-offset:3px}
.li-allergen-arrow{font-size:22px;line-height:1;transition:transform .15s ease}
.li-food-allergens[open] .li-allergen-arrow{transform:rotate(180deg)}
.li-food-allergens .li-food-info{margin:6px 0 0}
@media(prefers-reduced-motion:reduce){.li-allergen-arrow{transition:none}}

/* Original restaurant logo, shown in its uploaded proportions. */
header .logo{display:flex;align-items:center;line-height:1}
header .li-brand-logo{display:block;width:180px;max-width:100%;height:auto;border-radius:5px}
@media(max-width:900px){header .logo{justify-content:center}}