:root{
  --main-color:#489a48;
  --white-color:#fff;
  --black-color:#000;
}

body{background-color:var(--white-color);}

/* ضمان لون النص داخل bg-inherit */
.bg-inherit *{color:var(--black-color)!important;}

/* Search */
.s-search-input::placeholder{color:var(--main-color)!important;}
.s-search-input-wrapper>span>span>svg{fill:var(--main-color)!important;}
.top-navbar .s-search-input{border:1px solid var(--main-color);}

/* Main menu hover */
.main-menu li.root-level>a:hover{
  transform:translateY(-3px);
  color:var(--main-color)!important;
}
.main-menu li.root-level>a>span:hover{color:var(--main-color)!important;}

/* Header icons */
i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu{
  background:var(--main-color)!important;
  color:#fff!important;
  box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0;
  transition:.3s;
}

/* Menu icon circular */
i.sicon-menu{
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Hover icons */
i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover{
  box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0;
  transform:translateY(-3px);
  transition:.3s;
}

/* Slider spacing */
section.s-block.s-block--photos-slider,
section.s-block:nth-child(1){
  margin-top:0!important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
  padding:0!important;
  margin-top:0!important;
  width:100%!important;
  border-radius:0!important;
}

[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
  padding:0!important;
}

img.w-full{border-radius:0;}
.s-product-card-image img.loaded{background:#fff;}

/* Hide disabled slider arrows */
button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock,
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock{
  display:none;
}

/* Wide banner */
section.s-block.s-block--fixed-banner.wide-placeholder>.container{
  padding:0!important;
  margin:0!important;
  max-width:100%;
}

.banner--fixed img{
  border-radius:0;
  background-color:transparent;
}

/* Button style */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
  color:#fff;
  background:var(--main-color)!important;
  transition:ease-out .5s;
  border:2px solid var(--main-color)!important;
  box-shadow:inset 0 0 0 0 #fff;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover{
  color:var(--main-color)!important;
  box-shadow:inset 0 -100px 0 0 #fff;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active{
  transform:scale(.9);
}

/* Products slider cards */
.s-products-slider-card.swiper-slide{
  margin:10px 0;
  padding-top:20px;
  transition:transform .3s ease;
}
.s-products-slider-card.swiper-slide:hover{transform:translateY(-7px);}

.s-product-card-entry{box-shadow:0 0 10px 0 #87816e30;}

/* Slider title */
.s-slider-block__title-right{color:var(--main-color)!important;}
.s-slider-block__title-right h2{font-size:24px;}

/* Slider padding for non-hydrated */
salla-slider[type]:not(.hydrated)>div>div,
salla-slider[type]:not(.hydrated) .swiper>div>div>div,
.carousel-slider .swiper-wrapper>div{
  padding-left:.625rem;
  padding-right:.625rem;
  margin-block:19px;
}

.banner-entry{background:#fff;}

/* Banners grid (5 columns) */
#main-content>section.s-block.s-block--banners.container
>div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

/* Banner height desktop */
#main-content>section.s-block.s-block--banners.container
>div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 .banner-entry{
  height:319px;
}

/* === البنرات لازقة بدون مسافات === */
#main-content > section.s-block.s-block--banners.container{
  padding:0 !important;
}

#main-content > section.s-block.s-block--banners.container
> div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8{
  gap:0 !important;
}

#main-content > section.s-block.s-block--banners.container .banner-entry{
  margin:0 !important;
  padding:0 !important;
}

/* Right title */
.right-side h2{
  color:var(--black-color);
  font-weight:800;
  font-size:32px;
}

/* Social links */
a[href*="instagram"]{
  color:#fff;
  background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  border:none;
}
a[href*="tiktok"]{background:#000;color:#fff;border:none;}
a[href*="snapchat"]{background:#ff0;border:none;}
.s-social-link a[href*="snapchat"] svg{fill:#000!important;}
a[href*="youtube"]{background:red;border:none;color:#fff;}
footer a[href*="x"]{background:#000;border:none;color:#fff;}

/* Logo size */
.navbar-brand img{
  max-height:80px!important;
  width:auto!important;
}

/* ===== العناوين + التصنيفات بولد ===== */
h1,h2,h3,h4,h5,h6,
.s-block__title,
.s-slider-block__title-right h2{
  font-weight:800 !important;
}

.main-menu a,
.s-category-card__title,
.s-category-card__title *{
  font-weight:800 !important;
}

/* ===== إزالة المسافات البيضاء بين البلوكات فقط ===== */
#main-content > section.s-block{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#main-content > section.s-block > .container{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder > .container,
section.s-block.s-block--photos-slider > .container{
  padding:0 !important;
  margin:0 !important;
  max-width:100% !important;
}

/* فواصل */
hr, .divider, .s-block__divider{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================
   Footer Layout (زي الصورة)
   ========================= */

/* لون الفوتر */
:root{
  --footer-bg: #1f2f57;     /* غير اللون لو تحب */
  --footer-text: #ffffff;
  --footer-muted: rgba(255,255,255,.75);
  --footer-border: rgba(255,255,255,.12);
}

/* الخلفية العامة للفوتر */
footer.store-footer,
.store-footer{
  background: var(--footer-bg) !important;
  background-color: var(--footer-bg) !important;
  color: var(--footer-text) !important;
}

/* منع أي طبقة داخلية تعمل لون مختلف */
.store-footer__inner{
  background: transparent !important;
  background-color: transparent !important;
}

/* الكونتينر الرئيسي للفوتر */
.footer-middle.footer-container{
  background: transparent !important;
  padding: 22px 18px !important;
  gap: 26px !important;
  border-top: 1px solid var(--footer-border) !important;
  align-items: flex-start !important;
}

/* الأعمدة */
.footer-middle.footer-container > div{
  width: 100%;
}

@media (min-width: 768px){
  .footer-middle.footer-container > div{
    width: auto;
    min-width: 220px;
  }
  .footer-middle.footer-container{
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }
}

/* اللوجو */
.logo-footer img{
  height: 52px !important;
  width: auto !important;
  max-width: 220px !important;
  margin-bottom: 10px !important;
}

/* وصف المتجر */
.footer-profile .footer-description,
.footer-profile p{
  color: var(--footer-muted) !important;
  line-height: 1.8 !important;
  margin: 8px 0 0 !important;
  font-size: 14px !important;
}

/* عناوين القوائم */
.menu-list h3,
.s-contacts-title{
  color: var(--footer-text) !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  margin: 0 0 12px !important;
}

/* روابط "روابط تهمك" */
.footer-list a{
  display: block !important;
  margin: 0 0 12px !important;
  color: var(--footer-muted) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: .2s ease;
}
.footer-list a:hover{
  color: var(--footer-text) !important;
  transform: translateX(-3px);
}

/* تواصل معنا */
.s-contacts-list{
  gap: 10px !important;
}

.s-contacts-item{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  color: var(--footer-text) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.s-contacts-item .s-contacts-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.s-contacts-item svg,
.s-contacts-item svg *{
  fill: var(--footer-text) !important;
  stroke: var(--footer-text) !important;
}

.s-contacts-item .unicode{
  color: var(--footer-text) !important;
  font-weight: 700 !important;
}

/* السجل التجاري (trust badges) */
.footer-vat{
  justify-content: flex-start !important;
  gap: 14px !important;
  padding: 0 !important;
}

.s-trust-badges-wrapper{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

.s-trust-badges-label{
  color: var(--footer-muted) !important;
  margin: 0 !important;
  font-size: 12px !important;
}

.s-trust-badges-number{
  color: var(--footer-text) !important;
  font-weight: 800 !important;
}

/* أي خطوط/فواصل داخل الفوتر لو موجودة */
.store-footer hr,
.store-footer .divider{
  border-color: var(--footer-border) !important;
}

/* موبايل: ترتيب أحسن */
@media (max-width: 767px){
  .footer-middle.footer-container{
    padding: 18px 14px !important;
    gap: 18px !important;
  }
  .footer-vat{
    justify-content: center !important;
  }
}