/* ================= الحقول ================= */
.mt-1 > .s-form-control {
  border-width: 0px;
  border-bottom: 2px solid #f5f5f5;
}

/* ================= المسافات والتخطيط ================= */
.auto-fit-grid { margin-top: 0; }
.gap-y-6 { row-gap: 0rem; }
.gap-x-6 { column-gap: 0.5rem; }
.px-6 { padding-left: 0.5rem; padding-right: 0.5rem; }
.from-gray-900 { --tw-gradient-from: none; }
.gap-8 { gap: 0.5rem; margin-top: 0; }
.pt-80 { padding-top: 9rem; border-radius: 7px; }
.fixed-banner--17 { margin-top: 0 !important; }
.mt-6 { margin-top: 1rem !important; }
.ring-inset { border-radius: 0px; }
.pt-24 { padding-top: 0 !important; }
.first\:pt-16:first-child { padding-top: 0; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

/* ================= عام ================= */
.product-more-info__inner .container { padding: 0; margin: 0; }
input[type="checkbox"]:disabled { background: #9ca3af73; }
.md\:text-2xl { font-size: 1.1rem; line-height: 2rem; }

/* ================= إخفاء عنصر ================= */
.flex.items-center.mb-10 { display: none; }
salla-offer { display: none; }

/* ================= الشاشات المتوسطة والكبيرة ================= */
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .banner-entry .lazy { background-repeat: no-repeat !important; }
}

@media (min-width: 640px) {
  salla-slider .slide--one-fourth { width: 40%; }
  salla-slider.photos-slider .swiper-slide { width: 100%; }
  .two-row .banner-entry:first-child { grid-column: auto; grid-row: auto; }
}

/* ================= الشاشات الصغيرة (الجوال) ================= */
@media (max-width: 640px) {
  .advanced-slider .swiper { height: 70svh !important; }
  .promotion-banner,
  .animated-text { max-height: 7svh; }
  .auto-fit-grid { grid-template-columns: repeat(2, 1fr); }
  .mt-12 { margin-top: 0rem; }
  salla-slider .slide--one-sixth { width: 29%; }
  .mb-3::-webkit-scrollbar { height: 0px !important; }
  .more-tab-container:nth-child(2) { display: none; }
  .s-offer-modal-product.swiper-slide { width: 49%; }
  [dir=rtl] salla-slider.photos-slider .swiper { padding-right: 0rem; padding-left: 0rem; }
  [dir=ltr] salla-slider.photos-slider .swiper { padding-right: 0rem; padding-left: 0rem; }
  salla-slider.photos-slider .swiper-slide { width: 100%; }
  [dir=rtl] .carousel-slider .swiper { padding-left: 0rem; }
  [dir=ltr] .carousel-slider .swiper { padding-left: 0rem; }
  .s-block--banners + .s-block--banners { margin-top: 0.5em; }
  .s-block--features + .s-block--features,
  .s-block--fixed-banner + .s-block--fixed-banner,
  .s-block--banners + .s-block--banners { margin-top: 0.5em !important; }
  .banner-entry { height: 100px; }
  .s-block { margin-top: 0.5rem; }
  .gap-3 { gap: 0.25rem; grid-template-columns: repeat(2, 1fr); }
}

/* =========================================================
   ⭐ تنسيق بطاقات المنتجات - ثيم سيليا
   يعمل في: الصفحة الرئيسية + السلايدرات + صفحات التصنيفات
========================================================= */

/* -- متغيرات الألوان: بدّلها متى ما حبيت -- */
:root {
  --card-title: #01243D;      /* لون اسم المنتج (كحلي) */
  --card-cart-btn: #01243D;   /* خلفية زر السلة المربع */
  --card-cart-icon: #FBF9F1;  /* لون أيقونة السلة */
  --card-badge-bg: #5C2A2B;   /* خلفية شارة الخصم (عنابي) */
  --card-badge-text: #ffffff; /* لون نص الشارة */
  --card-sale-price: #991B1B; /* السعر بعد الخصم (أحمر غامق) */
  --card-radius: 0.125rem;    /* حواف شبه مستقيمة */
}

/* 1) جسم البطاقة */
.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--card-radius) !important;
  overflow: hidden;
}

/* 2) صورة المنتج: نسبة طولية 9/12 مع تغطية كاملة */
.product-card__image { flex: 0 0 auto !important; }
.product-card .product-card__image {
  object-fit: cover !important;
  max-height: 1000px !important;
  height: auto !important;
}
.product-card .product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 9 / 12;
}

/* الصورة الثانية تظهر عند مرور الماوس (أضف صورتين على الأقل لكل منتج) */
.product-card.product-card--has-second-image .second-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: opacity .5s ease-in-out !important;
}

/* 3) صف المحتوى: الاسم والأسعار يمين + زر السلة عمود مستقل يسار */
.product-card .product-card__content {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 8px !important;
  align-items: start !important;
  text-align: right;
}
.product-card .product-card__content-wrapper {
  display: flex !important;
  flex: 1;
  flex-direction: column !important;
  min-width: 0 !important;
}

/* 4) اسم المنتج: سطران كحد أقصى، عريض، كحلي */
.product-card .product-card__title a {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: calc(1.4em * 2);
  font-weight: 700;
  color: var(--card-title);
}

/* 5) زر السلة: مربع صغير 30x30 بأيقونة فقط بدون نص */
.product-card .product-card__normal-cart,
.product-card .product-card__enhanced-mini-cart {
  align-self: start !important;
  margin: 0 !important;
}
.product-card__normal-cart__btn .s-button-text { gap: 0 !important; }

/* إخفاء نص الزر والإبقاء على الأيقونة */
.product-card .product-card__normal-cart button .s-button-text,
.product-card .product-card__enhanced-mini-cart button .s-button-text { font-size: 0; }
.product-card .product-card__normal-cart button .s-button-text i,
.product-card .product-card__enhanced-mini-cart button .s-button-text i { font-size: 12px; }

/* أيقونة عربة التسوق */
.product-card .product-card__normal-cart .sicon-shopping:before,
.product-card .product-card__enhanced-mini-cart .sicon-add:before {
  content: "\e96b";
  font-size: 22px;
  color: var(--card-cart-icon);
}
.product-card .product-card__normal-cart button,
.product-card .product-card__enhanced-mini-cart button {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: var(--card-cart-btn);
  border: none;
}

/* توسيط الأيقونة داخل الزر */
.product-card button .s-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 6) شارة الخصم / العنوان الترويجي أعلى يمين الصورة */
.product-card .product-card__promotion {
  background-color: var(--card-badge-bg) !important;
  color: var(--card-badge-text) !important;
  font-size: 12px !important;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 0 !important;
  line-height: 16px;
  z-index: 1;
}
@media (min-width: 769px) {
  .product-card .product-card__promotion { right: 1rem; left: auto; }
}
@media (max-width: 768px) {
  .product-card .product-card__image .product-card__promotion {
    top: 2% !important;
    right: 3% !important;
    bottom: auto !important;
    left: auto !important;
    font-size: 12px !important;
  }
  .product-card .product-card__enhanced-mini-cart .sicon-add:before { font-size: 16px !important; }
}

/* 7) الأسعار: الجديد أحمر غامق يمين + القديم مشطوب رمادي بجانبه */
.product-card .product-card__content .product-card__price { justify-content: start; }
.price_is_on_sale.gap-2 { gap: 0.5rem !important; }
.product-card .price_is_on_sale .total-price { color: var(--card-sale-price) !important; }

/* 8) ارتفاع منطقة المحتوى على الشاشات الصغيرة */
@media (max-width: 991px) {
  .product-card__content { min-height: 30% !important; }
}

/* 9) إخفاء أزرار المفضلة والمعاينة السريعة من البطاقات */
.product-card .quickview-btn,
.product-card .wishlist { display: none !important; }

/* 10) إخفاء المنتجات النافذة من القوائم (إخفاء الشريحة/الخانة كاملة لمنع الفراغ) */
.swiper-slide:has(.product-card.out-of-stock),
.s-products-slider-card:has(.product-card.out-of-stock),
.auto-fit-grid > *:has(.product-card.out-of-stock),
li:has(> .product-card.out-of-stock) {
  display: none !important;
}
.product-card.out-of-stock { display: none; }