/*
 * hover.css — כל אפקטי המעבר (hover) והפוקוס של האתר במקום אחד.
 * נטען אחרון בכל עמודי האתר (inc/page-hover.php), ולכן הכללים כאן גוברים על
 * הגיליונות האחרים בלי !important. אסור להוסיף :hover בגיליונות אחרים.
 *
 * המפרט (מועצה: מעצבת יודאיקה, מעצב אינטראקציה, מבקר):
 * - אווירה: אור זהב רך, כמו להבת נר על קלף. בלי ניצוצות, בלי קפיצות, בלי ניאון.
 * - שלוש מילים בלבד: (1) צבע: טקסט לזהב #8A6A43. (2) אור: הילה זהובה רכה
 *   (box-shadow / filter) ומסגרת לבנה פנימית שמתחממת. (3) תנועה: עדינה מאוד,
 *   קו זהב שנמתח מהמרכז, חץ שזז 4px קדימה (שמאלה ב-RTL), תמונה שמתקרבת 4%,
 *   ופס אור זהוב שעובר פעם אחת על כפתור כהה מימין לשמאל.
 * - תזמון: צבע 220ms, אור 450ms, תמונות 1.1s, פס האור 900ms. האטה אחת לכולם.
 * - רק transform / opacity / box-shadow / filter / background-position (וצבע).
 *   שום שינוי שמזיז פריסה.
 * - מגע: כל אפקט ה-hover בתוך @media (hover:hover). בטלפון אין מצב hover
 *   "תקוע" אחרי לחיצה. (חריג אחד: כפתור "הוספה לסל" בכרטיס, שהוא פונקציונלי.)
 * - מקלדת: אותו אפקט ב-:focus-visible, וטבעת הפוקוס הזהובה של site.css נשארת.
 * - prefers-reduced-motion: נשארים צבע ואור, כל התנועה יורדת.
 */

:root{
  --hv-ease:cubic-bezier(.22,.61,.36,1);
  --hv-c:.22s;            /* צבע */
  --hv-l:.45s;            /* אור / צל */
  --hv-glow:0 12px 28px -18px rgba(138,106,67,.75);
  --hv-glow-s:0 8px 20px -14px rgba(138,106,67,.6);
  --hv-ring:inset 0 0 0 1px rgba(214,186,146,.55);
  --hv-warm:#FFFDF9;
  --hv-sheen:linear-gradient(110deg,transparent 38%,rgba(230,204,160,.30) 50%,transparent 62%);
}

/* ==========================================================================
   א. בסיס: מעברים ומצבי מנוחה (חלים בכל מכשיר, לא מציירים כלום עד hover)
   ========================================================================== */

/* תפריט: קו זהב שנמתח מהמרכז. העמוד הנוכחי (.on) מקבל אותו פתוח. */
.bar nav a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1.5px;background:var(--gold);transform:scaleX(0);transform-origin:50% 50%;transition:transform .45s var(--hv-ease)}
.bar nav a.on::after{transform:scaleX(1)}

/* לוגו: הסימן מתבהר בהילת נר */
.logo__mark{transition:filter .5s var(--hv-ease)}

/* אייקוני הכותרת, סגירה, ניקוי */
.tools a,.burger,.av-drawer__x,.avs__x,.avs__clear{transition:background-color var(--hv-c) var(--hv-ease),color var(--hv-c) var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease)}

/* כפתורים כהים: פס אור זהוב מוכן מחוץ לכפתור (מימין), לא נראה עד hover */
.btn,.av-btn--primary,.av-drawer__body--empty .av-btn,.avs__go,.ck-body .button,.ck-body button[type=submit],.card .add,body .pdp .pdp-cart button.single_add_to_cart_button{background-image:var(--hv-sheen);background-size:250% 100%;background-repeat:no-repeat;background-position:-10% 0;transition:background-color .3s var(--hv-ease),color .3s var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease),background-position 0s}
.card .add{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .3s var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease),background-position 0s}

/* כפתורים בהירים (קו מתאר) */
.ck-body button[name=apply_coupon],.ck-body button[name=update_cart],.ck-body button[name=calc_shipping]{background-image:none}
.av-btn--ghost,.arrows button,.avs__scope button,.avs-drop__scope button,.ck-body button[name=apply_coupon],.ck-body button[name=update_cart],.ck-body button[name=calc_shipping],.ck-body .woocommerce-orders-table .button,.ck-body .order-again .button,.shop nav.woocommerce-pagination ul li .page-numbers,.ft-talk .socials a,.shop .av-filters li.wc-layered-nav-term a{transition:background-color var(--hv-c) var(--hv-ease),border-color var(--hv-c) var(--hv-ease),color var(--hv-c) var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease)}

/* קישור "עוד" ושורות עם חץ: החץ זז קדימה */
.more,.avs-more__a,.shop-pages a,.cat .more{transition:color var(--hv-c) var(--hv-ease)}
.more svg,.avs-more__a svg,.shop-pages svg,.ckbar__back svg{transition:transform .35s var(--hv-ease)}

/* תמונות ממוסגרות: אור חם בפינות + המסגרת הלבנה מתחממת */
.card .ph::before,.cat::before,.ig-grid a.post::before,.ab-gal__grid a.post::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 50% 45%,transparent 58%,rgba(138,106,67,.16) 100%);opacity:0;transition:opacity .6s var(--hv-ease)}
.card .ph::after,.cat::after,.ig-grid a.post::after,.ab-gal__grid a.post::after,.pdp-thumb::after{transition:box-shadow .6s var(--hv-ease),border-color .6s var(--hv-ease),opacity .35s}
.card .ph img,.cat img,.ig-grid a.post img,.ab-gal__grid a.post img{transition:transform 1s cubic-bezier(.2,.7,.2,1),scale 1.1s var(--hv-ease)}
.card h3 a{transition:color var(--hv-c) var(--hv-ease)}

/* אריחי קטגוריה והקטגוריות בקטלוג */
.cat{transition:box-shadow .6s var(--hv-ease)}
.av-types .lb{transition:color var(--hv-c) var(--hv-ease)}

/* פוטר: קו זהב שנמתח מתחילת השורה (ימין) */
.ft-cols li a{position:relative;transition:color var(--hv-c) var(--hv-ease)}
.ft-cols li a::after{content:"";position:absolute;inset-inline:0;bottom:3px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--hv-ease)}
.ft-talk a.ph,.legal .credit a,.ckfoot__trust a,.ckfoot__legal a,.ckbar__back{transition:color var(--hv-c) var(--hv-ease)}

/* מגירת הסל */
.av-drawer__name,.av-drawer__remove{transition:color var(--hv-c) var(--hv-ease)}
.av-drawer__thumb img{transition:filter .45s var(--hv-ease),box-shadow .45s var(--hv-ease)}

/* וואטסאפ צף (bottom נשמר בשביל פס הקנייה בעמוד המוצר) */
.fab{transition:bottom .3s ease,transform .4s var(--hv-ease),box-shadow .45s var(--hv-ease)}

/* שדות: מסגרת זהב והילה דקה בפוקוס, אחיד בכל האתר */
.field input,.av-contact input,.av-contact textarea,.av-sketch textarea,.pg-search,.av-search,.ck-body input,.ck-body textarea,.ck-body select,.shop .woocommerce-ordering select{transition:border-color var(--hv-c) var(--hv-ease),background-color var(--hv-c) var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease)}
.field input:focus,.av-contact input:focus,.av-contact textarea:focus,.av-sketch textarea:focus,.pg-search:focus-within,.av-search:focus-within,.shop .woocommerce-ordering select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,149,107,.16)}
.shop .woocommerce-ordering select:focus{outline:none}

/* כפתור הקנייה בעמוד המוצר: לא מתהפך לשקוף (גם לא בלחיצה בטלפון) */
body .pdp .pdp-cart button.single_add_to_cart_button:hover{background-color:var(--ink);color:#fff}

/* כפתור "הוספה לסל" בכרטיס: נחשף בריחוף או בפוקוס (פונקציונלי, גם בטאבלט) */
.card:hover .add,.card .add:focus-visible,.card:focus-within .add{transform:none}

/* ==========================================================================
   ב. אור וצבע (רק במכשירים עם עכבר). נשאר גם ב-reduced-motion.
   ========================================================================== */
@media (hover:hover){

  /* לוגו */
  .logo:is(:hover,:focus-visible) .logo__mark{filter:brightness(1.05) drop-shadow(0 0 10px rgba(201,168,120,.55))}

  /* אייקוני כותרת וסגירה */
  .tools a:hover,.burger:hover,.av-drawer__x:hover{background-color:var(--soft);color:var(--gold-text);box-shadow:var(--hv-ring)}
  .avs__x:hover{background-color:rgba(255,255,255,.65);color:var(--gold-text)}
  .avs__clear:hover{background-color:var(--bg);color:var(--ink)}

  /* כפתורים כהים: נשארים כהים, מתחממים בהילת זהב וקו זהב פנימי */
  .btn:not(.is-off):is(:hover,:focus-visible),.av-btn--primary:hover,.av-drawer__body--empty .av-btn:hover,.avs__go:hover,.ck-body .button:hover,.ck-body button[type=submit]:hover,body .pdp .pdp-cart button.single_add_to_cart_button:not(.loading):hover{background-color:#2A2723;color:#fff;box-shadow:var(--hv-glow),inset 0 0 0 1px rgba(214,186,146,.45)}
  .card .add:not(.added):not(.done):not([disabled]):is(:hover,:focus-visible){background-color:#2A2723;box-shadow:var(--hv-glow),inset 0 0 0 1px rgba(214,186,146,.45)}

  /* כפתורים בהירים: לבן חם, מסגרת וטקסט זהב */
  .av-btn--ghost:not(.av-drawer__body--empty .av-btn):hover,.arrows button:hover,.ck-body button[name=apply_coupon]:hover,.ck-body button[name=update_cart]:hover,.ck-body button[name=calc_shipping]:hover,.ck-body .woocommerce-orders-table .button:hover,.ck-body .order-again .button:hover,.shop nav.woocommerce-pagination ul li a.page-numbers:hover{background-color:var(--hv-warm);border-color:var(--gold);color:var(--gold-text);box-shadow:var(--hv-glow-s)}
  .avs__scope button:not(.on):hover,.avs-drop__scope button:not(.on):hover{border-color:var(--gold);color:var(--gold-text);background-color:var(--hv-warm)}
  .ft-talk .socials a:hover{background-color:var(--white);color:var(--gold-text);box-shadow:inset 0 0 0 1px var(--gold),var(--hv-glow-s)}

  /* קישורי "עוד" וקישורי טקסט */
  .more:hover,.avs-more__a:hover,.cat:hover .more{color:var(--gold-text)}
  .pg-lead a:hover,.pg-prose a:hover,.pg-dl a:hover{color:var(--gold-text)}
  .shop .crumbs a:hover,.av-clear-filters:hover,.shop-pages a:hover b,.ck-dash__links a:hover,.ck-body .woocommerce-Address-title .edit:hover,.ck-body table.cart tr.cart_item .product-name a:hover,.ck-body table.order_details td.product-name a:hover,.ck-body .woocommerce-message .button:hover,.ck-body .woocommerce-info .button:hover{color:var(--gold-text)}
  .ck-body .woocommerce-message .button:hover,.ck-body .woocommerce-info .button:hover{background:none}
  .ck-steps a:hover,.ckbar__back:hover,.ckfoot__trust a:hover,.ckfoot__legal a:hover{color:var(--ink)}
  .ck-body a.remove:hover{background:var(--soft);color:var(--ink)}
  .ck-body .woocommerce-MyAccount-navigation a:hover{background:rgba(255,255,255,.55)}

  /* כרטיס מוצר: אור חם בפינות, המסגרת מתחממת, הכותרת מזהיבה */
  .card:hover .ph::before,.ig-grid a.post:hover::before,.ab-gal__grid a.post:hover::before{opacity:1}
  .card:hover .ph::after{border-color:#fff;box-shadow:0 0 14px rgba(236,214,176,.55),inset 0 0 14px rgba(236,214,176,.4)}
  .card:hover h3 a,.card h3 a:focus-visible{color:var(--gold-text)}

  /* אריחי קטגוריה בעמוד הבית */
  .cat:hover::before{opacity:1}
  .cat:hover::after{border-color:#fff;box-shadow:0 0 14px rgba(236,214,176,.5),inset 0 0 14px rgba(236,214,176,.35)}
  .cat:hover{box-shadow:0 22px 44px -32px rgba(138,106,67,.55)}

  /* שורת הסוגים בקטלוג */
  .av-types a:not([aria-current]):hover .ic{background:#E5DACB;box-shadow:inset 0 0 0 1px rgba(184,149,107,.5),0 10px 24px -14px rgba(31,30,28,.45)}
  .av-types a:not([aria-current]):hover .lb{color:var(--gold-text)}

  /* סינון: גלולות, מיון, תגיות שנבחרו */
  .shop .av-filters li.wc-layered-nav-term:not(.chosen) a:hover{border-color:var(--gold);background-color:var(--hv-warm);box-shadow:var(--hv-glow-s)}
  .shop .woocommerce-ordering select:hover{border-color:var(--gold)}
  .av-active-filters .chip:hover{background:var(--wall)}
  .av-search button:hover{color:var(--gold-text)}

  /* חלון החיפוש */
  .avs-opt:hover{background:rgba(255,255,255,.72)}
  .avs-chip:hover{background:#fff;border-color:var(--gold);box-shadow:var(--hv-glow-s)}

  /* אינסטגרם וגלריית אודות */
  .ig-grid a.post:hover .ov,.ab-gal__grid a.post:hover .ov{opacity:1}
  .ig-grid a.post:hover::after,.ab-gal__grid a.post:hover::after{opacity:1;box-shadow:0 0 12px rgba(236,214,176,.45)}

  /* פוטר */
  .ft-cols li a:hover,.ft-talk a.ph:hover,.legal .credit a:hover{color:var(--gold-text)}

  /* שאלות נפוצות ואקורדיונים */
  .pg-q summary:hover{color:var(--gold-text)}

  /* עמודי תוכן: פירורי לחם, חיפוש ב-404, עימוד הבלוג */
  .pg-crumbs a:hover{color:var(--gold-text)}
  .pg-search button:hover{background-color:#2A2723;box-shadow:var(--hv-glow-s),inset 0 0 0 1px rgba(214,186,146,.45)}
  .pg-body--wide a.page-numbers:hover{background-color:var(--hv-warm);border-color:var(--gold);color:var(--gold-text)}

  /* עמוד המוצר (הכללים הבסיסיים ב-product.css) */
  .pdp-thumb:not(.on):hover{opacity:1;box-shadow:0 0 0 1px rgba(184,149,107,.55)}
  .pdp-thumb:not(.on):hover::after{box-shadow:0 0 10px rgba(236,214,176,.5)}
  .pdp-swatches .sw:not(.on):hover .ph{box-shadow:0 0 0 1.5px var(--gold),0 10px 22px -14px rgba(138,106,67,.7)}
  .pdp-swatches .sw:not(.on):hover .nm{color:var(--gold-text)}

  /* מגירת הסל */
  .av-drawer__name:hover,.av-drawer__thumb:hover~div .av-drawer__name{color:var(--gold-text)}
  .av-drawer__remove:hover{color:var(--ink)}
  .av-drawer__thumb:hover img{filter:brightness(1.04);box-shadow:0 0 0 1px rgba(184,149,107,.5),0 8px 18px -12px rgba(138,106,67,.6)}

  /* שדות: מסגרת מתחממת בריחוף */
  .field input:hover:not(:focus),.av-contact input:hover:not(:focus),.av-contact textarea:hover:not(:focus),.av-sketch textarea:hover:not(:focus),.pg-search:hover:not(:focus-within),.av-search:hover:not(:focus-within){border-color:#CDBFAE}

  /* וואטסאפ צף: הילה ירוקה דקה */
  .fab:hover{box-shadow:0 14px 30px -10px rgba(0,0,0,.32),0 0 0 6px rgba(37,211,102,.12)}

  /* פס ההודעות עוצר בריחוף */
  .ticker:hover .track{animation-play-state:paused}

  /* הודעות ווקומרס הכלליות (נשאר כמו שהיה) */
  .woocommerce-message .button:hover,.woocommerce-info .button:hover,.woocommerce-error .button:hover{background:transparent!important;color:var(--ink)!important}
  .woocommerce-error .button:hover{color:#7A2E24!important}
}

/* ==========================================================================
   ג. תנועה (רק עם עכבר ורק כשלא ביקשו להפחית תנועה)
   ========================================================================== */
@media (hover:hover) and (prefers-reduced-motion:no-preference){

  /* קו התפריט נמתח מהמרכז */
  .bar nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}

  /* פס אור זהוב עובר פעם אחת מימין לשמאל */
  .btn:not(.is-off):is(:hover,:focus-visible),.av-btn--primary:hover,.av-drawer__body--empty .av-btn:hover,.avs__go:hover,.ck-body .button:hover,.ck-body button[type=submit]:hover,body .pdp .pdp-cart button.single_add_to_cart_button:not(.loading):hover,.card .add:not(.added):not(.done):not([disabled]):is(:hover,:focus-visible){background-position:110% 0;transition:background-color .3s var(--hv-ease),color .3s var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease),background-position .9s var(--hv-ease),transform .35s cubic-bezier(.2,.7,.2,1)}

  /* חץ זז קדימה (שמאלה) */
  .more:hover svg,.cat:hover .more svg,.avs-more__a:hover svg,.shop-pages a:hover svg,.ck-dash__links a:hover svg{transform:translateX(-4px)}
  .ckbar__back:hover svg{transform:scaleX(-1) translateX(4px)}

  /* תמונות מתקרבות לאט */
  .card:hover .ph img,.cat:hover img{scale:1.04}
  .ig-grid a.post:hover img,.ab-gal__grid a.post:hover img{scale:1.06}

  /* קו הפוטר */
  .ft-cols li a:is(:hover,:focus-visible)::after{transform:scaleX(1)}

  /* קטגוריות בקטלוג: האייקון עולה מעט */
  .av-types a:hover .cat-ico{transform:translateY(-2px) scale(1.06)}

  /* דוגמיות צבע בעמוד המוצר */
  .pdp-swatches .sw:hover .ph{transform:translateY(-2px)}

  /* וואטסאפ */
  .fab:hover{transform:translateY(-2px)}
}

/* בלי תנועה: גם הקו בתפריט ובפוטר מופיע מיד, והכפתור בכרטיס בלי החלקה */
@media (hover:hover) and (prefers-reduced-motion:reduce){
  .bar nav a:is(:hover,:focus-visible)::after,.ft-cols li a:is(:hover,:focus-visible)::after{transform:scaleX(1);transition:none}
}
@media (prefers-reduced-motion:reduce){
  .card .add{transition:background-color .2s}
  .card .ph img,.cat img,.ig-grid a.post img,.ab-gal__grid a.post img{scale:none!important}
  .pdp-swatches .ph{transform:none!important}
}

/* ==========================================================================
   ד. תאימות לאנימציית החשיפה (reveal.css)
   reveal.css קובע transition על אלמנט שנחשף (.fxr-in) ודורס את המעברים שלנו.
   כאן משלבים: מאפייני החשיפה נשארים בדיוק כמו שהם (עם העיכוב --d),
   והמאפיינים שלנו בלי עיכוב. הזום בתמונות עובר דרך scale ולא transform,
   כדי לא להתנגש בתנועת הכניסה של .fxr-img.
   ========================================================================== */
body.fx-reveal.fxr-on .fxr-fade.fxr-in:is(.btn,.more,.av-search,.av-contact){transition:opacity .8s ease var(--d,0ms),transform .9s var(--fxr-o) var(--d,0ms),background-color .3s var(--hv-ease),color var(--hv-c) var(--hv-ease),border-color var(--hv-c) var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease),background-position 0s}
body.fx-reveal.fxr-on :is(.fxr-wipe-r,.fxr-wipe-l,.fxr-wipe-up).fxr-in:is(.cat){transition:opacity .8s ease var(--d,0ms),transform 1s var(--fxr-o) var(--d,0ms),box-shadow .6s var(--hv-ease)}
body.fx-reveal.fxr-on .fxr-in .fxr-img{transition:transform 1.4s var(--fxr-o) var(--d,0ms),scale 1.1s var(--hv-ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.fx-reveal.fxr-on .btn.fxr-in:not(.is-off):is(:hover,:focus-visible){transition:opacity .8s ease var(--d,0ms),transform .9s var(--fxr-o) var(--d,0ms),background-color .3s var(--hv-ease),color .3s var(--hv-ease),box-shadow var(--hv-l) var(--hv-ease),background-position .9s var(--hv-ease)}
}

/* עמוד המוצר: כללים שהועברו מ-product.css */
@media (hover:hover){
  .pdp-crumbs a:hover{color:var(--gold-text)}
  .pdp-cart .q-btn:hover{background:var(--soft);color:var(--ink)}
  .pdp-acc summary:hover{color:var(--gold-text)}
}
@media (hover:hover){.legal .lg a:hover{color:var(--gold-text)}}
@media (hover:hover){.nl .nl-btn:hover{background:#CDAE85;border-color:#CDAE85;color:var(--ink)}.nl-priv a:hover{color:#E7D3B3}}
@media (hover:hover){.pdp-reviews .form-submit input.btn:hover{background:#3a3835!important}}