/* ================== هوية ELVA العامة ================== */
/* خلفية ناعمة (بيج → خوخي) ونص بني */
html, body {
  background: linear-gradient(180deg, #FFF5EF 0%, #FDEAE3 100%) !important;
  color: #7B4B27 !important;
  font-family: 'Cairo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
}

/* بطاقات وصناديق عامة */
.container, .salla-container, .card, .salla-card, .product-card, .box, .panel, .section, .content {
  background-color: #FFFaf7 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* عناوين */
h1, h2, h3, h4, h5, .title, .section-title {
  color: #E57E55 !important;
  font-weight: 700 !important;
}

/* ================== الأزرار ================== */
/* زر أساسي/“اطلب الآن” بتدرّج وردي → ذهبي */
.btn-order, .btn-primary, button, .salla-button, .button {
  background: linear-gradient(90deg, #F2688B 0%, #F7B85F 100%) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 28px !important;
  text-align: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 10px rgba(242,104,139,0.25);
}

.btn-order:hover, .btn-primary:hover, button:hover, .salla-button:hover, .button:hover {
  background: linear-gradient(90deg, #E57E55 0%, #D4A65A 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(229,126,85,0.35);
}

/* أزرار ثانوية (بيج ذهبي) */
.btn-secondary, .button-secondary, .salla-button.secondary, .button--outline, .btn-outline {
  background-color: #FFF7E9 !important;
  border: 2px solid #D4A65A !important;
  color: #7B4B27 !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  transition: all 0.25s ease-in-out;
}

.btn-secondary:hover, .button-secondary:hover, .salla-button.secondary:hover, .button--outline:hover, .btn-outline:hover {
  background-color: #D4A65A !important;
  color: #FFF7E9 !important;
  box-shadow: 0 4px 10px rgba(212,166,90,0.3);
  transform: translateY(-2px);
}

/* تركيز/فوكس لطيف */
button:focus, .btn:focus, .salla-button:focus, .button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(242,104,139,0.25);
}

/* تفاعل بطاقات المنتجات */
.product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.05);
  transition: 0.3s ease;
}

/* ================== تم حذف تخصيص الفوتر المخصص ================== */
/* 🎨 تلوين بسيط للفوتر الافتراضي بدون إخفاء أي عنصر */
footer {
  background: #FFF5EF !important;
  color: #7B4B27 !important;
  font-family: 'Cairo', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
}

footer a {
  color: #E57E55 !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

footer a:hover {
  color: #D4A65A !important;
  text-decoration: underline !important;
}

/* ===== Alfa Bakery: Top Promo Bar (inside theme) ===== */
:root{
  --promo-bg: #E57E55;
  --promo-text: #ffffff;
  --promo-height: 40px;
  --promo-speed: 18s;
}

#alfa-promo-bar{
  width: 100%;
  background: var(--promo-bg);
  color: var(--promo-text);
  height: var(--promo-height);
  display: none;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  direction: rtl;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  z-index: 5;
}

#alfa-promo-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 14px 0 44px;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

#alfa-promo-track{
  display: inline-flex;
  gap: 48px;
  white-space: nowrap;
  will-change: transform;
  animation: alfaMarquee var(--promo-speed) linear infinite;
}
#alfa-promo-track > span{ opacity:.98; }

@keyframes alfaMarquee {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

#alfa-promo-close{
  position: absolute; inset-inline-end: 8px; top: 6px;
  width: 28px; height: 28px; border-radius: 8px;
  border: 2px solid rgba(255,255,255,.7);
  background: transparent; color: #fff;
  display: grid; place-items: center; cursor: pointer;
  font-size: 16px; line-height: 1;
}
#alfa-promo-close:hover{ background: rgba(255,255,255,.15); }

#alfa-promo-bar a{
  color: var(--promo-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 480px){
  :root{ --promo-height: 36px; }
  #alfa-promo-bar{ font-size: 13px; }
  #alfa-promo-wrap{ padding: 0 10px 0 40px; }
}

/* 🚫 إخفاء رقم الجوال الظاهر في الفوتر */
footer a[href^="tel"],
footer .footer-contact,
footer .contact-phone,
footer .whatsapp-number,
footer .footer__phone {
  display: none !important;
  visibility: hidden !important;
}