/* ═══ ستايل مخصص — بوظة وحلويات سلمى ═══ */

/* إخفاء سكرولبار شريط الأقسام الأفقي */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* تبويب القسم النشط */
.tab-btn.tab-active {
  background: #0C411D;
  border-color: #0C411D;
  color: #FAF6EE;
  box-shadow: 0 4px 14px rgba(12, 65, 29, .35);
  transform: translateY(-1px);
}

/* ظهور أقسام المنيو */
.cat-section { animation: fadeIn .35s ease; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

/* حقول النماذج */
.lbl { display: block; font-size: 12px; font-weight: 800; color: rgba(18,46,28,.65); margin-bottom: 4px; }
.inp {
  width: 100%; border: 2px solid rgba(201,164,92,.4); background: #fff;
  border-radius: 14px; padding: 10px 12px; font-family: inherit;
  font-size: 14px; font-weight: 700; color: #122E1C; outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.inp:focus { border-color: #0C411D; box-shadow: 0 0 0 3px rgba(12,65,29,.12); }
.inp::placeholder { color: rgba(18,46,28,.35); font-weight: 600; }
.inp.err-border { border-color: #dc2626; background: #fef2f2; }

/* أزرار التحكم بالكميات داخل السلة */
.qty-btn {
  width: 34px; height: 34px; border-radius: 10px;
  border: 2px solid rgba(201,164,92,.45); background: #fff;
  font-weight: 900; font-size: 17px; color: #0C411D;
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .15s; cursor: pointer;
}
.qty-btn:active { transform: scale(.88); background: #0C411D; color: #FAF6EE; }

/* حركة السلة المنبثقة (Bottom Sheet) */
#cartOverlay:not(.hidden) #cartPanel { animation: sheetUp .3s cubic-bezier(.2,.8,.3,1); }
#cartOverlay:not(.hidden) #cartBackdrop { animation: fade .2s ease; }
@keyframes sheetUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }

/* نبضة زر السلة عند الإضافة */
@keyframes cartPulse { 0% { transform: scale(1); } 45% { transform: scale(1.14); } 100% { transform: scale(1); } }
.cart-pulse { animation: cartPulse .45s ease; }

/* أزرار لوحة التحكم */
.ptab {
  border: 2px solid rgba(201,164,92,.45); background: #fff; color: #0C411D;
  border-radius: 14px; padding: 10px 18px; font-weight: 900; font-size: 14px;
  transition: all .15s; cursor: pointer; font-family: inherit;
}
.ptab.ptab-active {
  background: #0C411D; color: #FAF6EE; border-color: #0C411D;
  box-shadow: 0 4px 12px rgba(12,65,29,.3);
}
.abtn {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  border-radius: 12px; padding: 8px 12px; font-size: 12px; font-weight: 800;
  transition: all .15s; white-space: nowrap; cursor: pointer; font-family: inherit;
}
.abtn:active { transform: scale(.94); }
.abtn-edit { background: #E7D5AC; color: #082E12; border: 2px solid rgba(201,164,92,.45); }
.abtn-tog  { background: #fff; color: #0C411D; border: 2px solid rgba(12,65,29,.25); }
.abtn-star { background: #0C411D; color: #FAF6EE; border: 2px solid #0C411D; }
.abtn-del  { background: #fff; color: #dc2626; border: 2px solid rgba(220,38,38,.3); }
.abtn-save {
  background: #0C411D; color: #FAF6EE; border: 2px solid #0C411D;
  padding: 12px 22px; font-size: 14px; border-radius: 16px; font-weight: 900;
  cursor: pointer; font-family: inherit; transition: all .15s;
}
.abtn-save:active { transform: scale(.96); }
.abtn-gold {
  background: #DCCCA8; color: #082E12; border: 2px solid #C9A45C;
  padding: 12px 22px; font-size: 14px; border-radius: 16px; font-weight: 900;
  cursor: pointer; font-family: inherit; transition: all .15s;
}