/* ==================================================================
   Beast — עמוד קטגוריה, עמוד מוצר, עגלה וקופה
   כל הכללים כאן משתמשים בטוקנים ובמחלקות הקיימות (btn, bp-card,
   section-title...) כדי שהעיצוב יישאר עקבי עם שאר האתר.
   ================================================================== */

/* ---------- פירורי לחם ---------- */

.shop-archive__crumbs{
  font-size:var(--t-small);
  color:var(--c-slate);
  margin-bottom:var(--s-3);
}
.shop-archive__crumbs a{ color:var(--c-slate); text-decoration:none; }
.shop-archive__crumbs a:hover{ color:var(--c-orange); }

.shop-archive__desc{
  color:var(--c-slate);
  max-width:70ch;
  margin:0 0 var(--s-4);
  line-height:1.7;
}

.shop-archive__pagination{
  display:flex; justify-content:center;
  margin-top:var(--s-5);
}
.shop-archive__pagination .nav-links{ display:flex; gap:var(--s-2); align-items:center; }
.shop-archive__pagination .page-numbers{
  display:grid; place-items:center;
  min-width:42px; height:42px;
  padding:0 12px;
  clip-path:var(--cut-shape);
  background:var(--c-surface);
  border:1px solid var(--c-hairline);
  color:var(--c-ink);
  text-decoration:none;
  font-weight:var(--w-bold);
}
.shop-archive__pagination .page-numbers.current,
.shop-archive__pagination .page-numbers:hover{
  background:var(--c-orange); border-color:var(--c-orange); color:#fff;
}

.bp-empty{ color:var(--c-slate); padding:var(--s-5) 0; text-align:center; }


/* ==================================================================
   עמוד מוצר
   ================================================================== */

.single-product-wrap .product{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:var(--s-5);
  align-items:start;
}
@media (max-width:900px){
  .single-product-wrap .product{ grid-template-columns:1fr; gap:var(--s-4); }
}

/* גלריה — בלי clip-path כאן: מתנגש עם מיקום ה-zoom/lightbox של ווקומרס */
.woocommerce-product-gallery{ background:var(--c-graphite); }
.woocommerce-product-gallery__image img{
  width:100%; height:auto; display:block; object-fit:cover;
}
.flex-control-thumbs{
  display:flex; gap:10px; margin:10px 0 0; padding:0; list-style:none;
}
.flex-control-thumbs li{ width:72px; }
.flex-control-thumbs img{
  border:2px solid transparent; cursor:pointer; opacity:.65;
}
.flex-control-thumbs img.flex-active,
.flex-control-thumbs img:hover{ border-color:var(--c-orange); opacity:1; }

.summary.entry-summary{ padding-top:var(--s-1); }

.product_title{
  font-size:clamp(1.6rem, 3.4vw, 2.4rem);
  font-weight:var(--w-black);
  margin:0 0 var(--s-2);
}

.summary .price{
  font-size:1.6rem;
  font-weight:var(--w-black);
  color:var(--c-orange-deep);
  margin-bottom:var(--s-3);
  display:block;
}
.summary .price del{ color:var(--c-slate); font-weight:var(--w-medium); font-size:1.1rem; opacity:.7; }
.summary .price ins{ text-decoration:none; }

.woocommerce-product-details__short-description{
  color:#4A4A4A;
  line-height:1.75;
  margin-bottom:var(--s-4);
}

.stock{
  display:inline-block;
  font-weight:var(--w-bold);
  font-size:var(--t-small);
  margin-bottom:var(--s-3);
}
.stock.in-stock{ color:#2E8B45; }
.stock.out-of-stock{ color:var(--c-orange-deep); }

/* טופס הוספה לסל: כמות + כפתור, באותה שפה של שאר כפתורי האתר */
.summary form.cart{
  display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--s-2);
  margin-bottom:var(--s-4);
}
.summary .quantity{ display:flex; }
.summary .quantity .qty{
  width:76px; text-align:center;
  font:inherit; font-weight:var(--w-bold);
  border:1px solid var(--c-hairline);
  background:var(--c-surface);
  padding:0 10px;
}
.summary .variations{ width:100%; margin-bottom:var(--s-2); border-collapse:collapse; }
.summary .variations td{ padding:6px 0; }
.summary .variations select{
  font:inherit; padding:10px 14px;
  border:1px solid var(--c-hairline); background:var(--c-surface);
}
.summary .single_variation_wrap{ width:100%; }

.single_add_to_cart_button{
  flex:1 1 200px;
  display:inline-block;
  font:inherit; font-weight:var(--w-bold); font-size:1.15rem;
  text-align:center; text-decoration:none;
  border:0; cursor:pointer;
  padding:15px 34px;
  clip-path:var(--cut-shape);
  background:var(--g-orange); color:#fff;
  transition:background .15s ease;
}
.single_add_to_cart_button:hover{ background:var(--g-orange-hover); }
.single_add_to_cart_button.disabled{ opacity:.5; pointer-events:none; }

.product_meta{
  font-size:var(--t-small); color:var(--c-slate);
  padding-top:var(--s-3); border-top:1px solid var(--c-hairline);
}
.product_meta > span{ display:block; margin-bottom:4px; }
.product_meta a{ color:var(--c-slate); }

/* --- טאבים (תיאור, מפרט, ביקורות) --- */
.woocommerce-tabs{ margin-top:var(--s-6); grid-column:1 / -1; }
.woocommerce-tabs ul.tabs{
  display:flex; gap:var(--s-4);
  list-style:none; margin:0 0 var(--s-4); padding:0;
  border-bottom:1px solid var(--c-hairline);
}
.woocommerce-tabs ul.tabs li{ margin:0; }
.woocommerce-tabs ul.tabs li a{
  display:inline-block; padding:0 0 var(--s-2);
  font-weight:var(--w-bold); text-decoration:none; color:var(--c-slate);
  border-bottom:2px solid transparent;
}
.woocommerce-tabs ul.tabs li.active a{ color:var(--c-ink); border-color:var(--c-orange); }
.woocommerce-tabs .panel{ line-height:1.75; color:#4A4A4A; max-width:80ch; }

/* --- מוצרים דומים / משלימים --- */
.related.products,
.upsells.products{
  grid-column:1 / -1;
  margin-top:var(--s-6);
  padding-top:var(--s-6);
  border-top:1px solid var(--c-hairline);
}
.related.products > h2,
.upsells.products > h2{
  font-size:var(--t-section); font-weight:var(--w-black); margin:0 0 var(--s-4);
}
ul.products{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:var(--s-4); list-style:none; margin:0; padding:0;
}
@media (max-width:1000px){ ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-3); } }

ul.products li.product{
  background:var(--c-surface);
  border:1px solid var(--c-hairline);
  border-radius:var(--r-card);
  padding:clamp(14px, 3vw, 24px);
  box-shadow:var(--shadow-card);
}
ul.products li.product img{
  border-radius:var(--r-media); aspect-ratio:1/1; object-fit:cover;
  margin-bottom:var(--s-2); background:var(--c-graphite);
}
ul.products li.product .woocommerce-loop-product__title{
  font-size:1.1rem; font-weight:var(--w-black); margin:0 0 var(--s-1);
}
ul.products li.product .price{
  color:var(--c-orange-deep); font-weight:var(--w-bold); display:block; margin-bottom:var(--s-2);
}
ul.products li.product .button{
  display:block; text-align:center;
  padding:11px; font-weight:var(--w-bold); text-decoration:none;
  background:var(--g-orange); color:#fff; clip-path:var(--cut-shape);
}
ul.products li.product .button:hover{ background:var(--g-orange-hover); }


/* ==================================================================
   עגלה וקופה — קלאסי (טבלאות/שורטקוד) וגם גרסת הבלוקים,
   כדי שהעיצוב יעבוד בכל התקנת ווקומרס.
   ================================================================== */

.woocommerce-cart .wrap,
.woocommerce-checkout .wrap{ padding-block:var(--s-6); }

/* --- עגלה קלאסית --- */
table.shop_table{
  width:100%; border-collapse:collapse;
  margin-bottom:var(--s-4);
}
table.shop_table th{
  text-align:right; font-size:var(--t-small); color:var(--c-slate);
  padding:0 8px var(--s-2); border-bottom:1px solid var(--c-hairline);
}
table.shop_table td{
  padding:var(--s-2) 8px; border-bottom:1px solid var(--c-hairline);
  vertical-align:middle;
}
table.shop_table td.product-thumbnail img{
  width:80px; height:80px; object-fit:cover; background:var(--c-graphite);
}
table.shop_table td.product-name a{ font-weight:var(--w-bold); text-decoration:none; }
table.shop_table td.product-price,
table.shop_table td.product-subtotal{ font-weight:var(--w-bold); }
table.shop_table .quantity .qty{
  width:64px; text-align:center; padding:8px; border:1px solid var(--c-hairline);
}
table.shop_table td.product-remove a{
  display:inline-grid; place-items:center; width:28px; height:28px;
  color:var(--c-slate); text-decoration:none; font-size:1.2rem;
}
table.shop_table td.product-remove a:hover{ color:var(--c-orange); }

.woocommerce-cart-form .coupon{ display:flex; gap:var(--s-2); margin-top:var(--s-3); }
.woocommerce-cart-form .coupon input#coupon_code{
  flex:1; max-width:220px; padding:12px 14px; border:1px solid var(--c-hairline);
}
.woocommerce-cart-form button[name="update_cart"],
.woocommerce-cart-form button[name="apply_coupon"]{
  padding:12px 24px; font-weight:var(--w-bold); border:1px solid var(--c-ink);
  background:transparent; cursor:pointer;
}
.woocommerce-cart-form button[name="update_cart"]:hover,
.woocommerce-cart-form button[name="apply_coupon"]:hover{ background:var(--c-ink); color:#fff; }

.cart_totals{
  background:var(--c-plate); padding:var(--s-4);
  clip-path:var(--plate-shape);
  max-width:420px; margin-inline-start:auto;
}
.cart_totals h2{ font-size:1.4rem; font-weight:var(--w-black); margin:0 0 var(--s-3); }
.cart_totals table{ width:100%; }
.cart_totals table th,
.cart_totals table td{ padding:10px 0; border-bottom:1px solid rgba(0,0,0,.08); }
.cart_totals .order-total .amount{ font-size:1.3rem; font-weight:var(--w-black); color:var(--c-orange-deep); }

.wc-proceed-to-checkout{ margin-top:var(--s-3); }
.wc-proceed-to-checkout .checkout-button{
  display:block; width:100%; text-align:center;
  padding:16px; font-weight:var(--w-bold); font-size:1.15rem;
  text-decoration:none; color:#fff;
  background:var(--g-orange); clip-path:var(--cut-shape);
}
.wc-proceed-to-checkout .checkout-button:hover{ background:var(--g-orange-hover); }

/* --- קופה קלאסית --- */
.woocommerce-checkout .col2-set,
.woocommerce-checkout .checkout{
  display:grid; grid-template-columns:1.2fr 1fr; gap:var(--s-5);
  align-items:start;
}
@media (max-width:900px){
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout .checkout{ grid-template-columns:1fr; }
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading{
  font-size:1.3rem; font-weight:var(--w-black); margin:0 0 var(--s-3);
}
.woocommerce-checkout .form-row{ margin-bottom:var(--s-2); }
.woocommerce-checkout label{ display:block; font-weight:var(--w-medium); margin-bottom:6px; font-size:var(--t-small); }
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
  width:100%; font:inherit; padding:13px 14px;
  border:1px solid var(--c-hairline); background:var(--c-surface);
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus{ outline:2px solid var(--c-orange); outline-offset:1px; }

#order_review{ background:var(--c-plate); padding:var(--s-4); clip-path:var(--plate-shape); }
#order_review table.shop_table{ background:transparent; }

ul.wc_payment_methods{ list-style:none; margin:0 0 var(--s-3); padding:0; }
ul.wc_payment_methods li.wc_payment_method{
  border:1px solid var(--c-hairline); padding:var(--s-2) var(--s-3); margin-bottom:8px;
  background:var(--c-surface);
}
ul.wc_payment_methods li.wc_payment_method label{ display:inline; font-weight:var(--w-bold); margin-inline-start:8px; }
.payment_box{ padding-top:10px; color:var(--c-slate); font-size:var(--t-small); }

#place_order{
  width:100%; display:block; text-align:center;
  padding:17px; font:inherit; font-weight:var(--w-bold); font-size:1.2rem;
  border:0; cursor:pointer; color:#fff;
  background:var(--g-orange); clip-path:var(--cut-shape);
}
#place_order:hover{ background:var(--g-orange-hover); }

/* --- גרסת הבלוקים (Cart/Checkout blocks) — עיטוף בסיסי בשפת האתר --- */
.wc-block-components-title{ font-weight:var(--w-black); }
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--g-orange) !important; color:#fff !important;
  border-radius:0 !important; clip-path:var(--cut-shape);
  font-weight:var(--w-bold) !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{ background:var(--g-orange-hover) !important; }
.wc-block-components-totals-wrapper,
.wc-block-cart__totals-title{ font-weight:var(--w-black); }
.wc-block-components-panel,
.wc-block-components-text-input input,
.wc-block-components-combobox input{
  border-radius:0 !important; border-color:var(--c-hairline) !important;
}