/* ==== Hatoun Hani Custom Style ==== */

/* الخط */
@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap");
body,*:not(i){font-family:"Almarai",sans-serif !important}

/* خلفية الموقع */
body{background:#fff !important;overflow-x:hidden;max-width:100%}
section,.app-inner{background:transparent !important}

/* الهيدر */
.main-nav-container{background:#fff !important;color:#000}
#mainnav,.store-header{height:auto !important;min-height:auto}
.top-navbar{display:none}
.main-menu-row,.main-menu .sub-menu{background:#fff !important;color:#000}
.main-menu li>a:hover,.main-menu>.has-children:hover>a{color:#000}

/* شعار الهيدر (مستطيل) */
.navbar-brand img{max-width:200px !important;height:auto !important}
@media(max-width:370px){.navbar-brand img{max-width:140px !important;height:auto !important}}

/* أيقونات الهيدر */
.header-btn__icon{background:transparent;border:1px solid transparent;border-radius:4px;padding:1px 3px}
.header-btn__icon.sicon-search:before,
.header-btn__icon.sicon-cart:before{filter:brightness(0) saturate(100%) !important} /* يحولها أسود */
header .sicon-menu{font-size:22px !important}

/* قائمة الجوال */
.mobile-menu{background:#fff !important}
.mobile-menu .sicon-cancel:before{background:transparent !important;color:#000 !important;border:1px solid #000 !important;border-radius:50% !important;left:3rem !important;top:.8rem !important}

/* البانرات والـ dots */
.swiper .swiper-pagination-bullet{opacity:.2 !important;background:#000 !important}
.swiper .swiper-pagination-bullet-active{background:#000 !important;opacity:1 !important}

/* كروت المنتجات */
.product-card{border-radius:0;background:#fff !important;border-color:#fff !important;color:#000 !important}
.product-card__title a{color:#000 !important;font-weight:bold !important;font-size:.9rem !important}
.product-card__price{margin-top:1rem;font-weight:normal !important}
.product-card__enhanced-mini-cart button.s-button-element{border-radius:8px !important;background:#000 !important;color:#fff !important}
.product-card__enhanced-mini-cart button.s-button-element:hover{background:#000 !important}

/* صفحة التصنيفات */
.page-header{background:#fff !important;color:#000 !important}
.product-card salla-add-product-button button,
.product-card salla-add-product-button button i{background:#000 !important;border-color:#000 !important;color:#fff !important}
.product-card salla-add-product-button button:hover,
.product-card salla-add-product-button button:hover i{color:#000 !important}

/* صفحة المنتج */
.product-single__info h1,.product-single__info h2{text-align:center !important;color:#3c424b}
.product-single__inner .s-quantity-input-container{border:1px solid #000;border-radius:8px !important}
.product-single .s-add-product-button-with-quick-buy .s-button-btn{background:#000 !important;border-color:#000 !important;color:#fff;border-radius:8px !important}
.s-mini-checkout{background:#000 !important;color:#fff !important;border-radius:8px !important}

/* الفوتر */
.store-footer,.store-footer .store-footer__inner,.store-footer .store-footer__contacts-row,.store-footer .footer-bottom{
  background:#F1E6DB !important;color:#000 !important;border:none !important
}
.footer-is-custom .store-footer .store-footer__curve{display:none !important}
.store-footer{margin:0 24px;padding-top:2rem !important;border-radius:30px 30px 0 0 !important}
.store-footer h3,.store-footer p{text-align:center;color:#000 !important}
.store-footer .social-link{color:#000 !important;border-color:transparent !important}
.store-footer .social-link:hover{border-color:#000 !important}
.store-footer .footer-rights p{color:#000 !important}

/* لمسة ذهبية على الـ hover */
:root{--gold:#C4AB8E}
.main-menu a:hover,
.store-footer a:hover,
.product-card salla-add-product-button button:hover{
  color:var(--gold) !important;
  border-color:var(--gold) !important;
}
/* ==== عناوين الأقسام (مثل Timeless) ==== */

/* إخفاء الزخارف القديمة */
.enhanced-title-border {
  display: none !important;
}

/* تنسيق العنوان */
.s-slider-block__title h2,
.home-block-title h2 {
  color: #000 !important;          /* أسود أساسي */
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  text-align: center !important;
  margin-bottom: 1.2rem !important;
  position: relative;
  display: inline-block;
  padding-bottom: 8px;             /* مسافة للخط */
}

/* الخط الذهبي أسفل العنوان */
.s-slider-block__title h2::after,
.home-block-title h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;                     /* طول الخط */
  height: 2px;
  background-color: #C4AB8E;        /* ذهبي */
  border-radius: 2px;
}

/* لمسة Hover */
.s-slider-block__title h2:hover,
.home-block-title h2:hover {
  color: #C4AB8E !important;        /* يتغير ذهبي */
  transition: color 0.3s ease;
}
/* تمركز عنوان القسم + إظهار الخط الذهبي بشكل أوضح */
.s-slider-block__title,
.home-block-title {
  text-align: center !important;
  overflow: visible !important;        /* يمنع قصّ العنوان */
  margin-block: 12px 6px !important;   /* مسافة فوق/تحت بسيطة */
}

.s-slider-block__title h2,
.home-block-title h2 {
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  margin: 0 auto !important;
  padding-bottom: 10px !important;     /* مساحة للخط */
  max-width: 100% !important;
  white-space: normal !important;      /* يسمح باللف لو العنوان طويل */
}

/* الخط الذهبي تحت العنوان */
.s-slider-block__title h2::after,
.home-block-title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 72px;          /* أعرض شوي */
  height: 3px;          /* أوضح */
  background: #C4AB8E;  /* ذهبي */
  border-radius: 2px;
}

/* على الشاشات الصغيرة نخليه أنحف وأقصر قليلاً */
@media (max-width: 480px) {
  .s-slider-block__title h2,
  .home-block-title h2 { font-size: 1.4rem !important; }
  .s-slider-block__title h2::after,
  .home-block-title h2::after { width: 56px; height: 2px; }
}

/* إزالة أي زخارف افتراضية قديمة تحت العنوان */
.enhanced-title-border { display: none !important; }
/* تكبير شعار الفوتر */
.store-footer .store-footer__inner img {
  max-width: 160px !important;   /* عدلي القيمة حسب الحجم اللي يناسبك */
  height: auto !important;
  margin: 0 auto 1rem !important; /* يخليه في النص مع مسافة تحت */
  display: block !important;
}
/* تصحيح زر الشراء الآن */
.product-single .s-add-product-button-with-quick-buy .s-button-btn {
  background-color: #000 !important;
  color: #fff !important;      /* يخلي النص أبيض */
  font-weight: 600 !important;
  border-radius: 8px !important;
}
.product-single .s-add-product-button-with-quick-buy .s-button-btn:hover {
  background-color: #C4AB8E !important; /* يتحول ذهبي عند الهوفر */
  color: #fff !important;
}
/* ===== إصلاح أزرار صفحة المنتج (النص لا يظهر) ===== */

/* زر "إضافة للسلة" */
.product-single .s-add-product-button-with-quick-buy .s-button-btn {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;            /* لون النص */
  border-radius: 8px !important;
}

/* أعيد حجم خط النص داخل الزر (كان 0 في كود سابق للجوال) */
.product-single .s-add-product-button-with-quick-buy .s-button-btn .s-button-text,
.product-single .s-add-product-button-with-quick-buy .s-button-btn .s-button-text span {
  font-size: 14px !important;
  line-height: 1 !important;
  color: #fff !important;
}

/* لا تخفي الأيقونة داخل الزر في الجوال */
.product-single .s-add-product-button-with-quick-buy .s-button-btn .sicon-shopping {
  display: inline-block !important;
  fill: currentColor !important;
}

/* زر الشراء السريع (الزر الأسود اليسار) */
.s-mini-checkout .s-add-product-button-mini-checkout-content {
  color: #fff !important;            /* تأكيد النص أبيض */
  font-size: 14px !important;        /* يظهر النص */
  height: 44px !important;
  padding: 0 12px !important;
}

/* الأيقونات داخل الشراء السريع */
.s-mini-checkout .s-add-product-button-mini-checkout-content svg {
  fill: currentColor !important;
}

/* هوفر ذهبي ناعم للأزرار */
.product-single .s-add-product-button-with-quick-buy .s-button-btn:hover,
.s-mini-checkout .s-add-product-button-mini-checkout-content:hover {
  background-color: #C4AB8E !important;
  border-color: #C4AB8E !important;
  color: #fff !important;
}

/* إلغاء القاعدة القديمة التي كانت تخفي النص للجوال */
@media (max-width: 640px) {
  .product-single .s-add-product-button-with-quick-buy .s-button-btn .s-button-text {
    font-size: 14px !important;      /* بدلاً من 0 */
  }
  .product-single .s-add-product-button-with-quick-buy .s-button-btn .s-button-text:after {
    content: none !important;        /* نلغي أيقونة بديلة كانت تظهر بدلاً من النص */
  }
}
/* فراغ مريح بين قسم "منتجات قد تعجبك" والفوتر */
.app-inner {
  padding-bottom: 40px !important;   /* مسافة أسفل محتوى الصفحة كله */
}

/* استهداف أقسام الاقتراحات/المنتجات ذات الصلة في صفحة المنتج */
.product-single .s-block--best-offers,
.product-single .s-block--related,
.product-single .related-products,
.product-single .s-slider-block--related,
.product-single .s-block--tabs-produtcs {
  margin-bottom: 48px !important;    /* مسافة قبل الفوتر */
}

/* كخيار إضافي: أعطِ الفوتر مسافة علوية بسيطة */
.store-footer {
  margin-top: 24px !important;
}