/* ============================================
   هوية متجر طفل أحلامي — Baby Dreams KSA
   الألوان: كريمي #FAF7F2 | كحلي #004d73 | ذهبي #C9A96E
   الخطوط: Almarai للعناوين | Tajawal للنصوص
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&family=Tajawal:wght@400;500;700&display=swap');


/* ---------- 1) الخط والخلفية العامة ---------- */

html, body, p, span, a, li, input, textarea, select, button {
  font-family: 'Tajawal', sans-serif !important;
}

body {
  background-color: #FAF7F2 !important;
  color: #2B3A4A;
  line-height: 1.7;
}


/* ---------- 2) العناوين ---------- */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
  color: #004d73 !important;
}


/* ---------- 3) الأسعار ---------- */

.price, .product-price {
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
}

/* السعر القديم المشطوب */
del, s {
  color: #A9A195 !important;
  font-weight: 400 !important;
}


/* ---------- 4) الفوتر ---------- */

/* عناوين أعمدة الفوتر ذهبية (فوق الخلفية الكحلية) */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #C9A96E !important;
}

/* نصوص وروابط الفوتر بيضاء */
footer, footer p, footer span, footer a, footer li {
  color: #FFFFFF;
}

/* الروابط تتحول ذهبية عند مرور الفأرة */
footer a:hover {
  color: #C9A96E;
}

/* أزرار التواصل في الفوتر بإطار ذهبي شفاف
   (اختياري — احذف هذا المقطع إن لم يعجبك الشكل) */
footer button, footer [class*="btn"] {
  background: transparent !important;
  border: 1px solid #C9A96E !important;
  color: #FFFFFF !important;
}


/* ---------- 5) لمسات عامة ---------- */

/* لون تحديد النص */
::selection {
  background: #C9A96E;
  color: #FFFFFF;
}