/* File: assets/css/showcase.css
   Force horizontal single-row flow for the showcase ONLY,
   while preserving the product card's inner styling from the shop.
*/
.shz-carousel{
  --shz-gap: 14px;
  --shz-item-w: clamp(170px, 26vw, 260px);
  background: var(--shz-bg, #fff);
  padding: 0;
  position: relative;
  overflow: hidden;
}

/* ✅ أهم نقطة: إجبار ul.products داخل السلايدر على صف أفقي واحد */
.shz-carousel.woocommerce ul.products{
  /* نكسر أي grid/float/inline-block يفرضه القالب */
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: var(--shz-gap);
  margin: 0;
  padding: 0;

  /* إعدادات التمرير */
  overflow-x: hidden;              /* الحركة عبر JS */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  direction: ltr;                  /* للحسابات؛ سنعيد RTL على العناصر */
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;             /* سحب رأسي للصفحة مسموح، والأفقي لنا */
  overscroll-behavior-x: contain;
}
.shz-carousel.woocommerce ul.products { cursor: grab; }
 .shz-carousel.is-dragging ul.products { cursor: grabbing; }
 /* امنع تحديد النص داخل التراك لكن اسمح به في عناصر النماذج */
 .shz-carousel.woocommerce ul.products *:not(input):not(textarea):not(select) {
   -webkit-user-select: none;
   user-select: none;
 }
 
 
.shz-carousel.woocommerce ul.products::-webkit-scrollbar{ display: none; }

/* ✅ العناصر: عرض ثابت نسبيًا ومنع أي عرض/تعويم يفرضه القالب */
.shz-carousel.woocommerce ul.products > li.product{
  flex: 0 0 var(--shz-item-w) !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;            /* نستخدم gap بدل هوامش القالب لمنع لفّ غير مقصود */
}

/* RTL: نعيد اتجاه محتوى البطاقة للـRTL فقط داخل السلايدر */
html[dir="rtl"] .shz-carousel.woocommerce ul.products > li.product{
  direction: rtl;
}

.shz-carousel .shz-carousel-track,
.shz-carousel.woocommerce ul.products{ cursor: grab; }
.shz-carousel.is-dragging{ cursor: grabbing; }

/* التدرجات الجانبية (البروز) */
.shz-carousel::before,
.shz-carousel::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  width: 12px;
  pointer-events: none;
  z-index: 2;
}
.shz-carousel::before{
  left: 0;
  background: linear-gradient(to right, var(--shz-bg, #fff), rgba(255,255,255,0));
}
.shz-carousel::after{
  right: 0;
  background: linear-gradient(to left, var(--shz-bg, #fff), rgba(255,255,255,0));
}

/* إخفاء البروز إذا لا يوجد تمرير فعلي */
.shz-carousel.no-scroll::before,
.shz-carousel.no-scroll::after{
  display: none;
}

/* ضبط بسيط للشاشات الصغيرة */
@media (max-width: 380px){
  .shz-carousel{ padding: 8px; }
  .shz-carousel.woocommerce ul.products > li.product{
    flex-basis: clamp(170px, 72vw, 210px) !important;
  }
}



/* مشاهدة الكل — بدون إطار، وتحته خط، ومحاذاة يسار */
.shz-sc-viewall{
  font-weight: 700 !important;
  font-size: 10px  !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-block;
}



















/* ================================
   شازار – تعديلات موبايل فقط على كروت القوائم
   ================================ */
@media (max-width: 767.98px){

  /* متغيرات قابلة للتعديل لاسم المنتج على الموبايل */
  .shz-carousel{
    --shz-mobile-title-color: #084F5D;  /* لون شازار الأساسي */
  --shz-mobile-title-top : 10px !important;
  }

  /* 1) زر "إضافة إلى الرغبات" أسفل الكرت */
  .shz-carousel .products li.product .shz-wl-btn--loop{
    border: 2px solid var(--shz-border, #084F5D) !important;
    border-radius: 8px !important;
    background: transparent;
    color: var(--shz-text, #084F5D);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px; /* ارتفاع مريح للمس */
    padding: .45rem .75rem;
    font-weight: 700;
    text-decoration: none;
  }
  .shz-carousel .products li.product .shz-wl-btn--loop:hover,
  .shz-carousel .products li.product .shz-wl-btn--loop:active,
  .shz-carousel .products li.product .shz-wl-btn--loop:focus-visible{
    border-color: var(--shz-btn-active, #B2905F) !important;
    color: var(--shz-btn-active, #B2905F) !important;
    outline: none;
  }

  /* 2) زر "إضافة إلى السلة" – الزوايا فقط 8px */
  .shz-carousel .products li.product a.button.add_to_cart_button,
  .shz-carousel .products li.product .button.add_to_cart_button,
  .shz-carousel .products li.product .ast-on-card-button.add_to_cart_button{
    border-radius: 1px !important;
  }

  /* (لمنتجات المتغيرات حين يكون الزر "تحديد الخيارات") */
  .shz-carousel .products li.product a.button.product_type_variable,
  .shz-carousel .products li.product .button.product_type_variable{
    border-radius: 1px !important;
  }

  /* 3) اسم المنتج – حجم ولون على الجوال فقط */
  .shz-carousel .products li.product .woocommerce-loop-product__title{
    font-size: var(--shz-mobile-title-size);
    line-height: 1.3;
    color: var(--shz-mobile-title-color) !important;
    font-weight: 800; /* إبراز العنوان */
    margin-bottom: .35rem;
  }
}



/* SHZ FIX – force 8px radius for cart buttons (mobile only) */
@media (max-width: 767.98px){

  /* أزرار السلة داخل القوائم: تحت الصورة وداخل الملخّص */
  #shz-crs-qXcP4O ul.products li.product a.button,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden !important;                 /* قصّ أي طبقات */
    clip-path: inset(0 round 8px) !important;    /* إجبار القص */
    background-clip: padding-box !important;
  }

  /* لو الخلفية/الإطار مرسومين داخل عناصر فرعية أو ::before/::after */
  #shz-crs-qXcP4O ul.products li.product a.button::before,
  #shz-crs-qXcP4O ul.products li.product a.button::after,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button::before,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button::after,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger::before,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger::after{
    border-radius: 8px !important;
  }
  #shz-crs-qXcP4O ul.products li.product a.button > *,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button > *,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger > *{
    border-radius: inherit !important;
  }

  /* إن كان أسترا يقرأ نصف القطر من متغيرات */
  #shz-crs-qXcP4O{
    --ast-global-radius: 8px;
    --ast-button-radius: 8px;
  }
}





/* SHZ FIX – force 8px radius for cart buttons (DESKTOP) */
@media (min-width: 768px){

  /* أزرار السلة داخل القوائم: تحت الصورة وداخل الملخص والعائم */
  #shz-crs-qXcP4O ul.products li.product a.button,
  #shz-crs-qXcP4O ul.products li.product a.button.add_to_cart_button,
  #shz-crs-qXcP4O ul.products li.product a.button.ajax_add_to_cart,
  #shz-crs-qXcP4O ul.products li.product a.button.added_to_cart,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden !important;                 /* قصّ أي طبقات */
    clip-path: inset(0 round 8px) !important;    /* إجبار القص */
    background-clip: padding-box !important;
  }

  /* لو الخلفية/الإطار مرسومين عبر ::before/::after */
  #shz-crs-qXcP4O ul.products li.product a.button::before,
  #shz-crs-qXcP4O ul.products li.product a.button::after,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button::before,
  #shz-crs-qXcP4O ul.products li.product a.ast-on-card-button::after,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger::before,
  #shz-crs-qXcP4O ul.products li.product a.ast-select-options-trigger::after{
    border-radius: 8px !important;
  }

  /* في حال أسترا يعتمد متغيرات للحواف */
  #shz-crs-qXcP4O{
    --ast-global-radius: 8px;
    --ast-button-radius: 8px;
  }
}

/* SHZ FIX – product grid (ul.products.columns-5) – MOBILE ONLY */
@media (max-width: 767.98px){

  /* 1) زر "إضافة إلى الرغبات" – إطار 2px وزوايا 8px
     - يغطي الأيقونة العائمة فوق الصورة و زر الأسفل (loop) */
 
  /* 0) ألغِ أي إطار عن رمز القلب العائم فوق الصورة */
  ul.products li.product .shz-wl-heart-wrap .shz-wl-btn.shz-wl-heart,
  ul.products li.product .shz-wl-heart-wrap .shz-wl-btn.shz-wl-heart--loop{
    border: none !important;
    background: none !important;
    clip-path: none !important;
  }

  /* 1) الإطار 2px + زوايا 8px لزر الرغبات السفلي فقط (loop) */
  ul.products.columns-5 li.product button.shz-wl-btn--loop,
  ul.products li.product button.shz-wl-btn--loop{
    border: 2px solid #084F5D !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: transparent !important;
    overflow: hidden !important;
    clip-path: inset(0 round 8px) !important;
  }
  /* عناصر داخل الزر السفلي */
  ul.products li.product button.shz-wl-btn--loop > *{
    border-radius: inherit !important;
  }

  /* 2) زر السلة/تحديد الخيارات – زوايا 8px */
  ul.products li.product a.button.add_to_cart_button,
  ul.products li.product a.ast-on-card-button,
  ul.products li.product a.ast-select-options-trigger{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 8px) !important;
    background-clip: padding-box !important;
  }
  ul.products li.product a.button.add_to_cart_button::before,
  ul.products li.product a.button.add_to_cart_button::after,
  ul.products li.product a.ast-on-card-button::before,
  ul.products li.product a.ast-on-card-button::after,
  ul.products li.product a.ast-select-options-trigger::before,
  ul.products li.product a.ast-select-options-trigger::after{
    border-radius: 8px !important;
  }

  /* 3) اسم المنتج – حجم/لون للموبايل فقط */
  ul.products li.product .woocommerce-loop-product__title{
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #084F5D !important;
    font-weight: 700 !important;
  }
  /* 2) زر "إضافة إلى السلة"/"تحديد الخيارات" – زوايا 8px */
  ul.products.columns-5 li.product a.button.add_to_cart_button,
  ul.products.columns-5 li.product a.ast-on-card-button,
  ul.products.columns-5 li.product a.ast-select-options-trigger {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 8px) !important;
    background-clip: padding-box !important;
  }
  /* لو الخلفيات مرسومة عبر before/after */
  ul.products.columns-5 li.product a.button.add_to_cart_button::before,
  ul.products.columns-5 li.product a.button.add_to_cart_button::after,
  ul.products.columns-5 li.product a.ast-on-card-button::before,
  ul.products.columns-5 li.product a.ast-on-card-button::after,
  ul.products.columns-5 li.product a.ast-select-options-trigger::before,
  ul.products.columns-5 li.product a.ast-select-options-trigger::after{
    border-radius: 8px !important;
  }

  /* 3) اسم المنتج – تغيير الحجم واللون (موبايل فقط) */
  ul.products.columns-5 li.product .woocommerce-loop-product__title{
    font-size: 10px !important;     /* عدّل الرقم لو حبيت */
    line-height: 1.4 !important;
    color: #084F5D !important;      /* لون براند */
    font-weight: 700 !important;
  }
}




/* تصغير خط اسم المنتج في كل القوائم */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 10px !important;   /* غيّر الرقم حسب رغبتك */
  line-height: 1.35 !important;
}










/* زر السلة/تحديد الخيارات – زوايا 8px (موبايل فقط) داخل قائمة الأعمدة الخمس */
@media (max-width: 767.98px){
  ul.products.columns-5 li.product a.button.add_to_cart_button,
  ul.products.columns-5 li.product a.button.ajax_add_to_cart,
  ul.products.columns-5 li.product a.ast-on-card-button,
  ul.products.columns-5 li.product a.ast-select-options-trigger{
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 8px) !important;
    background-clip: padding-box !important;
  }
  ul.products.columns-5 li.product a.button.add_to_cart_button::before,
  ul.products.columns-5 li.product a.button.add_to_cart_button::after,
  ul.products.columns-5 li.product a.ast-on-card-button::before,
  ul.products.columns-5 li.product a.ast-on-card-button::after,
  ul.products.columns-5 li.product a.ast-select-options-trigger::before,
  ul.products.columns-5 li.product a.ast-select-options-trigger::after{
    border-radius: 8px !important;
  }
}