/* =========================
   أرشيف الفروع: مطابق للرئيسية
   ========================= */
/* كسر تنسيق WooCommerce الافتراضي للأزرار داخل الكروت */
.y-c-archive-container .add-btn.button,
.y-c-menu .add-btn.button {
  all: unset;                      /* يمسح كل ستايلات الوراثة من .button */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #d33 !important;
  border: 1px solid #d33 !important;
  color: #fff !important;
  cursor: pointer;
  box-sizing: border-box;
}

/* أيقونة + */
.y-c-archive-container .add-btn i,
.y-c-menu .add-btn i {
  display: block;
  font-size: 14px;
  line-height: 1;
}

/* حواف الحاوية */
.y-c-archive-container{
  margin-inline: clamp(32px, 8vw, 120px);
  margin-block:  clamp(24px, 6vw, 64px);
  padding-inline: clamp(12px, 4vw, 36px);
}

/* شبكة موحّدة (4 دسكتوب / 2 موبايل) */
.y-c-archive-container ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(240px,1fr)) !important;
  gap:clamp(14px,2.8vw,28px) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
/* منع columns-* من العبث */
.y-c-archive-container ul.products[class*="columns-"]{
  display:grid !important;
  grid-template-columns:inherit !important;
}

/* عناصر الكروت داخل الشبكة */
.y-c-archive-container ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  box-sizing:border-box !important;
}

/* الكارد */
.y-c-archive-container li.product .menu-item{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:clamp(10px,1.6vw,18px);
  border:1px solid var(--y-color-border,#e8e8e8);
  border-radius:12px;
  background:#fff;
  box-sizing:border-box;
  min-width:0 !important;   /* يمنع كسر الشبكة */
  width:100% !important;
  max-width:100% !important;
}

/* الصورة */
.y-c-archive-container li.product .img{ width:100%; max-width:100%; aspect-ratio:1/1; overflow:hidden; }
.y-c-archive-container li.product .img img{ width:100%; height:auto; display:block; }

/* النص */
.y-c-archive-container .menu-item-content{ margin-top:8px; }
.y-c-archive-container li.product .menu-item p{ font-size:clamp(15px,1.1vw,18px); line-height:1.3; }


/* صف السعر + زر الإضافة */
.y-c-archive-container li.product .y-u-d-flex.y-u-justify-between{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;                 /* توسيط رأسي للرقم والأيقونة  y-u-d-flex */
  justify-content: baseline !important;
  gap:8px !important;
  margin-top:auto !important;
}

/* =========================
   الأزرار الموحدة (سعر + إضافة)
   ========================= */

/* كبسولة السعر */
.price-btn{
  display:inline-flex;
  align-items:center !important;                 /* توسيط رأسي للرقم والأيقونة */
  justify-content:center !important;
  gap:6px;
  line-height:1;
  height:32px;                        /* ارتفاع ثابت */
  min-width:120px;
  padding:4px 12px;
  border:1px solid #d33;
  border-radius:16px;
  background:#fff;
  color:#d33;
  font-weight:700;
  font-size:15px;
}
/* أيقونة الريال داخل الكبسولة */
.price-btn img{
  width:22px !important;
  height:22px !important;
  display:block !important; 
  margin-right: 25px !important;                     /* يمنع نزول baseline */
  object-fit: contain !important;
  margin-top: 10px !important;                       /* محاذاة أفضل مع النص */
}

/* زر الإضافة (+) */
.add-btn{
  display:flex;
  align-items:center;                 /* توسيط رأسي للرمز */
  justify-content:center;             /* توسيط أفقي */
  width:32px;
  height:32px;                        /* نفس ارتفاع السعر */
  border-radius:8px;
  background:#d33;
  color:#fff;
  border:1px solid #d33;
  flex-shrink:0;
}
.add-btn i{ display:block; line-height:1; }  /* يمنع انزياح رمز + */

/* تباعد قبل الفوتر */
.y-c-archive-container ul.products{ margin-bottom:clamp(24px,6vw,72px) !important; }

/* =========================
   موبايل ≤480px
   ========================= */
@media (max-width:480px){
  .y-c-archive-container{ margin-inline:0; padding-inline:12px; }
  .y-c-archive-container ul.products{
    grid-template-columns:repeat(2,minmax(130px,1fr)) !important;
    gap:10px !important;
  }
  .y-c-archive-container li.product .menu-item{ padding:10px; }

  .price-btn{
    height:28px;
    min-width:110px;
    padding:3px 8px;
    font-size:14px;
  }
  .price-btn img{ width:12px; height:12px; }

  .add-btn{ width:28px; height:28px; }
  .y-c-archive-container li.product .y-u-d-flex.y-u-justify-between{ gap:6px !important; }
}

/* =========================
   تابلت
   ========================= */
@media (min-width:481px) and (max-width:820px){
  .y-c-archive-container ul.products{
    grid-template-columns:repeat(2,minmax(160px,1fr)) !important;
    gap:14px !important;
  }
}

/* =========================
   دعم صفحة المنيو لتطابق الرئيسية
   ========================= */
.y-c-menu ul.products{ display:grid !important; gap:clamp(14px,2.8vw,28px) !important; }
@media (max-width:480px){ .y-c-menu ul.products{ grid-template-columns:repeat(2,minmax(130px,1fr)) !important; } }
@media (min-width:768px){ .y-c-menu ul.products{ grid-template-columns:repeat(3,minmax(240px,1fr)) !important; } }
@media (min-width:1200px){ .y-c-menu ul.products{ grid-template-columns:repeat(4,minmax(260px,1fr)) !important; } }

.y-c-menu li.product .menu-item{ min-width:0 !important; width:100%; box-sizing:border-box; }
.y-c-menu li.product .y-u-d-flex.y-u-justify-between{ align-items:center; gap:8px; }

/* تجاوز أنماط Woo .button داخل المنيو عند الحاجة */
.y-c-menu .add-btn.button{
  display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:8px;
  background:#d33 !important; border:1px solid #d33 !important; color:#fff !important;
}