@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:slnt,wght@-11..11,200..1000&family=El+Messiri&display=swap');

body, * {
    font-family: 'Almarai', 'Cairo', 'El Messiri', sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
}

/* نخلي خلفية الموقع كله بيضا */
body#app {
  background-color: white;
}
.banner--fixed img {
  background-color: rgb(255 255 255);
  border-radius: 0;
}
div#mainnav .inner.bg-inherit {
    background-color: #ffffff;
}
/* الكونتينر داخل البانر ياخد كامل العرض */
.index section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  max-width: 100%;
  padding: 0;
}
/* البانر الأول ياخد ارتفاع كامل */
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
  margin-top: 0;
  height: 100%;
  overflow: hidden;
}
.s-reviews-testimonial__inner {
    background-color: white !important;
}

.

.main-nav-container.fixed-pinned .navbar-brand img,
.navbar-brand img {
    max-height: 5rem; /* تحديد أقصى ارتفاع للشعار */
}






img.s-product-card-image-contain.lazy.loaded {
    background-color: #F3EBEA;
}
.inner.bg-inherit {
    background-color: #FEFAF9;
}
/* البانر الأساسي */
.s-block--fixed-banner .banner {
  position: relative;
  display: block;
  overflow: hidden;
}

.s-block--fixed-banner .banner img {
  display: block;
  width: 100%;
  height: auto;
  transition: filter 0.5s ease;
}

/* Overlay للمعان */
.s-block--fixed-banner .banner::after {
  content: "";
  position: absolute;
  top: 0; left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.4) 0%, transparent 80%);
  transform: skewX(-25deg);
  transition: left 0.6s ease;
}

/* عند الهوفر */
.s-block--fixed-banner .banner:hover img {
  filter: brightness(1.15) contrast(1.05); /* إضاءة + وضوح */
}

.s-block--fixed-banner .banner:hover::after {
  left: 125%; /* شريط لمعان يمر */
}
/* الأساس */
.s-block--banners .banner-entry {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  will-change: transform;
}

/* أيقونات الهيدر والسلة باللون الأسود */
.header-btn__icon,
.s-cart-summary-icon,
.s-cart-summary-total {
  color: #000000; /* أسود */
  -webkit-text-fill-color: #000000;
  -webkit-background-clip: unset;
}

/* السعر فوق السلة */
.s-cart-summary-total {
  color: #000000; /* أسود */
  font-weight: bold;
}

/* رقم السلة داخل دائرة */
.s-cart-summary-count {
  background-color: #000000; /* خلفية سوداء */
  color: #ffffff;           /* نص أبيض */
  font-weight: bold;
  border-radius: 50%;
  padding: 2px 6px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

/* تأثير hover على أيقونات السلة والبروفايل */
.s-cart-summary-wrapper:hover i.header-btn__icon,
.s-cart-summary-wrapper:hover i.sicon-shopping-bag,
.header-btn:hover i.header-btn__icon {
  transform: scale(1.1) rotate(-5deg) translate(3px, -3px);
  transition: transform 0.3s ease;
  color: #ffffff; /* أبيض عند hover */
}

/* العودة للوضع الطبيعي للأيقونات */
.s-cart-summary-wrapper i.header-btn__icon,
.s-cart-summary-wrapper i.sicon-shopping-bag,
.header-btn i.header-btn__icon {
  transition: transform 0.3s ease;
  color: #000000; /* أسود بشكل عادي */
}

/* --------------------------------- 6. المينيو الرئيسي --------------------------------- */
/* اللينكات */
.main-menu li a {
  position: relative;
  color: #000; /* لون أسود عادي كافتراضي */
  transition: all 0.4s ease;
  display: inline-block;
}

/* الخط اللي بيظهر تحت اللينك */
.main-menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: #000000; /* بني فاتح */
  transition: width 0.4s ease;
}



.main-menu li a:hover::after {
  width: 100%;
}


section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0;
}
.s-button-btn.s-button-primary-outline {
    background-color: #000000; /* لون الخلفية */
    color: white;             /* لون النص */
}

.s-button-btn.s-button-primary-outline:hover {
    background-color: #000000;
    color: white;
}
.s-comments.s-comments-product { 
display : none ; } 
.flex.items-center.space-x-2.rtl\:space-x-reverse { 
display : none ; }
h1#page-main-title {display: none ; }