/* Shared brand and accessible interface tokens. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
.auth-logo,.sb-logo-icon,.topbar-logo{font-weight:800;letter-spacing:-1px;color:var(--brown)}.sb-logo-icon,.topbar-logo{color:var(--gold-light)}
:root{--gold:#D5B66E;--gold-light:#F2DDA8;--gold-dark:#765519;--brown:#3D291F;--brown-light:#563D2E;--cream:#FAF7F2;--cream-dark:#EEE6DB;--white:#fff;--text-dark:#32251E;--text-mid:#594A40;--text-light:#706158;--red:#B42318;--green:#137547;--shadow:rgba(61,41,31,.08);--radius:14px;--radius-sm:8px;--font-ui:'Inter','Noto Sans Arabic',system-ui,sans-serif;--success:#137547;--danger:#B42318;--warning:#88520C}
body,button,input,select,textarea{font-family:var(--font-ui)!important;letter-spacing:normal}body{line-height:1.6;background:var(--cream)}html[lang=ar] body{font-family:'Noto Sans Arabic','Inter',system-ui,sans-serif!important}
button{min-height:44px}button:disabled{cursor:not-allowed;opacity:.6}button,input,select,textarea,[role=button]{touch-action:manipulation}a{color:#245F98}
:focus-visible{outline:3px solid #287BC1!important;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#287BC1!important;box-shadow:0 0 0 3px #287bc11c}
.header,.topbar{box-shadow:0 1px 0 #ffffff15;padding-block:12px}.header{min-height:76px}.logo-sub,.menu-branch-sub,.sb-logo-sub,.sb-user{color:#E8DCD0!important;opacity:1}.logo-text{font-size:18px}.logo-sub{font-size:12px}
.location-screen,.auth-page{background:radial-gradient(ellipse at top,#563D2E,#3D291F 70%)}.location-screen{padding-top:56px}.location-hero h1{font-size:30px;letter-spacing:-.5px}.location-hero p{color:#E8DCD0}.location-card,.auth-card{border:1px solid #E8DFD4;box-shadow:0 20px 50px #0c1e3230}.auth-card{padding:32px}.auth-logo{font-size:36px}.auth-sub{font-size:14px}
.form-label{font-size:14px}.form-input,.form-select,.manual-input{font-size:16px!important;background:#fff;border-color:#D8CBBE;min-height:48px}.form-textarea{min-height:100px}.form-title{font-size:18px}.form-group{margin-bottom:20px}
.category-tabs{top:76px;background:#F3EDE4;border-bottom:1px solid #E8DFD4}.cat-tab{font-size:14px;min-height:44px}.menu-body{max-width:1240px;margin:auto;padding:24px 24px 120px}.cat-accordion-header{border:1px solid #E8DFD4;box-shadow:none;min-height:64px;scroll-margin-top:150px}.cat-accordion-body{gap:18px;padding:16px 0 24px;grid-template-columns:repeat(4,minmax(0,1fr))}.item-card{border:1px solid #E8DFD4;box-shadow:0 3px 12px var(--shadow)}.item-img,.item-img-placeholder{height:auto;aspect-ratio:4/3;object-fit:cover}.item-info{padding:16px}.item-name-ar{font-size:16px;line-height:1.65}.item-name-en,.item-desc-preview,.item-tap-hint,.item-price span,.promo-hint,.type-tag{font-size:13px}.item-price{font-size:17px}.item-cart-badge{padding:0 16px 14px}.item-card:hover{border-color:#B49553}.cart-fab{background:var(--brown);color:#fff;box-shadow:0 8px 24px #172b4233}.cart-fab:hover{background:var(--brown-light)}.cart-badge{background:var(--gold);color:var(--brown)}
.cart-body{max-width:760px;margin:auto;padding:24px 20px 140px}.cart-item-row{gap:16px;flex-wrap:wrap;border:1px solid #E8DFD4;box-shadow:none}.cart-item-name{font-size:16px}.cart-item-sub,.cart-branch-sub{font-size:14px}.cart-remove,.back-btn,.modal-close{width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cart-item-right{gap:12px}.cart-total-amt{color:var(--gold-light)}.cart-total-box{padding:20px 24px}.order-form{border:1px solid #E8DFD4}.cart-item-controls{display:flex;gap:6px;align-items:center}.cart-item-controls button{border:1px solid #D8CBBE;border-radius:6px;background:#fff;color:var(--brown);width:40px;min-height:40px;font-size:18px}.cart-item-controls .cart-remove{border:none;color:var(--red)}
#whatsapp-sticky-btn,.whatsapp-btn{background:#137547!important;color:#fff!important;min-height:64px;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}#whatsapp-sticky-btn:hover,.whatsapp-btn:hover{background:#0F603B!important}#whatsapp-sticky-btn:disabled{opacity:.7}.delivery-free,.location-status.success,.msg.success{color:var(--success)}.os-confirmed{color:var(--success)}.os-preparing,.numpad-min-note{color:var(--warning)}.os-cancelled,.msg.error{color:var(--danger)}
.popup-sheet{border-radius:18px 18px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.popup-subtitle,.action-sheet-sub,.detail-name-en{font-size:14px}.detail-img,.action-sheet-img{object-fit:contain;background:var(--cream)}.branch-option,.branch-card-result,.cart-branch-info{border-inline-start:3px solid var(--gold);border-right-width:0}.branch-option{text-align:start}.branch-opt-check{margin-right:0;margin-inline-start:auto}.branch-opt-sub,.region-count{font-size:14px}.branch-chip{min-height:44px}.region-header{min-height:64px}
.main{min-width:0;max-width:1600px;padding:32px}.table th{color:var(--text-mid);font-size:13px}.table td{font-size:14px}.card{overflow:auto;border:1px solid #E8DFD4;box-shadow:none}.btn-sm{min-height:40px}.sidebar{border-right:1px solid #ffffff15}.nav-item{font-size:14px;min-height:46px}.modal{max-width:620px;padding:28px}.modal-header{gap:16px}.price-override-row,.item-row,.page-header{gap:12px}.page-header{flex-wrap:wrap}.staff-sidebar-toggle{display:none}.app-status{padding:14px;border-radius:8px;border:1px solid #D8CBBE;margin-block:12px;background:#fff;font-size:14px}.app-status.error{border-color:#FDA29B;color:var(--danger)}.app-status.success{border-color:#86CDA8;color:var(--success)}.menu-search{max-width:1240px;margin:20px auto 0;padding:0 24px}.menu-search input{background:#fff}.empty-search{grid-column:1/-1;padding:24px;text-align:center;color:var(--text-mid)}.order-pagination{display:flex;align-items:center;gap:14px;justify-content:center;padding:20px}.order-pagination button{padding:8px 16px;border:1px solid #D8CBBE;background:#fff;border-radius:8px}
@media(min-width:800px){#whatsapp-sticky-btn{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(720px,calc(100% - 40px));bottom:16px!important;border-radius:12px}.popup-sheet{border-radius:18px;margin-bottom:24px}.popup-overlay{align-items:center}}
@media(max-width:1000px){.cat-accordion-body{grid-template-columns:repeat(3,minmax(0,1fr))}.main{padding:20px}.size-row{flex-wrap:wrap}.size-row input{min-width:100px}}
@media(max-width:720px){.cat-accordion-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-body{padding:16px 12px 110px}.menu-search{padding:0 12px}.item-info{padding:12px}.item-name-ar{font-size:14px}.item-name-en,.item-tap-hint,.type-tag{font-size:12px}.location-screen{padding:32px 16px}.location-hero h1{font-size:24px}.location-card{padding:20px}.header{padding-inline:16px}.logo-text{font-size:16px}.cart-body{padding:16px 12px 120px}.cart-total-box{padding:18px}.order-form{padding:18px}.sidebar{width:230px;transform:translateX(-100%);transition:transform .2s;z-index:200;box-shadow:8px 0 30px #172b4233}.sidebar.sidebar-open{transform:none}.main{margin-left:0;padding:76px 16px 24px;width:100%}.staff-sidebar-toggle{display:block;position:fixed;top:14px;left:16px;z-index:210;background:var(--brown);color:#fff;border:none;border-radius:8px;padding:8px 16px}.table{min-width:680px}.modal{padding:20px}.overlay{padding:12px}.topbar{height:auto;min-height:70px;padding:12px 16px;gap:12px;flex-wrap:wrap}.topbar-info{min-width:0}.topbar-branch{overflow-wrap:anywhere}.price-override-row{flex-wrap:wrap}.auth-card{padding:28px 24px}.popup-sheet{max-height:85dvh}.page-title{font-size:21px}}
@media(max-width:350px){.cat-accordion-body{grid-template-columns:1fr}.logo-sub{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.empty-cart-icon .ui-icon,.empty-icon .ui-icon{width:44px;height:44px}
.item-img-placeholder .ui-icon,.promo-img-ph .ui-icon,.img-thumb-ph .ui-icon{width:32px;height:32px;color:var(--text-light)}
.delivery-map-pin{color:var(--brown);background:white;border-radius:50%;padding:4px;box-shadow:0 2px 6px #0003}
.delivery-map-pin .ui-icon{width:24px;height:24px}


.menu-cart-icon{color:var(--gold)}
.search-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.search-results>div:not([hidden]):not(.empty-search){display:contents}
.search-results .cat-accordion-header{display:none}
.search-results .cat-accordion-body{display:contents!important}
.search-results .empty-search{grid-column:1/-1}
@media(max-width:1100px){.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:360px){.search-results{grid-template-columns:1fr}}


.logo-icon,#logo-img{width:76px;height:64px;border-radius:8px;background:#fff;object-fit:contain;flex-shrink:0}
#logo-img{padding:4px;box-sizing:border-box}.header{gap:12px;min-height:88px}.category-tabs{top:88px}
.brand-logo-image{width:76px;height:64px;object-fit:contain;background:#fff;padding:4px;border-radius:8px;box-sizing:border-box}
.auth-logo,.sb-logo-icon,.topbar-logo{width:auto;height:auto;background:transparent;flex-shrink:0}
@media(max-width:720px){.logo-icon,#logo-img,.brand-logo-image{width:64px;height:56px}.header{min-height:80px}.category-tabs{top:80px}}


/* Circular brand badge; contain preserves the full original artwork. */
.logo-icon,#logo-img,.brand-logo-image{width:72px;height:72px;border-radius:50%;background:#fff}
#logo-img,.brand-logo-image{padding:8px;object-fit:contain;box-sizing:border-box}
@media(max-width:720px){.logo-icon,#logo-img,.brand-logo-image{width:60px;height:60px;padding:6px}.logo-icon{padding:0}}


#logo-img,.brand-logo-image{padding:12px}
@media(max-width:720px){#logo-img,.brand-logo-image{padding:10px}}


/* White brand artwork directly on the dark header. */
.logo-icon,#logo-img,.brand-logo-image{background:transparent;border-radius:0}
#logo-img,.brand-logo-image{filter:brightness(0) invert(1);padding:4px}
.auth-logo .brand-logo-image{filter:none}
@media(max-width:720px){#logo-img,.brand-logo-image{padding:4px}}


/* Warm chocolate brand palette with restrained gold accents. */
.gps-btn,.confirm-branch-btn,.pop-confirm,.btn-primary,.btn-save,.btn-add{background:var(--brown);color:#fff}
.gps-btn:hover,.confirm-branch-btn:hover,.pop-confirm:hover,.btn-primary:hover,.btn-save:hover,.btn-add:hover{background:var(--brown-light)}
.region-header,.branch-option{background:var(--cream);border-color:#E8DFD4}
.region-count,.branch-opt-sub,.branch-dist,.other-title{color:var(--text-light)}
.branch-selection-hint{font-size:13px;color:var(--text-mid);margin:12px 0;text-align:center}