/* Add custom CSS styles below */ 

body.index{background-color:#FFF2F5;}
.navbar-brand img {max-height: 5rem;}
body.index header.store-header + section.s-block.s-block--fixed-banner {
  margin-top:0 !important;
}
body.index salla-slider.photos-slider .swiper {
  padding-bottom: 0 !important;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
section.s-block.s-block--photos-slider {
  margin-top:0 !important;
}
section.s-block.s-block--photos-slider img {
  border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper-slide {
  margin: 0 !important;
  padding:0 !important; 
  width: 100% !important;
  border-radius: 0 !important;
}

/* Product */
.s-product-card-entry {
  border:1px solid #6D4937 !important;
  box-shadow: 0 0 5px 0px #68686894 !important;
}
.s-products-slider-card {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.s-slider-block__title h2 {
  color: #090909 !important;
}
.s-product-card-image {
  background-color:transparent !important;
}
.s-slider-nav-arrow {
  border-color: #6D4937 !important;
  background-color: #6D4937 !important;
}
.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
  fill: #ffffff !important;
}
.product-index-offers .s-products-list-vertical-cards,.product-index .s-products-list-vertical-cards {
 margin:0.2rem; 
}
/* End product */

.s-button-primary-outline {
  background-color: #6D4937 !important;
  color: #fff !important;
}


/**/
.s-block--fixed-banner .container {
  max-width:100% !important;
  padding:0 !important;
  margin: 0 !important;
}
.banner--fixed img {
  border-radius:0 !important;
  background-color: transparent !important;
}

/*** FLEX ***/
section.s-block.s-block--banners.container div.grid {
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}
section.s-block.s-block--banners.container div.grid a.banner-entry {
  width: 20%;
  background-color: transparent !important;
  border-radius: 0 !important;
  height:375px !important;
}
@media(max-width:767px) {
  section.s-block.s-block--banners.container div.grid a.banner-entry {
    width: 31%;
    height: 180px !important;
  }
  .store-footer__inner * {
  justify-content: center;
  text-align: center;
}	
}
.banner-entry > div {
  background-size:contain !important;
  background-repeat: no-repeat;
}

.store-footer .store-footer__inner {
  background-color: #6D4937 !important;
}
.store-footer {
  color: #fff !important;
}

.store-footer .store-footer__inner {
    background-color: #951190 !important;
}


/* =========================================
   تأثير الهوفر لسكشن البنرات (Hover Animation)
=========================================== */

/* 1. تجهيز حاوية البانر */
.s-block--banners .banner-entry {
    position: relative;
    overflow: hidden !important; /* مهم جداً عشان الزوم واللمعة ميطلعوش برا الإطار */
    border-radius: 12px; /* لو حابب حواف دائرية ناعمة، تقدر تغير الرقم */
    display: block;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* 2. تأثير الرفع والظل عند مرور الماوس */
.s-block--banners .banner-entry:hover {
    transform: translateY(-8px) !important; /* رفع البانر لفوق */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important; /* ظل ناعم */
    z-index: 10;
}

/* 3. تجهيز الصورة للزوم الداخلي */
.s-block--banners .banner-entry .lazy__bg {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    width: 100%;
    height: 100%;
}

/* 4. تطبيق تكبير الصورة (Zoom) عند الهوفر */
.s-block--banners .banner-entry:hover .lazy__bg {
    transform: scale(1.08) !important; /* نسبة التكبير */
}

/* 5. تجهيز تأثير اللمعة (Shine) */
.s-block--banners .banner-entry::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* بداية اللمعة من برا الشاشة شمال */
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* ميلان اللمعة */
    z-index: 2;
    transition: left 0.7s ease;
    pointer-events: none; /* عشان متأثرش على ضغطة الماوس */
}

/* 6. تحريك اللمعة من الشمال لليمين عند الهوفر */
.s-block--banners .banner-entry:hover::before {
    left: 150% !important; 
}

.s-button-primary-outline {
    background-color: #3c2147!important;
    color: #fff !important;
}


.store-footer .store-footer__inner {
    background-color: #3c2147 !important;
}


body#app,
.app-inner {
    background-color: #1a0d21 !important;
}
#main-content {
    background-color: #1a0d21 !important;
}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 2rem;
}


.s-slider-block__display-all {
    color: #414042;
    color: #ebebeb;
}

.s-product-card-image img {
    height: 165% !important;
    transition-duration: .5s !important;
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important;
    width: 100% !important;
}

.top-navbar .s-search-input {
    background-color: rgb(26 13 33);
    border-style: none;
    width: 300px !important;
}




/* .s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 2rem;
}

.s-slider-block__title h2 {
    color: #fefefe !important;
} */

/* 
.s-product-card-vertical .s-product-card-content-title,
.s-product-card-vertical .s-product-card-content-title a,
.s-product-card-vertical .s-product-card-price,
.s-product-card-vertical .s-product-card-price i {
    color: #000000 !important;
}


.container--product-details .product__description,
.container--product-details .product__description p,
.container--product-details .product__description h2,
.container--product-details .product__description li,
.container--product-details .product__description strong,
.container--product-details .product__description article,
.container--product-details .product__description article * {
    color: #ffffff !important;
} */


p.ql-direction-rtl {
    color: white !important;
}

li.ql-direction-rtl {
    color: white !important;
}


.text-gray-800 {
    --tw-text-opacity: 1;
    color: #f4f4f4;
    /* color: rgba(31,41,55,var(--tw-text-opacity,1)); */
}

.font-bold {
    font-weight: 700;
    color: white;
}


.price-wrapper .starting-or-normal-price .total-price,
.price-wrapper .starting-or-normal-price .total-price i {
    color: #000000 !important;
}

.s-contacts-topnav-link:last-child:where([dir=rtl],[dir=rtl] *) {
    border-width: 0;
    padding-left: 0;
    color: white !important;
}

p {
    color: white !important;
}

h3 {
    line-height: 38px;
    color: white !important;
}

.product__description ol, .product__description ul {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: white !important;
}


.content--single-page h1,
.content--single-page .content-entry,
.content--single-page .content-entry p,
.content--single-page .content-entry h4,
.content--single-page .content-entry li,
.content--single-page .content-entry span {
    color: #000000 !important;
}



.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
    fill: #000000 !important;
}

.s-slider-nav-arrow {
    border-color: #6D4937 !important;
    background-color: #ffffff !important;
}


button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    visibility: hidden !important;
}

button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    visibility: hidden !important;
}



salla-breadcrumb .s-breadcrumb-wrapper .s-breadcrumb-item {
    color: #ffffff !important;
}

salla-breadcrumb .s-breadcrumb-wrapper .s-breadcrumb-arrow svg {
    fill: #ffffff !important;
}

.product__description article h2:first-of-type {
    color: #ffffff !important;
}

  .sticky-product-bar .sticky-product-bar__quantity .form-label {
    color: #000000 !important;
}

.s-reviews-testimonial .s-reviews-testimonial__text > p {
    color: #000000 !important;
}

p.s-infinite-scroll-last.infinite-scroll-last {
    visibility: hidden !important;
}


.s-block--testimonials .s-reviews-header {
    color: #ffffff !important;
}


#mobile-menu span {
    color: #000000 !important;
}

@media (max-width: 767px) {
    section.s-block.s-block--banners.container div.grid a.banner-entry {
        width: 29%;
        height: 269px !important;
    }
}


/* عناوين "أحدث المنتجات" و "المنتجات الأكثر طلباً" فقط */
#best-offers-2-slider .s-block-header__title,
#best-offers-4-slider .s-block-header__title,
#best-offers-6-slider .s-block-header__title {
  color: #ffffff !important;
}



#best-offers-2-slider h2,
#best-offers-4-slider h2,
#best-offers-6-slider h2 {
  color: #ffffff !important;
}


.product__description article h2:nth-of-type(2),
.product__description article h2:nth-of-type(3) {
  color: #ffffff !important;
}

a.unicode {
    COLOR: ffffff;
}

.s-contacts-topnav-link > span {
  color: #ffffff !important;
}

.s-contacts-list-vertical > div:nth-child(2) {
  display: none !important;
}

.container--product-details {
  background-color: white; !important
}

.container--product-details .main-content {
  color: #000 !important;
  mix-blend-mode: difference !important;
}

.s-contacts-header {
  display:  none !important;
}


#main-content {
    background-color: #FFF2F5 !important;
}


.store-footer .store-footer__inner {
    background-color: #fff2f5 !important;
}

body#app, .app-inner {
    background-color: #fff2f5 !important;
}

/* تطبيق اللون الأسود على جميع النصوص والعناصر داخل الفوتر */
footer[data-testid="store-footer"],
footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] p,
footer[data-testid="store-footer"] span,
footer[data-testid="store-footer"] a,
footer[data-testid="store-footer"] .unicode,
footer[data-testid="store-footer"] .copyright-text {
    color: #000000 !important;
}

/* التأكد من أن الروابط تظل سوداء حتى عند مرور الماوس عليها */
footer[data-testid="store-footer"] a:hover {
    color: #000000 !important;
}
salla-breadcrumb .s-breadcrumb-wrapper .s-breadcrumb-item {
    color: #000000 !important;
}
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background-color: #34958c42 !important;
}
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background-color: #34958c42 !important;
}
b.block {
    color: #000000 !important;
}
.top-navbar .s-search-input {
    background-color: rgb(255 255 255);
    border-style: solid !important;
    width: 300px !important;
    /* border: white !important; */
}
.s-button-primary {
    border-width: 1px !important;
    border-color: var(--color-primary) !important;
    background-color: #000000 !important;
    color: #815b4e !important;
}
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background-color: #102f31 !important;
}
.s-quantity-input-input {
    width: 3rem;
    border-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    font-weight: 700;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: #0f2b2d;
}
.s-quantity-input-input {
    width: 3rem;
    border-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center;
    font-weight: 700;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-color: #ffffff;
}
.s-button-primary {
    border-width: 1px !important;
    border-color: var(--color-primary) !important;
    background-color: #ffffff !important;
    color: #815b4e !important;
}