/* ══════════════════════════════════════════════════════════
   shared.css — قواعد تُستخدم في أكثر من صفحة واحدة.
   نسخة عن متغيرات ورموز index.html اللازمة لصفحتَي الفروع والولاء
   (index.html نفسه لا يُعدَّل، يبقى ورقة الأنماط الداخلية فيه كما هي).
   ══════════════════════════════════════════════════════════ */

:root{
  --bg:#FFFFFF;
  --surface:#F5F4F3;
  --hair:#ECEAE8;
  --ink:#26221F;
  --ink-2:#8E8884;
  --ink-3:#B8B3AF;
  --price:#DC2626;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --header-h: 74px;
}
html{ scroll-behavior:smooth; }
body{
  background:var(--bg); color:var(--ink);
  font-family:'IBM Plex Sans Arabic',sans-serif;
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
}
.display{ font-family:'Tajawal',sans-serif; }

.press{ transition:transform .18s cubic-bezier(.2,.8,.2,1); }
.press:active{ transform:scale(.985); }

@keyframes cardIn{ from{opacity:0; transform:translateY(12px)} to{opacity:1; transform:translateY(0)} }
.card-in{ animation:cardIn .42s cubic-bezier(.22,1,.36,1) both; }

.acc{ max-height:0; opacity:0; overflow:hidden;
      transition:max-height .3s ease, opacity .22s ease, margin .28s ease; }
.acc.open{ max-height:160px; opacity:1; margin-top:6px; }

.ph{ background:linear-gradient(160deg,#F7F6F5 0%,#EDEBE9 60%,#E3E0DD 100%); }
.ph img{ opacity:0; transition:opacity .5s ease; }
.ph img.ready{ opacity:1; }

.skel{ background:linear-gradient(100deg, var(--surface) 30%, var(--hair) 50%, var(--surface) 70%);
       background-size:200% 100%; animation:skel-sheen 1.4s ease-in-out infinite; }
@keyframes skel-sheen{ from{background-position:200% 0} to{background-position:-200% 0} }

::-webkit-scrollbar{ width:0; height:0; }
*:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; border-radius:12px; }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
}

/* ── شارة الوسم الملوّنة (مميز / الأكثر مبيعاً / جديد) ── */
.badge-tag{ position:absolute; top:10px; inset-inline-start:10px; z-index:2;
  background:var(--ink); color:#fff; font-size:11px; font-weight:700;
  padding:4px 10px; border-radius:999px; }

/* ── زر الرجوع إلى المنيو في ترويسة الصفحات الجديدة ── */
.back-header-pill{
  display:inline-flex; align-items:center; gap:5px;
  padding:8px 12px; border-radius:999px;
  background:var(--surface); color:var(--ink);
  font-size:12.5px; font-weight:700;
}

/* ── التذييل المشترك ── */
.site-footer{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  text-align:center; padding-top:32px;
  padding-bottom:calc(20px + var(--safe-bottom));
}
.footer-label{ font-size:11px; font-weight:500; color:var(--ink-2); }
.footer-logos{ display:flex; align-items:center; gap:18px; }
.footer-logos img{ height:22px; width:auto; object-fit:contain; }
.footer-hours-row{ display:flex; align-items:center; gap:8px; }
.footer-hours-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:999px;
  background:var(--surface); color:var(--ink);
  font-size:11.5px; font-weight:700;
}