/* El Messiri محمّل من الموقع نفسه (مش معتمد على Google Fonts) */
@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/el-messiri-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/el-messiri-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/el-messiri-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/el-messiri-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/el-messiri-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/el-messiri-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/el-messiri-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'El Messiri';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/el-messiri-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ============================================================
   بيزنس كافيه — باليتة الإسبريسو (بني غامق + لاتيه/كراميل)
   Forest #C9A57A / #B8925F  (أخضر الغابة)  → الأزرار الأساسية والأقسام والفوتر
   Gold   #D9B27C / #A9855A  (الدهبي)       → زرار الحجز والتمييز
   Cream  #1A0F09 / #24160D  (الكريمي)      → خلفيات الصفحات
   Green  #C9A57A  (أخضر اللوجو)            → الإضافة للطلب وإرسال الطلب
   بيأثر على الأزرار بس (a / button) — الخلفيات والنصوص زي ما هي.
   ============================================================ */
:root{
  --bc-teal:#B8925F; --bc-teal-d:#C9A57A;
  --bc-orange:#D9B27C; --bc-orange-d:#A9855A;
  --bc-green:#C9A57A; --bc-green-d:#A9855A;
}

/* Teal — أساسي */
:is(a,button):is(.bg-\[\#C9A57A\],.bg-\[\#A9855A\],.bg-primary,.bg-primary-container,.bg-\[\#B8925F\]){
  background:linear-gradient(135deg,var(--bc-teal) 0%,var(--bc-teal-d) 100%)!important;
  color:#1A0F09!important;border-color:transparent!important;
}
:is(a,button):is(.bg-\[\#C9A57A\],.bg-\[\#A9855A\],.bg-primary,.bg-primary-container,.bg-\[\#B8925F\]):hover{
  background:linear-gradient(135deg,#D4B488 0%,var(--bc-teal) 100%)!important;
  box-shadow:0 10px 24px -10px rgba(201,165,122,.65)!important;
}

/* Orange — الحجز */
:is(a,button):is(.bg-\[\#E0B07A\],.bg-secondary,.bg-\[\#D49A5E\]){
  background:linear-gradient(135deg,#E6C79A 0%,var(--bc-orange) 55%,var(--bc-orange-d) 100%)!important;
  color:#1A0F09!important;border-color:transparent!important;
}
:is(a,button):is(.bg-\[\#E0B07A\],.bg-secondary,.bg-\[\#D49A5E\]):hover{
  background:linear-gradient(135deg,#EFD8B2 0%,#E6C79A 50%,var(--bc-orange) 100%)!important;color:#1A0F09!important;
  box-shadow:0 10px 24px -10px rgba(217,178,124,.7)!important;
}

/* Green — الإضافة للطلب / إرسال الطلب */
:is(a,button,span):is(.add-btn,.inc-btn,#bcSend,#cartCountBadge){
  background:linear-gradient(135deg,var(--bc-green) 0%,var(--bc-green-d) 100%)!important;
  color:#1A0F09!important;
}
:is(a,button):is(.add-btn,.inc-btn,#bcSend):hover{
  background:linear-gradient(135deg,#D9B98C 0%,var(--bc-green) 100%)!important;
  box-shadow:0 10px 24px -10px rgba(201,165,122,.7)!important;
}
/* زرار "إضافة للطلب" في كروت الأكثر طلبًا (الرئيسية) */
[data-bc-add]{transition:background .25s,color .25s,box-shadow .25s!important}
button[data-bc-add]:hover{
  background:linear-gradient(135deg,var(--bc-green) 0%,var(--bc-green-d) 100%)!important;
  color:#1A0F09!important;box-shadow:0 10px 24px -10px rgba(201,165,122,.7)!important;
}

/* الحالة المقفولة ترجع رمادي */
:is(a,button):disabled,:is(a,button)[aria-disabled="true"]{
  background:#3E2A1B!important;color:#BFA98E!important;box-shadow:none!important;
}

/* موبايل صغير (≤420px): الهيدر يفضل في سطر واحد من غير ما حاجة تخرج برّه الشاشة */
@media (max-width:420px){
  .bc-header .bc-row{gap:6px!important;padding-inline:10px!important}
  .bc-header .bc-logo img:not(.bc-stm){height:30px!important}
  .bc-header .bc-acts{gap:5px!important}
  .bc-header .bc-acts .bc-reserve{font-size:11px!important;padding-inline:10px!important}
  .bc-header .bc-acts>div>button{padding-inline:7px!important;font-size:11.5px!important}
  .bc-header nav.md\:hidden{justify-content:flex-start!important;gap:4px!important;padding-inline:10px!important}
  .bc-header nav.md\:hidden a{font-size:12px!important;padding-inline:10px!important}
}

/* تابلت (641–1100px): الهيدر الكبير يفضل في سطر واحد */
@media (min-width:641px) and (max-width:1100px){
  .bc-header .bc-row{gap:10px!important;padding-inline:16px!important}
  .bc-header .bc-logo img:not(.bc-stm){height:42px!important}
  .bc-header nav.md\:flex a{font-size:14px!important;padding-inline:12px!important}
  .bc-header .bc-acts{gap:8px!important}
  .bc-header .bc-acts .bc-reserve{font-size:13px!important;padding-inline:14px!important}
  .bc-header .bc-acts>div>button{padding-inline:8px!important;font-size:12px!important}
}

/* ============================================================
   الخط الموحّد — El Messiri (نفس خط الهيدر والكابشن الكبير)
   على كل عناصر الموقع ما عدا الأيقونات
   ============================================================ */
body, body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,label,input,select,textarea,li,td,th,div,strong,small,em):not([class*="material-symbols"]):not(.bc-stage *){
  font-family:'El Messiri','Tajawal',sans-serif!important;
}
/* أسماء المشروبات والأسعار أكبر شوية */
main :is(h3,h4).font-title-lg, main .font-title-lg{font-size:22px!important;line-height:1.35!important;font-weight:700!important}
main .font-body-sm{font-size:14.5px!important;line-height:1.6!important}
main :is(.font-label-md,.font-label-lg){font-size:14px!important;font-weight:600!important}

/* ============================================================
   أقسام إسبريسو غامقة — .bc-forest
   الكروت البيضا جوّاها بتفضل زي ما هي بكلام غامق
   ============================================================ */
.bc-forest{
  background:radial-gradient(120% 90% at 20% 0%,#3A2517 0%,#1E120B 55%,#120A06 100%)!important;
  color:#1A0F09!important;border-color:rgba(243,230,211,.12)!important;position:relative;
}
.bc-forest :is(h1,h2,h3,h4,h5,strong,b):not(:is(.bg-surface-container-lowest,.bg-white,.bc-oc,[class*="rounded-"][class*="shadow"]) *){color:#F3E6D3!important}
.bc-forest :is(p,li,span,small,a,div):not(:is(.bg-surface-container-lowest,.bg-white,.bc-oc,[class*="rounded-"][class*="shadow"]) *):not([class*="material-symbols"]){color:rgba(243,230,211,.8)}
.bc-forest :is(.text-secondary,.text-\[\#E0B07A\],.text-\[\#D49A5E\]):not(:is(.bg-surface-container-lowest,.bg-white,.bc-oc,[class*="rounded-"][class*="shadow"]) *){color:#D9B27C!important}
.bc-forest a:not(:is(.bg-surface-container-lowest,.bg-white,.bc-oc) *):hover{color:#E6C79A!important}
.bc-forest [class*="border-"]:not(:is(.bg-surface-container-lowest,.bg-white,.bc-oc) *){border-color:rgba(243,230,211,.14)!important}
.bc-forest .bc-track{border-color:rgba(243,230,211,.18)!important}
.bc-forest .bc-core{background:radial-gradient(circle at 50% 42%,#3A2517 0%,#24160D 58%,rgba(26,15,9,0) 72%)!important}
.bc-forest .bc-core::before{border-color:rgba(217,178,124,.55)!important}
.bc-forest .bc-core::after{border-color:rgba(243,230,211,.22)!important}

/* البخار ثابت (من غير حركة) — في لوجو الهيدر وفي المج */
.bc-header .bc-lw .bc-stm, .bc-mug .bc-s1, .bc-mug .bc-s2{animation:none!important;transform:none!important}

/* ============================================================
   ثيم الإسبريسو الغامق — تكميلات
   Espresso #1A0F09 / #24160D / #2A1A10   Cream text #F3E6D3   Muted #BFA98E
   Caramel #C9A57A / #A9855A   Latte gold #D9B27C   Prices #E0B07A
   ============================================================ */
html{background:#1A0F09;color-scheme:dark}
body{background:#1A0F09}
:is([class~="bg-white"],[class*="bg-white/"]){background-color:#2A1A10!important}
.bg-white.text-\[\#C9A57A\],nav a.bg-white{background-color:#3A2517!important}
:is(input,select,textarea){color:#F3E6D3}
::placeholder{color:#8F7A62!important;opacity:1}
select option{background:#24160D;color:#F3E6D3}
.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{--tw-shadow-color:rgba(0,0,0,.45)}

/* موبايل: مفيش سكرول بالعرض أبدًا */
html,body{overflow-x:clip;max-width:100%}

/* الموبايل: من غير لينكات "القائمة" و"من نحن" في الهيدر */
@media (max-width:767px){
  .bc-header nav a[href="menu.html"], .bc-header nav a[href="about.html"]{display:none!important}
}
