/******************************
  LAHLOOBB – Raed Custom (patched v3)
*******************************/

/* ألوان وهوية */
:root{
  --main:#131522; --accent:#f89839; --ink:#1f2937; --white:#fff;
  --radius:14px; --shadow:0 6px 18px rgba(0,0,0,.08);
}

/* خلفية عامة */
html,body,.app-inner,.page-content,.content,.main-bg{background:#fff !important;color:var(--ink);}

/* ===== Hero Fixed Banner ===== */
section.s-block.s-block--fixed-banner{padding:0 !important;margin-top:0 !important;}
section.s-block.s-block--fixed-banner>.container{max-width:100% !important;padding:0 !important;}
.s-block--fixed-banner .banner--fixed{width:100% !important;max-width:100% !important;margin:0 !important;border-radius:0 !important;overflow:hidden !important;}
.s-block--fixed-banner .banner--fixed img{display:block !important;width:100% !important;height:auto !important;object-fit:cover !important;border-radius:0 !important;background:transparent !important;}

/* ===== العناصر المخصّصة – الخلفية الشفافة + 3 أعمدة على كل المقاسات ===== */
section.s-block.s-block--banners.container{background:transparent !important;box-shadow:none !important;border:none !important;}
.s-block--banners.container .grid{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:16px !important;align-items:stretch !important;
}
.s-block--banners.container .banner-entry{background:transparent !important;border:none !important;box-shadow:none !important;border-radius:var(--radius) !important;overflow:hidden !important;}
.s-block--banners.container .banner-entry .lazy__bg,
.s-block--banners.container .banner-entry .lazy__img{background-color:transparent !important;}
img[src$=".png" i]{background:transparent !important;}

/* ===== الهيدر ===== */
.store-header,
.store-header .header,
.store-header .header-wrapper,
.store-header .top-header,
.store-header .bottom-header{background:#131522 !important;border:none !important;box-shadow:none !important;}

/* كود bg-white كما هو */
.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:#131522;}

/* إزالة المسافة فقط عن أول سكشن إذا كان Fixed Banner مباشرة بعد الهيدر */
.store-header + section.s-block.s-block--fixed-banner{margin-top:0 !important;}
/* لا نلمس بقية الأقسام */

/* البحث فاتح */
.store-header input[type="search"],
.store-header .search-bar,
.store-header .search-input{background:#fff !important;color:#131522 !important;border-radius:30px;}

/* أيقونات الحساب/السلة والسعر = أبيض */
.header-btn__icon{
  align-items:center;border-radius:9999px;border-width:1px;display:flex;height:2.5rem;justify-content:center;width:2.5rem;
  --tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity,1));
  font-size:1.25rem;line-height:1.75rem;color:#ffffff;
}
.s-cart-summary-total{font-weight:600;color:#ffffff;}
.store-header .header svg,
.store-header .header svg *,
.store-header .header [class*="icon"]{color:#fff !important;fill:#fff !important;stroke:#fff !important;}
.store-header .header .ring-1,
.store-header .header .border{border-color:rgba(255,255,255,.7) !important;}

/* كروت المنتجات */
.s-product-card-vertical,.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s, box-shadow .25s;}
.s-product-card-vertical:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.12);}
.s-product-card-vertical .product-card__title{color:var(--main);font-weight:700;}
.s-product-card-vertical .product-card__price{color:var(--accent);font-weight:700;}
.s-product-card-vertical .product-card__btn,.button,.btn{background:var(--main);color:#fff;border:none;border-radius:999px;padding:.6rem 1rem;transition:background .25s ease;}
.s-product-card-vertical .product-card__btn:hover{background:var(--accent);}

/* المميزات */
.s-block--features__item .feature-icon i{color:#f89839;font-size:1.875rem;line-height:2.25rem;}
.s-block--features__item .feature-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-bottom:.75rem;overflow:hidden;border-radius:9999px;background:#131522;}

/* الفوتر + بصمة */
.store-footer{background:#131522;color:#fff;padding:40px 20px;text-align:center;position:relative;transition:background .3s ease;}
.store-footer:hover{background:#0f111a;}
.store-footer a{color:var(--accent);} .store-footer a:hover{text-decoration:underline;}
.dev-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-top:12px;border-radius:999px;background:#f7f3ea;color:#6b5a3e;font-weight:700;font-size:.9rem;border:1px solid #eadfc8;text-decoration:none;transition:filter .25s, transform .25s;}
.dev-badge:hover{filter:saturate(1.05) contrast(1.03);transform:translateY(-1px);}
.store-footer__copyright{margin-top:1rem;text-align:center;}
.store-footer__copyright .dev-badge{margin-inline:auto;}

/* واتساب */
#whatsapp-float{position:fixed;bottom:20px;left:20px;background:#25d366;color:#fff;font-weight:700;padding:12px 18px;border-radius:50px;font-size:15px;text-decoration:none;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:transform .3s, box-shadow .3s, background .3s;z-index:9999;}
#whatsapp-float:hover{background:#1ebe5c;transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.35);}
#whatsapp-float svg{width:20px;height:20px;fill:#fff;}



/******** PATCH — Product Card + Button inside Salla Slider (Raed) ********/
:root{--main:#131522;--accent:#f89839;--radius:14px;--shadow:0 10px 24px rgba(0,0,0,.10);}

/* غلاف الكرت داخل السلايدر (يمسك أي عنصر داخل الـslide) */
.s-products-slider-wrapper .swiper-slide > article,
salla-products-slider .swiper-slide > article,
.s-products-slider-wrapper .swiper-slide > *:not(div):not(salla-button):not(salla-add-product-button){
  background:#fff !important;
  border:1px solid #eef0f3 !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  transition:transform .2s, box-shadow .2s, border-color .2s !important;
}
.s-products-slider-wrapper .swiper-slide > article:hover,
salla-products-slider .swiper-slide > article:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.14) !important;
  border-color:#e6e8ec !important;
}

/* صورة بنسبة 1:1 */
.s-products-slider-wrapper .swiper-slide [class*="thumb"],
.s-products-slider-wrapper .swiper-slide [class*="img"],
salla-products-slider .swiper-slide [class*="thumb"],
salla-products-slider .swiper-slide [class*="img"]{
  position:relative !important;aspect-ratio:1/1 !important;background:#fafafa !important;
}
.s-products-slider-wrapper .swiper-slide img,
salla-products-slider .swiper-slide img{width:100% !important;height:100% !important;object-fit:contain !important;display:block !important;}

/* العنوان */
.s-products-slider-wrapper .swiper-slide [class*="title"],
salla-products-slider .swiper-slide [class*="title"]{
  color:var(--main) !important;font-weight:800 !important;font-size:1rem !important;line-height:1.4 !important;
  margin:.5rem 0 .25rem !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;
}

/* السعر */
.s-products-slider-wrapper .swiper-slide [class*="price"],
salla-products-slider .swiper-slide [class*="price"],
.s-products-slider-wrapper .swiper-slide .s-price,
salla-products-slider .swiper-slide .s-price{
  color:var(--accent) !important;font-weight:800 !important;font-size:1.05rem !important;margin-bottom:.75rem !important;
}
.s-products-slider-wrapper .swiper-slide [class*="price"] .old,
salla-products-slider .swiper-slide [class*="price"] .old{color:#98a2b3 !important;text-decoration:line-through !important;margin-inline-start:.5rem !important;font-weight:600 !important;}

/* زر الإضافة للسلة (مكوّن salla-button) */
.s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element,
salla-products-slider .swiper-slide salla-add-product-button .s-button-element{
  width:100% !important;
  background:var(--main) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:.8rem 1rem !important;
  font-weight:800 !important;letter-spacing:.2px !important;
}
.s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element:hover,
salla-products-slider .swiper-slide salla-add-product-button .s-button-element:hover{
  background:var(--accent) !important;transform:translateY(-1px) !important;
}
/* حالات outline الافتراضية — إجبار تعبئة */
.s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-outline,
salla-products-slider .swiper-slide salla-add-product-button .s-button-outline{
  background:var(--main) !important;border-color:var(--main) !important;color:#fff !important;
}
/* المعطّل */
.s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element[disabled],
salla-products-slider .swiper-slide salla-add-product-button .s-button-element[disabled]{
  background:#eef0f3 !important;color:#98a2b3 !important;border-color:#eef0f3 !important;
}


/******** PATCH — 3 products per screen on mobile ********/
@media(max-width:767px){
  /* تحكم في عرض السلايد داخل سلايدر سلة */
  .s-products-slider-wrapper .swiper-slide,
  salla-products-slider .swiper-slide{
    width:33.333% !important;   /* 3 منتجات في الصف */
    max-width:33.333% !important;
  }

  /* تقليل padding الداخلي علشان الكرت يبان أصغر */
  .s-products-slider-wrapper .swiper-slide > article,
  salla-products-slider .swiper-slide > article{
    padding:8px !important;
  }

  /* تصغير الخطوط شوية */
  .s-products-slider-wrapper .swiper-slide [class*="title"],
  salla-products-slider .swiper-slide [class*="title"]{
    font-size:.8rem !important;
  }
  .s-products-slider-wrapper .swiper-slide [class*="price"],
  salla-products-slider .swiper-slide [class*="price"]{
    font-size:.85rem !important;
  }

  /* تصغير زر إضافة للسلة */
  .s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element,
  salla-products-slider .swiper-slide salla-add-product-button .s-button-element{
    padding:.5rem .6rem !important;
    font-size:.8rem !important;
  }
}



/******** PATCH — Tighten custom banners spacing on mobile ********/
@media(max-width:767px){
  /* شيل الهوامش العامة */
  .s-block.s-block--banners{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* خلي الـcontainer الداخلي بهامش صغير بس */
  .s-block.s-block--banners > .container{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
@media(max-width:767px){
  .s-block + .s-block{margin-top:0 !important;}
}


/******** PATCH — Reduce card height on mobile ********/
@media(max-width:767px){
  /* قلل نسبة الصورة */
  .s-products-slider-wrapper .swiper-slide [class*="thumb"],
  salla-products-slider .swiper-slide [class*="thumb"],
  .s-products-slider-wrapper .swiper-slide [class*="img"],
  salla-products-slider .swiper-slide [class*="img"]{
    aspect-ratio: 3/4 !important;  /* بدال 1/1 */
  }

  /* قلل الهوامش الداخلية للكرت */
  .s-products-slider-wrapper .swiper-slide > article,
  salla-products-slider .swiper-slide > article{
    padding:4px !important;
  }

  /* عنوان أصغر */
  .s-products-slider-wrapper .swiper-slide [class*="title"],
  salla-products-slider .swiper-slide [class*="title"]{
    font-size:.7rem !important;
    line-height:1.1 !important;
    margin:.25rem 0 !important;
  }

  /* السعر أصغر */
  .s-products-slider-wrapper .swiper-slide [class*="price"],
  salla-products-slider .swiper-slide [class*="price"]{
    font-size:.75rem !important;
    margin-bottom:.4rem !important;
  }

  /* زر أصغر */
  .s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element,
  salla-products-slider .swiper-slide salla-add-product-button .s-button-element{
    font-size:.7rem !important;
    padding:.35rem .5rem !important;
  }
}



/******** PATCH — Slimmer product cards on mobile ********/
@media(max-width:767px){
  /* الكرت نفسه */
  .s-products-slider-wrapper .swiper-slide > article,
  salla-products-slider .swiper-slide > article{
    padding: 4px 6px !important;   /* تقليل البادينج */
    border-radius: 10px !important;
  }

  /* الصورة أصغر شوية */
  .s-products-slider-wrapper .swiper-slide [class*="thumb"],
  salla-products-slider .swiper-slide [class*="thumb"],
  .s-products-slider-wrapper .swiper-slide [class*="img"],
  salla-products-slider .swiper-slide [class*="img"]{
    aspect-ratio: 4/5 !important;   /* بدل 3/4 */
    background:#fafafa !important;
  }

  /* العنوان */
  .s-products-slider-wrapper .swiper-slide [class*="title"],
  salla-products-slider .swiper-slide [class*="title"]{
    font-size: .75rem !important;
    line-height: 1.2 !important;
    margin: .2rem 0 !important;
  }

  /* السعر */
  .s-products-slider-wrapper .swiper-slide [class*="price"],
  salla-products-slider .swiper-slide [class*="price"]{
    font-size: .8rem !important;
    margin-bottom: .3rem !important;
  }

  /* زر */
  .s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-element,
  salla-products-slider .swiper-slide salla-add-product-button .s-button-element{
    font-size: .7rem !important;
    padding: .3rem .5rem !important;
  }
}



:root {
    --main: #ffffff;
    --accent: #f89839;
    --ink: #ffffff;
    --white: #fff;
    --radius: 14px;
    --shadow: 0 6px 18px rgba(0, 0, 0, .08);
}
.s-products-slider-wrapper .swiper-slide salla-add-product-button .s-button-outline, salla-products-slider .swiper-slide salla-add-product-button .s-button-outline {
    background: #000000 !important;
    border-color: var(--main) !important;
    color: #fff !important;
}



/* ==== Fix product-single colors (scoped) ==== */
body.product-single * { color: inherit; }  /* يلغي تلوين سابق عام داخل الصفحة فقط */

/* رجّع الخلفيات للمحتوى الأساسي كما هي بالثيم */
body.product-single .content,
body.product-single .container,
body.product-single .s-product,
body.product-single .product-summary,
body.product-single .product-info{
  background: transparent !important;
}

/* عناوين ونصوص المحتوى الفاتح */
body.product-single h1,
body.product-single .product-title{ color:#131522 !important; font-weight:800; }
body.product-single .product-summary,
body.product-single .product-info{ color:#1f2937 !important; }

/* السعر */
body.product-single .s-price .new{ color:#f89839 !important; font-weight:800; }
body.product-single .s-price .old{ color:#8e8e8e !important; text-decoration:line-through; }

/* صندوق الإجراءات الداكن (هو اللي كان نصه يختفي) */
body.product-single .product-actions,
body.product-single .s-product-actions{
  background:#131522 !important;   /* كحلي داكن */
  color:#fff !important;            /* نص أبيض واضح */
  border-radius:14px;
}
/* كل النصوص داخل الصندوق تكون فاتحة */
body.product-single .product-actions *{ color:#fff !important; }

/* الأزرار داخل الصندوق */
body.product-single .product-actions .s-button-element,
body.product-single .product-actions .btn{
  background:#f89839 !important; color:#fff !important; border:none !important; border-radius:999px;
}
body.product-single .product-actions .s-button-element:hover{ background:#ff9d3f !important; }

/* زر الـoutline داخل الصندوق */
body.product-single .product-actions .s-button-outline{
  background:#fff !important; color:#131522 !important; border:1px solid #131522 !important;
}
body.product-single .product-actions .s-button-outline:hover{
  background:#f89839 !important; color:#fff !important; border-color:#f89839 !important;
}


html, body, .app-inner, .page-content, .content, .main-bg {
    background: #fff !important;
    color: #fa993a;
}

.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgb(255 255 255);
    padding-bottom: 1rem;
    padding-top: 1rem;
}