‎/* خلفية عامة موحدة */
html,
body {
  background-color: #F6EFE6 !important;
  background-image: none !important;
}

‎/* أي سكشن أو بلوك رئيسي في الصفحة */
section,
.section,
.home-section,
.s-block,
.bg-light,
.bg-lighter,
.bg-grey,
.bg-gray,
.section--light,
.section--secondary,
.section-alt,
.section--alt {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

‎/* سكشنات المنتجات بالتحديد */
.section-products,
.section-featured-products,
.collection-products,
.products-section,
.section-collection {
  background-color: #F6EFE6 !important;
  background-image: none !important;
}

‎/* إزالة أي طبقات/شرائط قبل أو بعد الأقسام (اللي تعطي إحساس الرمادي) */
section::before,
section::after,
.section::before,
.section::after,
.section-products::before,
.section-products::after,
.section-featured-products::before,
.section-featured-products::after,
.section-collection::before,
.section-collection::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

‎/* الكروت تظل بيضاء فخمة فوق البيج */
.product-card,
.product-item,
.card-product,
.features-box,
.service-box {
  background-color: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

‎/* تكبير بسيط للخطوط الأساسية */
h1,
.page-title,
.hero-title,
.section-title {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #4A3324 !important;
}

h2,
h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #7B5C43 !important;
}

.product-title,
.product-name,
.card-product-name {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #4A3324 !important;
}

p,
.product-description,
.footer p {
  font-size: 16px !important;
  color: #7B5C43 !important;
  line-height: 1.8 !important;
}

‎/* أزرار هوية صهيل */
.btn,
button,
.add-to-cart-btn {
  background-color: #5A3C28 !important;
  color: #F5E9D3 !important;
  border-radius: 999px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: none !important;
}

.btn:hover,
button:hover,
.add-to-cart-btn:hover {
  background-color: #CBB18A !important;
  color: #4A3324 !important;
}

‎/* 🎯 إجبار ثيم رائد على استخدام نفس لون الخلفية للفوتر */

‎/* تغيير متغيرات ألوان الفوتر الافتراضية في الثيم */
:root {
  --footer-bg-color: #F6EFE6 !important;
  --footer-second-bg-color: #F6EFE6 !important;
  --footer-bottom-bg-color: #F6EFE6 !important;
}

‎/* أي عنصر فوتر رئيسي أو سفلي */
footer,
.footer,
.page-footer,
.s-footer,
.footer-main,
.footer-top,
.footer-bottom,
.s-footer-bottom,
div[class*="footer"] {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

‎/* 🩶 إزالة الرمادي من صفحات المحتوى مثل (من نحن / السياسات) */
.page,
.page-section,
.page-content,
.page-wrapper,
.content-wrapper,
.article,
.salla-theme-raed .page-section,
.salla-theme-raed .page-content {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

‎/* المربعات الداخلية البيضاء تظل بيضاء مثل النصوص */
.page-section .container,
.page-content .container,
.article-content {
  background-color: #FFFFFF !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
} /***********************
  SAHEEL FINAL CLEAN
***********************/

‎/* خلفية عامة موحدة بيج */
html,
body {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  font-family: 'Tajawal', 'Cairo', sans-serif !important;
  color: #4A3324 !important;
}

‎/* أي سكشن أو منطقة عامة نخليها بيج */
section,
.section,
.home-section,
.main-content,
.page-wrapper,
.page,
.page-content,
.content,
.content-wrapper,
.bg-light,
.bg-lighter,
.bg-gray,
.bg-grey,
.section--light,
.section--secondary,
.section-alt {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

‎/* مربعات المحتوى (من نحن / السياسات) تبقى بيضاء داخل البيج */
.page-content .container,
.page-content .box,
.page-content .card,
.page-section .container,
.page-section .box,
.page-section .card,
.article-content,
.static-page,
.static-page .container {
  background-color: #FFFFFF !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

‎/* بطاقات المنتجات والمميزات */
.product-card,
.product-item,
.card-product,
.features-box,
.service-box {
  background-color: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
  border: none !important;
}

‎/* عناوين رئيسية */
h1,
.page-title,
.hero-title,
.section-title {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #3A271A !important;
}

‎/* عناوين فرعية */
h2,
h3 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #4A3324 !important;
}

‎/* نصوص عامة */
p,
li,
.product-description {
  font-size: 18px !important;
  color: #6B4B36 !important;
  line-height: 1.9 !important;
}

‎/* عناوين المنتجات */
.product-title,
.product-name,
.card-product-name {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #4A3324 !important;
}

‎/* أزرار هوية صهيل */
.btn,
button,
.add-to-cart-btn,
.hero-btn {
  background-color: #5A3C28 !important;
  color: #F5E9D3 !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.btn:hover,
button:hover,
.add-to-cart-btn:hover,
.hero-btn:hover {
  background-color: #CBB18A !important;
  color: #3A271A !important;
}

‎/* الفوتر كله نفس البيج + تكبير الخط */
footer,
.footer,
.footer-main,
.footer-bottom {
  background-color: #F6EFE6 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* تغيير خلفية منطقة الخيارات + السعر والكمية فقط في صفحة المنتج */

/* 1) نفس خلفية العمود اللي فيه الأصناف */
.product-form,
.product-form > * {
    background-color: #F6EFE6 !important;
}

/* 2) صندوق خيارات المنتج (القوائم "صف 1 ، صف 2 ...") */
.product-form .s-product-options-wrapper,
.product-form .s-product-options-wrapper * {
    background-color: #F6EFE6 !important;
    --tw-bg-opacity: 1 !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* 3) خانات الاختيار نفسها (القوائم المنسدلة) */
.product-form select,
.product-form .salla-select,
.product-form .salla-select select {
    background-color: #F6EFE6 !important;
}

/* 4) صندوق السعر والكمية تحت (بدون تغيير الأزرار) */
.product-form .product-actions,
.product-form .product-actions > *,
.product-form .product-quantity-wrapper,
.product-form .product-quantity-wrapper * {
    background-color: #F6EFE6 !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* 5) نحرص إن الأزرار نفسها تظل بألوانها الأصلية */
.product-form .product-actions button,
.product-form .product-actions .btn,
.product-form .add-to-cart-btn {
    background-color: #5B3A26 !important;
    color: #ffffff !important;
}

.product-page * {
    background-image: none !important;
}

.product-form .form-group {
    margin-bottom: 8px !important;
}

.product-form select {
    border: 1px solid #d7c7b7 !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
}

.product-form label {
    font-size: 15px !important;
    color: #8A5B46 !important; /* بني محمر ناعم بدل الأحمر */
    font-weight: 600 !important;
}