/* ===== Zebartech Product Card – Light V3.1 (scoped, hardened) ===== */
:root{
  --zt-orange:#ff6a00; --zt-line:#e7e9ef; --zt-text:#0f172a;
  --zt-muted:#64748b; --zt-success:#16a34a; --zt-danger:#ef4444;
  --zt-card:#fff; --zt-bg:#f7f8fa;
}
body.zt-archive-enhanced{background:var(--zt-bg)}
.container{max-width:1280px;margin:0 auto;padding:0 16px}

/* لا نغيّر ul.products إطلاقًا */

/* ===== RESETات لحل تضارب الثيم ===== */
.woocommerce ul.products li.product a img{border:0;background:transparent}
.woocommerce ul.products li.product .woocommerce-LoopProduct-link{display:block}

/* ===== البطاقة ===== */
.products li.product .zt-card{
  list-style:none;background:var(--zt-card);border:1px solid var(--zt-line);
  border-radius:14px;overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.05);
  display:flex;flex-direction:column;
}

/* الصورة: حاوية بنسبة ثابتة + صور بداخلها */
.products li.product .zt-card__media{background:#fff;aspect-ratio:4/3;position:relative}
.products li.product .zt-card__link{display:block;width:100%;height:100%}
.products li.product .zt-card__img{
  width:100%!important;height:100%!important;object-fit:contain;display:block;
  transition:opacity .25s ease, transform .25s ease;
}
.products li.product .zt-card__img.is-hover{position:absolute;inset:0;opacity:0}
.products li.product .zt-card:hover .zt-card__img.is-hover{opacity:1;transform:scale(1.02)}

/* شارات */
.products li.product .zt-card__badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;gap:6px;z-index:3}
.zt-badge{font:700 12px/1 Cairo;padding:6px 10px;border-radius:999px;color:#fff}
.zt-badge.new{background:#0ea5e9}.zt-badge.sale{background:linear-gradient(90deg,#ff6a00,#ffa252)}

/* الأزرار: Overlay على الديسكتوب + ظل خفيف أسفل */
.products li.product .zt-card__actions{
  position:absolute;inset-inline-end:12px;bottom:12px;display:flex;gap:8px;z-index:4;
  opacity:0;transform:translateY(8px);transition:opacity .2s, transform .2s;
}
.products li.product .zt-card:hover .zt-card__actions{opacity:1;transform:translateY(0)}
.products li.product .zt-card__media::after{
  content:"";position:absolute;inset-inline:0;bottom:0;height:66px;
  background:linear-gradient(to top, rgba(255,255,255,.95), rgba(255,255,255,0));
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.products li.product .zt-card:hover .zt-card__media::after{opacity:1}

.zt-btn{background:var(--zt-orange);color:#111;font:700 13px/1 Cairo;padding:10px 12px;border:none;border-radius:10px;text-decoration:none}
.zt-btn.ghost{background:#fff;border:1px solid var(--zt-line);color:var(--zt-text)}
.add_to_cart_button{border-radius:10px!important}

/* الجسم */
.products li.product .zt-card__body{padding:12px;display:flex;flex-direction:column}
.products li.product .zt-card__sku{font:600 11px/1 Cairo;color:var(--zt-muted);margin-bottom:6px}
.products li.product .zt-card .woocommerce-loop-product__title{
  font:700 15px/1.5 Cairo;color:var(--zt-text);margin:0 0 10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.products li.product .zt-card__meta{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.zt-price__new{font:800 18px/1 Cairo;color:#e11d48}
.zt-price__old{font:600 14px/1 Cairo;color:#94a3b8;text-decoration:line-through;margin-inline-start:8px}
.zt-price__save{font:600 12px/1 Cairo;color:#22c55e;margin-inline-start:8px}
.zt-stock__ok{color:var(--zt-success);font:700 12px/1 Cairo}
.zt-stock__no{color:var(--zt-danger);font:700 12px/1 Cairo}

/* موبايل: الأزرار أسفل الصورة وبعرض كامل + إلغاء هوفر */
@media (max-width:768px){
  .products li.product .zt-card__img.is-hover{display:none}
  .products li.product .zt-card__actions{position:static;opacity:1;transform:none;margin:10px 12px 0}
  .zt-btn,.add_to_cart_button{width:100%;text-align:center}
}
/* الهوم على الموبايل: أظهر 4 فقط كبداية */
@media (max-width: 768px){
  body.home .woocommerce ul.products li.product.zt-hidden-mobile{ display:none !important; }
}

/* زر احتياطي "عرض المزيد" (لو المتصفح ما يدعم IntersectionObserver) */
.zt-show-more{
  display:block; width:100%; padding:12px; margin:12px 0;
  background:#fff; border:1px solid var(--zt-line); border-radius:12px; cursor:pointer;
  font:700 14px/1 "Cairo", system-ui; color:var(--zt-text);
}

/* الموبايل: إزالة الأزرار من البطاقة */
@media (max-width: 768px){
  .products li.product .zt-card__actions{ display:none !important; }
}
/* ===== تخطيط الصفحة: عمود فلاتر ثابت + شبكة المنتجات ===== */
.zt-catalog{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin:18px auto}
.zt-filters--sidebar{position:sticky;top:90px;align-self:start;background:#fff;border:1px solid var(--zt-line);border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.zt-catalog__main .zt-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}

/* ودجات الفلترة (قابلة للفتح/الإغلاق) */
.zt-filters--sidebar .widget{border-bottom:1px dashed var(--zt-line);padding:10px 0}
.zt-filters--sidebar .widget:last-child{border-bottom:0}
.zt-filters--sidebar .widget h2, 
.zt-filters--sidebar .widget .widgettitle{
  font:800 14px/1.2 "Cairo";color:#0f172a;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;
}
.zt-filters--sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.zt-filters--sidebar li a{
  display:flex;justify-content:space-between;align-items:center;
  background:#f8fafc;border:1px solid var(--zt-line);border-radius:10px;padding:8px 10px;
  color:#0f172a;text-decoration:none;
}
.zt-filters--sidebar li.chosen a,
.zt-filters--sidebar li a:hover{border-color:#ff6a00;background:#fff8f0}

/* شريط الفلاتر النشطة (الودجت) على شكل Chips */
.widget_layered_nav_filters ul{flex-wrap:wrap;gap:6px}
.widget_layered_nav_filters li a{
  background:#fff;border:1px solid var(--zt-line);border-radius:999px;padding:6px 10px;color:#0f172a
}
.widget_layered_nav_filters li a:hover{border-color:#ff6a00}

/* الموبايل: الفلاتر فوق الشبكة، بدون زر عام */
@media (max-width: 991px){
  .zt-catalog{grid-template-columns:1fr}
  .zt-filters--sidebar{position:static;padding:10px;border-radius:14px}
  .zt-filters--sidebar .widget{padding:8px 0}
}

/* (اختياري) إخفاء أزرار البطاقة على الموبايل كما طلبت سابقًا */
@media (max-width: 768px){
  .products li.product .zt-card__actions{display:none!important}
}
/* صورة ثابتة النسبة لكل البطاقات */
.products li.product .zt-card__media{ aspect-ratio: 4 / 3; } /* يحافظ على تناسق الصورة */ /* MDN */
.products li.product .zt-card{ display:flex; flex-direction:column; }
.products li.product .zt-card__body{ display:flex; flex-direction:column; }

/* عنوان كرابط + قصّ لسطرين بارتفاع موحّد */
.woocommerce ul.products li.product .woocommerce-loop-product__title.zt-title{
  font:700 15px/1.5 "Cairo", system-ui; margin:0 0 10px; color:#0f172a;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; /* قصّ لسطرين */
  overflow:hidden;
  min-height:48px; /* يضمن محاذاة الصفّ */
}
.zt-card__title-link{ color:inherit; text-decoration:none; }
.zt-card__title-link:hover{ color:#ff6a00; }

/* اجعل السعر/الأسفل يثبت في القاع لتناسق الارتفاع */
.products li.product .zt-card__meta{ margin-top:auto; display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }



/* الكلاسيك (قالبنا) */
.woocommerce ul.products li.product .woocommerce-loop-product__title.zt-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title.zt-title .zt-card__title-link{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.5;
  min-height:calc(1.5em * 2); /* توحيد ارتفاع العنوان */
}

/* WooCommerce Blocks الجديدة (All Products / Product Collection) */
.wc-block-grid__product .wc-block-grid__product-title,
.wc-block-components-product-title,
.wc-block-components-product-title a,
.wp-block-woocommerce-product-title,
.wp-block-woocommerce-product-title a{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.5;
  min-height:calc(1.5em * 2);
}

/* Elementor Widgets المحتملة */
.elementor .products .product .woocommerce-loop-product__title,
.elementor .products .product .woocommerce-loop-product__title a{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.5;
  min-height:calc(1.5em * 2);
}

/* توحيد الكرت: اجعل السعر/الجزء السفلي يلتصق بالقاع */
.products li.product .zt-card{ display:flex; flex-direction:column; }
.products li.product .zt-card__body{ display:flex; flex-direction:column; }
.products li.product .zt-card__meta{ margin-top:auto; display:flex; justify-content:space-between; gap:10px; }