/* =========================================
   NMRSTORE CSS PACK v3
   نسخة محكمة ومحافظة
   - بدون اعتماد على JavaScript
   - بدون لمس الهيدر الرئيسي
   - بدون تغيير جوهري للشكل
   ========================================= */

/* ========= المتغيرات ========= */
:root{
  --nmr-container-max: 1200px;
  --nmr-banner-height: 200px;
  --nmr-banner-height-mobile: 160px;
  --nmr-banner-radius: 10px;
  --nmr-banner-shadow: 0 20px 30px rgba(0, 0, 0, 0.20);

  --nmr-gap-desktop: 20px;
  --nmr-gap-mobile: 12px;

  --nmr-filter-bg: #f8f9fa;
  --nmr-filter-border: #ddd;
  --nmr-filter-text: #333;

  --nmr-stable-bg: transparent;
}

/* ========= أساسيات آمنة جدًا ========= */
*,
*::before,
*::after{
  box-sizing: border-box;
}

html{
  -webkit-text-size-adjust: 100%;
}

body{
  overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg,
iframe{
  max-width: 100%;
}

img,
video,
iframe{
  display: block;
}

img{
  height: auto;
  border-style: none;
}

img[width][height]{
  height: auto !important;
}

/* لا نسمح لأي كلاس قديم أن يغيّر الهيدر */
header,
nav,
[class*="header"],
[class*="Header"],
[class*="navbar"],
[class*="topbar"],
[class*="Topbar"]{
  min-height: auto;
}

header.nmr-stable-hero,
header.nmr-reserve-space,
nav.nmr-stable-hero,
nav.nmr-reserve-space,
[class*="header"].nmr-stable-hero,
[class*="header"].nmr-reserve-space,
[class*="Header"].nmr-stable-hero,
[class*="Header"].nmr-reserve-space,
[class*="navbar"].nmr-stable-hero,
[class*="navbar"].nmr-reserve-space{
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
  padding-top: initial !important;
  padding-bottom: initial !important;
}

/* ========= البنر المخصص ========= */
.catg-banner{
  width: 100%;
  max-width: var(--nmr-container-max);
  height: var(--nmr-banner-height);
  margin-inline: auto;
  border-radius: var(--nmr-banner-radius);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: var(--nmr-banner-shadow);

  background-image: url('https://cdn.salla.sa/form-builder/lHqBHqDFoAviKtDa0DuELawbI6lQq79FW95eINL7.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* لا نكسر الأبناء، فقط نهدئ الطبقات الوهمية */
.catg-banner::before,
.catg-banner::after{
  box-shadow: none !important;
  filter: none !important;
  pointer-events: none;
}

.catg-banner > *{
  position: relative;
  z-index: 1;
}

/* إذا وُجدت وسائط داخل البنر */
.catg-banner img,
.catg-banner picture img,
.catg-banner video,
.catg-banner iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 0;
}

/* ========= يوتيوب بشكل آمن ========= */
iframe[src*="youtube.com/embed"],
iframe[src*="youtube-nocookie.com/embed"]{
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
  background: #000;
}

/* فقط إذا كان الفيديو داخل البنر الديكوري */
.catg-banner iframe[src*="youtube.com/embed"],
.catg-banner iframe[src*="youtube-nocookie.com/embed"]{
  pointer-events: none;
}

/* ========= تثبيت بصري للصور داخل البلوكات ========= */
/* لا نفرض object-fit على كل الصور حتى لا يتغير الشكل */
.s-block--banners img,
.s-block--categories-three-custom img,
.s-product-card-entry img,
[class*="product"] img,
[class*="category"] img,
[class*="banner"] img{
  background: var(--nmr-stable-bg);
}

/* ========= تحسين تتابع البلوكات ========= */
.s-block--banners + .s-block--banners{
  margin-top: 0 !important;
}

.s-block--categories-three-custom + .s-block--categories-three-custom{
  margin-top: var(--nmr-gap-desktop) !important;
}

.bar-advertisement{
  margin-bottom: 32px;
}

/* إخفاء عنوان بلوك البنرات إذا هذا مقصود */
.s-block--banners .s-block__title{
  display: none !important;
}

/* ========= تحسين الفلتر ========= */
#product-filter{
  background-color: var(--nmr-filter-bg);
  border: 1px solid var(--nmr-filter-border);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--nmr-filter-text);
  cursor: pointer;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

#product-filter:hover{
  background-color: #e9ecef;
  border-color: #bbb;
}

/* ========= عنوان الصفحة ========= */
/* أبقيته مخفيًا لأن هذا هو سلوكك الحالي */
#page-main-title span{
  display: none !important;
}

/* ========= إخفاء زر المفضلة في بطاقات المنتجات ========= */
.s-product-card-entry salla-button.s-product-card-wishlist-btn{
  display: none !important;
}

/* ========= منع تأثيرات قديمة لو كانت ما زالت موجودة ========= */
.nmr-preloader,
.nmr-preloader-hidden,
.nmr-stable-hero,
.nmr-stable-media,
.nmr-fixed-widget,
.nmr-announcement-fixed,
.nmr-cls-hero,
.nmr-hero-media,
.nmr-reserve-space{
  all: unset;
}

/* بعد reset نعيد فقط سلوكًا آمنًا إن وُجدت العناصر */
.nmr-preloader-hidden{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.nmr-fixed-widget{
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 70 !important;
}

/* ========= تحسينات خفيفة للـ CLS في أول بلوك بصري بدون لمس الهيدر ========= */
/* نلمس فقط بلوك البنرات الأول أو البنر المخصص الأول */
main .s-block--banners:first-of-type,
main .catg-banner:first-of-type{
  min-height: clamp(260px, 34vw, 560px);
}

@media (max-width: 768px){
  main .s-block--banners:first-of-type,
  main .catg-banner:first-of-type{
    min-height: clamp(220px, 52vw, 360px);
  }
}

/* ========= الجوال ========= */
@media (max-width: 576px){
  .s-block--banners + .s-block--banners{
    margin-top: 0 !important;
  }

  .s-block--categories-three-custom + .s-block--categories-three-custom{
    margin-top: var(--nmr-gap-mobile) !important;
  }

  .catg-banner{
    height: var(--nmr-banner-height-mobile);
    border-radius: 8px;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.16);
  }
}