/* ===== Palmoly Base Style ===== */

/* 1️⃣ الخط العام */
body {
  font-family: 'Cairo', sans-serif !important;
  line-height: 1.8;
  color: #222;
  background: #ffffff;
  letter-spacing: 0.3px;
  word-wrap: break-word;
  box-sizing: border-box;
}

/* 2️⃣ العناوين */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #222;
  font-family: 'Cairo', sans-serif !important;
}

/* 3️⃣ النصوص العادية */
p, span, li, a, label, small {
  font-weight: 400;
  color: #444;
  font-family: 'Cairo', sans-serif !important;
  line-height: 1.6;
}

/* 4️⃣ الخط الفاصل فوق الفوتر */
footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f7941d; /* لون البرتقالى للبراند */
  margin-bottom: 20px;
}

/* 5️⃣ روابط hover */
a:hover {
  color: #f7941d !important;
  transition: 0.3s;
}

/* 6️⃣ التأكد من تجاوب النصوص وعدم خروجها */
* {
  box-sizing: border-box;
  word-wrap: break-word;
}

/* ===== لون العناوين الرئيسية (أسماء الأقسام وأسماء المنتجات) بالعكس ===== */
h1, h2, h3, h4, h5, h6,
.section-title,
.collection-title,
.product-card h2,
.product-card h3,
.product-name {
  color: #1a4f8f !important; /* اللون الأساسي أزرق ملكي */
  font-weight: 700 !important;
  transition: 0.3s;
}

/* تأثير hover بالعكس */
h1:hover, h2:hover, h3:hover, 
h4:hover, h5:hover, h6:hover,
.section-title:hover,
.collection-title:hover,
.product-card h2:hover,
.product-card h3:hover,
.product-name:hover {
 color: #ed7622 !important; /* برتقالي عند المرور */
}





/* =======================
   الأسعار - صفحة المنتج والصفحة الرئيسية
======================= */

/* ===== 1. السعر الأساسي / النهائي ===== */
/* السعر النهائي سواء في صفحة المنتج أو المنتجات في الصفحة الرئيسية */
#price, 
.product_price,
.product-card .product_price,
.product-list .product_price {
  color: #ed7622 !important; /* برتقالي البراند */
  font-weight: 700 !important;
}

/* كلمة ج.م بجانب السعر الأساسي */
#price span,
.product_price span,
.product_price span span,
.product-card .product_price span,
.product-list .product_price span {
  color: inherit !important; /* نفس لون السعر */
  font-weight: inherit !important;
}

/* ===== 2. السعر المخفض / Sale ===== */
/* السعر بعد الخصم في صفحة المنتج أو المنتجات + كلمة ج.م */
#sale-price,
#sale-price + span,
#sale-price + span span,
.product-card #sale-price,
.product-card #sale-price + span,
.product-card #sale-price + span span,
.product-list #sale-price,
.product-list #sale-price + span,
.product-list #sale-price + span span {
  color: #ed7622 !important; /* برتقالي البراند */
  font-weight: 700 !important;
}

/* ===== 3. السعر بدون خصم / الصفحة الرئيسية ===== */
/* المنتجات اللي مش عليها خصم في الصفحة الرئيسية */
.text-heading span {
  color: #ed7622 !important; /* برتقالي البراند */
  font-weight: 700 !important;
}

/* كلمة ج.م بجانب السعر */
.text-heading span span {
  color: inherit !important; /* نفس لون السعر */
  font-weight: inherit !important;
}

/* ===== 4. السعر قبل الخصم / Old Price ===== */
/* السعر القديم قبل الخصم في صفحة المنتج */
del.font-normal.text-gray-800.opacity-60 {
  color: #888 !important; /* رمادي فاتح */
  text-decoration: line-through;
  font-weight: 400 !important;
}

/* كلمة ج.م بجانب السعر القديم */
del.font-normal.text-gray-800.opacity-60 span {
  color: inherit !important; /* نفس لون السعر القديم */
  font-weight: inherit !important;
}