/* ==========================================================================
   polish.css — שדרוג עיצוב מאושר (הצעות 1 · 3 · 4 · 5)
   נטען אחרון, אחרי overrides.css.

   הצעה 2 (מעוף לעגלה) ירדה בכוונה: shop.js כבר פותח מגירת עגלה ב-added_to_cart,
   ויש כבר .loading/.added על הכפתור. אנימציה נוספת רק תעכב את המגירה.
   ========================================================================== */


/* ==========================================================================
   1 · כרטיס מוצר
   שים לב: .pcard מקבל transform מ-motion.js (tilt תלת-מימד) בזמן ריחוף.
   לכן אסור להוסיף כאן transform ל-.pcard עצמו — הוא פשוט יידרס ע״י ה-inline style.
   ההרמה כבר מגיעה מה-tilt; מה שחסר זה זום על התמונה + צל עמוק יותר.
   ========================================================================== */
.pcard__img{overflow:hidden}

.pcard__photo{
  transition:transform .45s var(--ease);
  will-change:transform;
}
.pcard:hover .pcard__photo,
.pcard:focus-within .pcard__photo{transform:scale(1.07)}

/* צל עשיר יותר בריחוף (המקור: var(--shadow) בלבד) */
.pcard:hover{box-shadow:0 22px 50px rgba(17,38,27,.16)}

/* תווית "מומלץ" — נשלטת מ-WooCommerce (סימון "מוצר מומלץ") */
.badge-featured{
  background:linear-gradient(135deg,var(--honey),var(--honey-deep));
  color:#3B2A05;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  padding:4px 10px;
  border-radius:var(--r-pill);
  box-shadow:0 3px 10px rgba(224,168,46,.42);
  white-space:nowrap;
}

body.reduce-motion .pcard:hover .pcard__photo,
body.reduce-motion .pcard:focus-within .pcard__photo{transform:none}


/* ==========================================================================
   3 · חשיפה מדורגת בגלילה
   התבנית כבר כוללת [data-reveal] + .is-in (motion.js, IntersectionObserver).
   כאן רק מכווננים את התזמון לפי ההמלצה: 420ms, back.out — במקום 700ms ליניארי.
   העיכוב המדורג עצמו מוזרק ב-polish.js.
   ========================================================================== */
[data-reveal]{transform:translateY(18px) scale(.97)}

.is-in [data-reveal],
[data-reveal].is-in{
  transform:none;
  transition:opacity .42s cubic-bezier(.34,1.56,.64,1),
             transform .42s cubic-bezier(.34,1.56,.64,1);
}


/* ==========================================================================
   4 · הדר שמתכווץ בגלילה
   הצבע נשאר לבן נקי (overrides.css) — משתנה רק הגובה.
   המחלקה .scrolled כבר מתווספת ע״י הסקריפט ב-footer.php.
   ========================================================================== */
.header-row{transition:height .3s var(--ease)}
.sa-logo--img .sa-logo__img{transition:height .3s var(--ease)}

.site-header.scrolled .header-row{height:56px}
.site-header.scrolled .sa-logo--img .sa-logo__img{height:46px}

@media (max-width:760px){
  .site-header.scrolled .sa-logo--img .sa-logo__img{height:40px}
}

body.reduce-motion .header-row,
body.reduce-motion .sa-logo--img .sa-logo__img{transition:none}


/* ==========================================================================
   5 · מספרים מיושרים
   נועל כל ספרה לאותו רוחב — עמודות מחירים מפסיקות "לרקוד".
   ========================================================================== */
.pcard__price,
.pcard__price .amount,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.sa-cart-drawer .amount,
.cart_totals .amount,
.woocommerce-cart-form .amount,
.sa-wbw-total,
.sa-wbw-price{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}