/* ALDHAMEN 6.6.86 — complete responsive finishing layer */
:root{--a686-ink:#2b211f;--a686-muted:#74635e;--a686-line:#e8d8ce;--a686-paper:#fffaf2;--a686-wine:#7b2927;--a686-green:#315f4c;--a686-pink:#f6d7df;--a686-shadow:0 18px 48px rgba(70,38,31,.09)}
html{font-size:16px;overflow-x:hidden}body{overflow-x:hidden;color:var(--a686-ink);background:#fbf4e9}body,button,input,select,textarea{font-family:"Tajawal",Arial,sans-serif}img{max-width:100%}.muted,small{color:var(--a686-muted)}
button,a,[role="button"],input,select,textarea{font-size:max(14px,1rem)}button,a[role="button"],input,select{min-height:44px}.btn,.primary-btn,.secondary-btn{border-radius:12px!important;font-weight:800!important}.primary-btn,.btn.primary{background:var(--a686-wine)!important;color:#fff8ea!important}.panel,.card,.surface{border-color:var(--a686-line)!important;box-shadow:var(--a686-shadow)}

/* Public menu: products on the right, compact readable basket on the left. */
.site{width:min(1600px,100%);margin-inline:auto;padding-inline:clamp(14px,2.2vw,36px)}
.menu-panel,.cart-panel{min-width:0}.menu-panel{background:transparent!important}.menu-panel .section-head{margin-bottom:14px}.menu-panel .section-head h2{font-size:clamp(1.45rem,2vw,2rem);margin:0}.category-tabs,.categories{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;padding:5px 2px 12px!important;position:sticky;top:0;z-index:12;background:linear-gradient(#fbf4e9 78%,transparent)}.category-tabs::-webkit-scrollbar,.categories::-webkit-scrollbar{display:none}.category-tabs button,.category-tabs a,.categories button,.categories a{flex:0 0 auto!important;border:1px solid var(--a686-line)!important;background:#fffaf2!important;color:var(--a686-ink)!important;border-radius:999px!important;padding:10px 16px!important;font-weight:800!important}.category-tabs .active,.categories .active{background:var(--a686-wine)!important;color:#fff8ea!important;border-color:var(--a686-wine)!important}
.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.product-card{display:grid!important;grid-template-rows:190px auto!important;overflow:hidden!important;min-width:0!important;border:1px solid var(--a686-line)!important;border-radius:20px!important;background:rgba(255,250,242,.96)!important;box-shadow:0 12px 34px rgba(71,40,33,.07)!important;transition:transform .18s ease,box-shadow .18s ease!important}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(71,40,33,.12)!important}.product-card img{width:100%!important;height:190px!important;padding:14px!important;object-fit:contain!important;background:radial-gradient(circle at 50% 52%,#fff 0 38%,#f7ebe4 78%,transparent 79%)!important}.product-card .product-info,.product-card>div:last-child{padding:14px!important}.product-card h3{font-size:1.08rem!important;line-height:1.35!important;color:var(--a686-ink)!important}.product-card p{color:var(--a686-muted)!important;line-height:1.55!important}.product-card button{background:var(--a686-wine)!important;color:#fff8ea!important;border:0!important;border-radius:12px!important}
.cart-panel{border:1px solid var(--a686-line)!important;border-radius:22px!important;background:rgba(255,250,242,.98)!important;box-shadow:var(--a686-shadow)!important}.cart-panel h2,.cart-panel h3{color:var(--a686-ink)!important}.cart-panel input,.cart-panel select,.cart-panel textarea{background:#fff!important;color:var(--a686-ink)!important;border:1px solid var(--a686-line)!important;border-radius:11px!important}

/* Rewards: remove the oversized empty zones and keep the programme obvious. */
.reward-hub,.next-reward-hub{width:min(1360px,100%);margin-inline:auto;padding:clamp(16px,2.4vw,34px)!important}.reward-hub-header{min-height:0!important;padding:16px 0!important}.reward-hub-hero{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:18px!important;align-items:stretch!important;padding:0!important;margin:0 0 18px!important}.reward-hub-hero>*,.reward-how,.reward-hub-grid>*{min-width:0}.reward-hub-hero>div,.reward-hub-hero>article{border:1px solid var(--a686-line)!important;border-radius:24px!important;background:#fffaf2!important;padding:clamp(20px,3vw,38px)!important;box-shadow:var(--a686-shadow)!important}.reward-hub-hero h1{font-size:clamp(2rem,4vw,4rem)!important;line-height:1.02!important;margin:.2em 0!important}.reward-how{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important}.reward-how>*{min-height:0!important;padding:18px!important;border:1px solid var(--a686-line)!important;border-radius:18px!important;background:#fffaf2!important}.reward-hub-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.reward-hub-grid>*{min-height:0!important;border-radius:20px!important;border:1px solid var(--a686-line)!important;background:#fffaf2!important;box-shadow:none!important}

/* Desktop admin shell: fixed navigation on the right, workspace on the left. */
@media (min-width:1024px){
  body.page-admin .a6-admin{width:100%!important;min-height:100vh!important;display:grid!important;grid-template-columns:minmax(0,1fr) 276px!important;direction:ltr!important;background:#fbf4e9!important}
  body.page-admin .a6-admin-sidebar{display:flex!important;flex-direction:column!important;align-items:stretch!important;grid-column:2!important;grid-row:1!important;direction:rtl!important;width:auto!important;min-width:0!important;position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;border-left:1px solid rgba(255,255,255,.12)!important}
  body.page-admin .a6-admin-sidebar :where(a,button,span,small,b){max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;font-size:min(14px,1rem)!important}
  body.page-admin .a6-admin-content{display:block!important;grid-column:1!important;grid-row:1!important;direction:rtl!important;width:100%!important;min-width:0!important;max-width:none!important;padding:clamp(18px,2.2vw,34px)!important}
  body.page-admin .a640-mobile-admin-menu,body.page-admin .a640-mobile-admin-scrim,body.page-admin .a6-menu-toggle{display:none!important}
  body.page-admin .admin-section,body.page-admin .a6-admin-page,body.page-admin .a65-reports-page{width:min(1480px,100%)!important;margin-inline:auto!important;min-width:0!important}
  body.page-admin .a6-admin-topbar{width:min(1480px,100%)!important;margin:0 auto 18px!important;border-radius:18px!important}
  body.page-admin .a6-dashboard-grid,body.page-admin .a65-report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  body.page-admin .a6-card,body.page-admin .a65-report-panel{min-width:0!important;overflow:hidden!important}
  body.page-admin canvas,body.page-admin svg{max-width:100%!important}
  body.page-admin table{width:100%!important;table-layout:auto!important}
  body.page-admin .table-wrap,body.page-admin .a6-table-wrap{overflow:auto!important;border-radius:16px!important}

  body.page-kitchen .a6-kitchen-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;direction:ltr!important;width:100%!important;min-height:100vh!important}
  body.page-kitchen .a6-kitchen-sidebar{grid-column:2!important;grid-row:1!important;direction:rtl!important;min-width:0!important;width:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.page-kitchen .a6-kitchen-workspace{grid-column:1!important;grid-row:1!important;direction:rtl!important;min-width:0!important;width:100%!important;padding:clamp(16px,2vw,28px)!important}
  body.page-kitchen .a6-kitchen-sidebar>*{max-width:100%!important;min-width:0!important}body.page-kitchen .a6-kitchen-sidebar .stats,body.page-kitchen .a6-kitchen-sidebar [class*="stat"]{grid-template-columns:1fr!important}

  .order-layout,.a6-order-layout{display:grid!important;grid-template-columns:minmax(310px,360px) minmax(0,1fr)!important;grid-template-areas:"cart menu"!important;align-items:start!important;gap:clamp(18px,2vw,30px)!important;direction:ltr!important}
  .order-layout>.cart-panel,.a6-order-layout>.cart-panel{grid-area:cart!important;position:sticky!important;top:18px!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;direction:rtl!important}
  .order-layout>.menu-panel,.a6-order-layout>.menu-panel{grid-area:menu!important;direction:rtl!important}
}

@media (min-width:1500px){.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Tablet/mobile: one clear column, no clipped controls. */
@media (max-width:1023px){
  .site{padding-inline:12px}.order-layout,.a6-order-layout{display:flex!important;flex-direction:column!important;gap:14px!important}.order-layout>.menu-panel,.a6-order-layout>.menu-panel{order:1!important;width:100%!important}.order-layout>.cart-panel,.a6-order-layout>.cart-panel{order:2!important;width:100%!important;position:static!important;max-height:none!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-card{grid-template-rows:150px auto!important}.product-card img{height:150px!important}.reward-hub-hero{grid-template-columns:1fr!important}.reward-how,.reward-hub-grid{grid-template-columns:1fr!important}
  body.page-admin .a6-admin-content{width:100%!important;max-width:100%!important;padding:12px!important}body.page-admin .a6-admin-topbar{position:sticky!important;top:0!important;z-index:40!important}body.page-admin .a6-dashboard-grid,body.page-admin .a65-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){html{font-size:15px}.products{grid-template-columns:1fr!important}.product-card{grid-template-columns:112px minmax(0,1fr)!important;grid-template-rows:auto!important;min-height:150px!important}.product-card img{width:112px!important;height:100%!important;min-height:150px!important;padding:8px!important}.reward-hub,.next-reward-hub{padding:12px!important}body.page-admin .a6-dashboard-grid,body.page-admin .a65-report-kpis{grid-template-columns:1fr!important}}

/* Prevent the unreadable pale text and accidental page overflow seen in old views. */
body:not(.page-admin) :where(p,span,label,small,li,td,th){overflow-wrap:anywhere}body :where(input,select,textarea){max-width:100%;color:var(--a686-ink)!important}body :where(dialog,[role="dialog"],.modal-card){max-width:min(680px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}.a6-chart,.chart-wrap,[class*="chart"]{min-width:0!important;max-width:100%!important}.a6-chart canvas,.chart-wrap canvas,[class*="chart"] canvas{width:100%!important;max-width:100%!important}