/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0
*/

/*────────────────────────────────────────*/
/* Imports                                 */
/*────────────────────────────────────────*/
@import url('/wp-content/uploads/fonts/fonts.css');

/*────────────────────────────────────────*/
/* 1. CSS VARIABLES – All in one :root    */
/*────────────────────────────────────────*/
:root {
  --font-body:           'Sapir Classic', 'cy', sans-serif;
  --font-heading:        'Sapir Classic', 'cy', sans-serif;
  --font-static-btn:     'Sapir Classic', 'cy', sans-serif;
  --font-filter-btn:     'Sapir Classic', 'cy', sans-serif;
  --font-page-title:     'Sapir Classic', 'cy', sans-serif;

  /* cart fonts */
  --adfy_woofc_base_text_font_size: 44px !important;
  --adfy_woofc_cart_product_title_font_size: 44px !important;
  --adfy_woofc_base_button_font_size: 44px !important;
  --adfy_woofc_font_family: 'Sapir Classic', 'cy', sans-serif !important;

  /* colors */
  --black:               #161616;
  --white:               #fff;
  --gray:                #ccc;

  /* border */
  --border-w:            2px;
  --border-color:        #161616;

  /* spacing */
  --gap-horizontal:      8px;
  --gap-vertical:        10px;
  --gap-buttons:         5px;
  --gap-theme:           20px;
  --gap-popup:           6px;
  --grid-side-padding: 16px;

      --wvs-single-product-item-font-size: 36px !important;
          --wvs-single-product-item-width: 70px !important;
    --wvs-single-product-item-height: 70px !important;


  /* animations */
  --anim-d:              0.6s;
  --anim-ease:           cubic-bezier(0.25,0.1,0.25,1);

  /* filter bar */
  --filter-top-offset:   100px;

}


  #adfy__floating-cart .adfy__woofc-header .adfy__woofc-title {
    align-items: center;
    color: var(--adfy_woofc_cart_title_text_color);
    display: flex
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 40px !important;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.adfy__woofc-button, a.adfy__woofc-button, button.adfy__woofc-button, button.adfy__woofc-button[type=submit], input.adfy__woofc-button[type=submit] {
    font-size: var(--adfy_woofc_base_button_font_size);
    font-family: var( --adfy_woofc_font_family) !important;
    font-weight: var(--adfy_woofc_base_button_font_weight);
    gap: 5px;
    letter-spacing: var(--adfy_woofc_base_button_letter_spacing);
    line-height: 1;
    fill: var(--adfy_woofc_primary_button_label_color);
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background: transparent;
    background-color: var(--adfy_woofc_primary_button_background_color);
    border-color: var(--adfy_woofc_primary_button_border_color);
    border-radius: var(--adfy_woofc_base_button_border_radius);
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: var(--adfy_woofc_primary_button_label_color);
    padding: 15px 25px;
    text-decoration: none;
    text-transform: var(--adfy_woofc_base_button_text_transform);
    transition: all .5s ease;
}

@media (max-width: 768px) {
    :root {
    /* cart fonts */
  --adfy_woofc_base_text_font_size: 34px !important;
  --adfy_woofc_cart_product_title_font_size: 34px !important;
  --adfy_woofc_base_button_font_size: 34px !important;
  --adfy_woofc_font_family: 'Sapir Classic', sans-serif !important;
  }

  #adfy__floating-cart .adfy__woofc-header .adfy__woofc-title {
    align-items: center;
    color: var(--adfy_woofc_cart_title_text_color);
    display: flex
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 40px !important;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.adfy__woofc-button, a.adfy__woofc-button, button.adfy__woofc-button, button.adfy__woofc-button[type=submit], input.adfy__woofc-button[type=submit] {
    font-size: var(--adfy_woofc_base_button_font_size);
    font-family: var( --adfy_woofc_font_family) !important;
    font-weight: var(--adfy_woofc_base_button_font_weight);
    gap: 5px;
    letter-spacing: var(--adfy_woofc_base_button_letter_spacing);
    line-height: 1;
    fill: var(--adfy_woofc_primary_button_label_color);
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background: transparent;
    background-color: var(--adfy_woofc_primary_button_background_color);
    border-color: var(--adfy_woofc_primary_button_border_color);
    border-radius: var(--adfy_woofc_base_button_border_radius);
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: var(--adfy_woofc_primary_button_label_color);
    padding: 15px 25px;
    text-decoration: none;
    text-transform: var(--adfy_woofc_base_button_text_transform);
    transition: all .5s ease;
}

    }

/*────────────────────────────────────────*/
/* 4. Reset / Normalize                   */
/*────────────────────────────────────────*/
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*────────────────────────────────────────*/
/* 5. Base Styles                         */
/*────────────────────────────────────────*/
html {
  font-size: 100%;
  line-height: 1;
}
body {
  font-family: var(--font-body);
  background: var(--white);
  color: var(--black);
  -webkit-font-smoothing: antialiased;

}
a {
  color: inherit;
  text-decoration: none;
}


/*────────────────────────────────────────*/
/* 6. Direction / Alignment               */
/*────────────────────────────────────────*/
[lang="he"],[lang^="he-"] { direction: rtl; text-align: right; }
[lang="en"],[lang^="en-"] { direction: ltr; text-align: left; }

/*────────────────────────────────────────*/
/* 7. Site Layout                         */
/*────────────────────────────────────────*/

.site-main .container {
  width: 100%;                               /* חובה כדי ש־max-width יעבוד */
  /*max-width: var(--content-max-w, 1200px);   /* רוחב מקסימלי – תגדיר את --content-max-w ב־:root אם צריך */
  margin: 0 auto;                            /* מרכז את הקונטיינר */
  padding: 0 var(--gap-horizontal);          /* ריפוד צדדי דינמי */
  box-sizing: border-box;                    /* כדי שה־padding לא יגדיל את הרוחב */
}


/*────────────────────────────────────────*/
/* 8.7 Menu Toggle (Hamburger)           */
/*────────────────────────────────────────*/
.menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
}
.menu-toggle svg {
  display: block;
  width: 3rem;
  height: 3rem;
}


/*────────────────────────────────────────*/
/* 10. Filter Bar & Products Grid         */
/*────────────────────────────────────────*/
/* A) Toggle filters by device */
.bootleg-filter.filter-desktop-only { display: none !important; }
.bootleg-filter.filter-mobile-only  { display: inline-block !important; }
@media (min-width: 1024px) {
  .bootleg-filter.filter-mobile-only  { display: none !important; }
  .bootleg-filter.filter-desktop-only { display: inline-block !important; }
}
/* 10.1 Bar Wrapper */
.bootleg-filter-wrapper {
  position: sticky;
  top: var(--filter-top-offset);
    margin-bottom: clamp(1rem, 3vw, 3rem);

  z-index: 9;
  background: transparent;
  display: flex;
  justify-content: center;
  padding: 12px 0 !important;
}
/* 10.2 Bar */
.bootleg-filter-bar {
  position: relative;
  display: flex;
  justify-content: center;
  --filter-offset: 50%;
  --filter-width: 0;
  --filter-height: 0;
  --filter-top: 50%;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  gap: 8px !important;
  padding: 12px 12px;
}
.bootleg-filter-bar::before {
  content: '';
  position: absolute;
  top: var(--filter-top);
  left: var(--filter-offset);
  width: var(--filter-width);
  height: var(--filter-height);
  background: var(--border-color);
  transform: translate(-50%, -50%) rotate(3deg);
  transform-origin: center;
  z-index: -1;
  transition:
    left   var(--anim-d) var(--anim-ease),
    width  var(--anim-d) var(--anim-ease),
    height var(--anim-d) var(--anim-ease),
    top    var(--anim-d) var(--anim-ease);
}




/* 10.3 Filter Buttons */
.bootleg-filter {
  background: var(--white);
  color: var(--black);
  font-family: var(--font-filter-btn);
  text-transform: uppercase;
  cursor: pointer;
  transition:
  transform var(--anim-d) var(--anim-ease),
  box-shadow var(--anim-d) var(--anim-ease);
  min-width: 100px;
  text-align: center;
  flex: 0 0 auto !important;
  padding: 4px 12px !important;
  font-size: 2.3rem !important;
  min-width: auto !important;
  border: var(--border-w) solid var(--border-color) !important;
}
.bootleg-filter.active {
  transform: rotate(3deg);
  box-shadow: 6px 6px 0 var(--border-color);
}
.bootleg-filter:not(.active):hover {
  background: var(--white);
}

/* ─────────────────────────────────── */
/*  Reset default button bevels       */
/*────────────────────────────────────*/
.bootleg-filter,
.bootleg-filter:hover,
.bootleg-filter:focus,
.bootleg-filter:active {
  /* מסיר את הסגנון המגושם של הדפדפן */
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;

  /* מבטל כל shadow אפשרי */

  /* force Flat solid border */
  border: var(--border-w) solid var(--border-color) !important;
}
/*────────────────────────────────────────*/
/* 10.4 Products Grid – עם שוליים         */
/*────────────────────────────────────────*/
.bootleg-grid {
  display: grid;
  gap: var(--gap-vertical) var(--gap-horizontal);
  grid-template-columns: repeat(4, 1fr);
  /* שוליים אנכיים (מרווח בין הכותרת לגריד) */
  margin: var(--gap-vertical) auto;
    margin-top: 0 !important;
  /* ריווח אופקי משני הצדדים */
  padding: 0 var(--grid-side-padding);
  /* אופציונלי: להגביל רוחב מקסימלי */
  max-width: 1800px;
}

/*────────────────────────────────────────*/
/* 11. Overlay Static Buttons on Items    */
/*────────────────────────────────────────*/
.bootleg-image-container {
  position: relative;
}

/* 11.1 Static Buttons – hidden by default, show on hover, centered */
.bootleg-image-container .bootleg-static-buttons {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--gap-buttons);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity var(--anim-d) var(--anim-ease),
    visibility 0s linear var(--anim-d);
  z-index: 2;
}
.bootleg-image-container:hover .bootleg-static-buttons {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* 11.2 Button base styles */
.bootleg-static-buttons button,
.bootleg-static-buttons a {
  min-width: 54px;            /* אחיד לגודל כפתורי המידות */
  height: 50px;               /* גובה קבוע */
  padding: 0 1rem;            /* רוחב פנימי אופקי */
  font-family: var(--font-static-btn);
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
  white-space: nowrap;
  background: var(--white);
  border: var(--border-w) solid var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background var(--anim-d) var(--anim-ease),
    color      var(--anim-d) var(--anim-ease);
}
.bootleg-static-buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bootleg-static-buttons button:hover,
.bootleg-static-buttons a:hover {
  background: var(--black);
  color: var(--white);
}

/*────────────────────────────────────────*/
/* 12. Popup logic                        */
/*────────────────────────────────────────*/
/* hide popup by default */
.bootleg-popup {
  display: none;
  justify-content: center;
  align-items: center;
  gap: var(--gap-buttons);
}

/* when open: show popup and hide static buttons */
.bootleg-popup.open {
  display: flex !important;
}
.bootleg-item:has(.bootleg-popup.open) .bootleg-static-buttons {
  display: none !important;
}
/*────────────────────────────────────────*/
/* 12. Popup מידות + AJAX Add to Cart      */
/*────────────────────────────────────────*/
.bootleg-popup {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: var(--gap-popup);
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
.bootleg-popup.open {
  opacity: 1;
  pointer-events: auto;
}
.bootleg-popup .bootleg-size {
  width: 54px;
  height: 50px;
  background: var(--white);
  border: var(--border-w) solid var(--border-color) !important;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(20px);
  z-index: 10;
  transition:
    opacity var(--anim-d) var(--anim-ease),
    transform var(--anim-d) var(--anim-ease);
}
.bootleg-popup.open .bootleg-size {
  opacity: 1;
  transform: translateY(0);
}
.bootleg-popup .bootleg-size:disabled,
.bootleg-popup .bootleg-size.out-of-stock {
  background: var(--gray);
  color: #666;
  cursor: not-allowed;
}

/*────────────────────────────────────────*/
/* 13. Product Item                       */
/*────────────────────────────────────────*/
.bootleg-item {
  position: relative;
}
.bootleg-image-container {
  aspect-ratio: 4/5;
  border: var(--border-w) solid var(--black) !important;
  overflow: hidden;
    position: relative;

}
.bootleg-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*────────────────────────────────────────*/
/* 14. Product Info – title+price תחת התמונה בשורה */
/*────────────────────────────────────────*/
.bootleg-info {
  display: flex;                            /* שורה יחידה */
  justify-content: space-between;           /* כותרת משמאל, מחיר מימין */
  align-items: center;                      /* יישור אנכי */
  width: 100%;                              /* יתפרס על כל רוחב הפריט */
  margin-top: 0px;           /* ריווח מעל */
  padding: 0 var(--gap-horizontal);         /* ריווח אופקי לפי משתנה */
  position: static;                         /* חוזר ל־flow רגיל מתחת לתמונה */
  background: transparent;                  /* מסיר כל רקע */
  /*border: var(--border-w) solid var(--border-color) !important;*/
      border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-top: none;
    border-color: var(--black);
  padding: 6px var(--gap-horizontal);
  font-family: var(--font-body);

}

/* שומר על הסגנון הקיים של כותרת ומחיר */
.bootleg-title {
  font-size: 2rem;
  line-height: 1.5rem;
  margin: 0;
  font-weight: 300;
 color: var(--black) !important;

}

.bootleg-price {
  font-size: 2rem;
  line-height: 1.5rem;
  margin: 0;
  font-weight: 300;

}

/*────────────────────────────────────────*/
/* 15. Spinner                            */
/*────────────────────────────────────────*/
.bootleg-spinner {
  border: 3px solid rgba(0,0,0,0.1);
  border-top: 3px solid var(--black);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin var(--anim-d) linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

/*────────────────────────────────────────*/
/* 16. Toasts                             */
/*────────────────────────────────────────*/
.bootleg-toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  background: var(--black);
  color: var(--white);
  padding: 12px 20px;
  border-radius: 4px;
  opacity: 0;
  transition: transform .4s ease, opacity .4s ease;
  z-index: 9999;
}
.bootleg-toast.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.bootleg-toast.success { background: #28a745; }
.bootleg-toast.error   { background: #dc3545; }


/*────────────────────────────────────────*/
/* 18. Portal Scene                       */
/*────────────────────────────────────────*/
.bootleg-image-container {
  position: relative;
  overflow: hidden;
}

.bootleg-image-container .portal-scene {
  position: absolute !important;
  inset: 0 !important;          /* top/right/bottom/left: 0 */
  overflow: hidden !important;
}

/* bg ו-fg מכסים את כל ה־scene */
.bootleg-image-container .portal-scene .portal-bg,
.bootleg-image-container .portal-scene .portal-fg {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none;
  animation: portalAutoMove 20s ease-in-out infinite;
}
.bootleg-image-container .portal-scene .portal-fg {
  animation-direction: reverse;
}

/* התמונות – מלאות, חתוכות במרכז, בלי כל transform קיים */
.bootleg-image-container .portal-scene img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.1);
  transform-origin: center center;
}

/* רק keyframes לאוטומטית – אופציונלי */
@keyframes portalAutoMove {
  0%   { transform: scale(1.1) translate(0,0); }
  25%  { transform: scale(1.12) translate(10px,-10px); }
  50%  { transform: scale(1.1) translate(-10px,10px); }
  75%  { transform: scale(1.13) translate(20px,5px); }
  100% { transform: scale(1.1) translate(0,0); }
}



/*────────────────────────────────────────*/
/* 19. Keyframes for Animations           */
/*────────────────────────────────────────*/
@keyframes fadeInUp    { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeOutDown { from { opacity: 1; transform: translateY(0);  } to { opacity: 0; transform: translateY(20px); } }
@keyframes bounce-icon { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }


/*────────────────────────────────────────*/
/* Page Title – responsive clamp + full width */
/*────────────────────────────────────────*/

/* 1) Full-viewport width */
.page-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: clamp(5rem, 24vw, 30rem);
  font-family: var(--font-page-title);
  line-height: 1;
  font-weight: 300;
  white-space: nowrap;
  letter-spacing: -0.05em;
  /*margin-bottom: clamp(1rem, 4vw, 4rem);*/
}

/*────────────────────────────────────────*/
/* 8.x RTL support (אם דרוש)             */
/*────────────────────────────────────────*/
html[dir="rtl"] #dynamic-header {
  flex-direction: row-reverse;
}


/*────────────────────────────────────────*/
/* Mobile – Small Screens <480px         */
/*────────────────────────────────────────*/
@media (max-width: 479px) {
  :root {
    --border-w: 1px;
    --gap-horizontal: 4px;
    --gap-vertical: 6px;
    --gap-buttons: 2px;
    --gap-popup: 2px;
    --filter-top-offset: 48px;
  --adfy_woofc_base_text_font_size: 24px !important;
  --adfy_woofc_cart_product_title_font_size: 24px !important;
  --adfy_woofc_base_button_font_size: 24px !important;
  --adfy_woofc_font_family: 'Sapir Classic', sans-serif !important;
  }

/* 10.3 Filter Buttons */
.bootleg-filter {
  background: var(--white);
  color: var(--black);
  font-family: var(--font-filter-btn);
  text-transform: uppercase;
  cursor: pointer;
  transition:
  transform var(--anim-d) var(--anim-ease),
  box-shadow var(--anim-d) var(--anim-ease);
  min-width: 100px;
  text-align: center;
  flex: 0 0 auto !important;
  padding: 2px 8px !important;
  font-size: 1.2rem !important;
  min-width: auto !important;
  border: var(--border-w) solid var(--border-color) !important;

}
.bootleg-filter.active {
  transform: rotate(3deg);
  box-shadow: 3px 3px 0 var(--border-color);
}
.bootleg-filter:not(.active):hover {
  background: var(--white);
 } 

  .bootleg-filter-bar {
    flex-wrap: nowrap;
    gap: var(--gap-horizontal);
  }


  .bootleg-static-buttons button,
  .bootleg-static-buttons a {
    font-size: 0.85rem;
    padding: 2px 10px !important;
    min-width: 20px;
    height: 33px;
  }

  .bootleg-popup .bootleg-size {
    width: 30px;
    height: 33px;
    font-size: 0.75rem;
  }

  .bootleg-info {
  display: flex;                            /* שורה יחידה */
  justify-content: space-between;           /* כותרת משמאל, מחיר מימין */
  align-items: center;                      /* יישור אנכי */
  width: 100%;                              /* יתפרס על כל רוחב הפריט */
  margin-top: 0px;           /* ריווח מעל */
  padding: 0 var(--gap-horizontal);         /* ריווח אופקי לפי משתנה */
  position: static;                         /* חוזר ל־flow רגיל מתחת לתמונה */
  background: transparent;                  /* מסיר כל רקע */
  border: var(--border-w) solid var(--border-color) !important;
  border-top: none; /* שומר על המשכיות חלקה מהתמונה */
  padding: 6px var(--gap-horizontal);
  font-family: var(--font-body);

}

/* שומר על הסגנון הקיים של כותרת ומחיר */
.bootleg-title {
  font-size: 1rem;
  line-height: 0.8rem;
  margin: 0;
  font-weight: 300;
}

.bootleg-price {
  font-size: 1rem;
  line-height: 0.8rem;
  margin: 0;
  font-weight: 300;

}

  
}

/*────────────────────────────────────────*/
/* Tablet – Medium Screens 768–1023px    */
/*────────────────────────────────────────*/
@media (min-width: 768px) and (max-width: 1023px) {

  .bootleg-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bootleg-filter {
    font-size: 1.4rem;
    padding: 6px 12px;
  }

  .bootleg-static-buttons button,
  .bootleg-static-buttons a {
    font-size: 0.85rem;
    padding: 4px 10px;
  }

}

/*────────────────────────────────────────*/
/* Mobile & Small Tablet - General <768px */
/*────────────────────────────────────────*/
@media (max-width: 768px) {
  .bootleg-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .bootleg-filter {
  background: var(--white);
  color: var(--black);
  font-family: var(--font-filter-btn);
  text-transform: uppercase;
  cursor: pointer;
  transition:
  transform var(--anim-d) var(--anim-ease),
  box-shadow var(--anim-d) var(--anim-ease);
  min-width: 100px;
  text-align: center;
  flex: 0 0 auto !important;
  padding: 4px 12px !important;
  font-size: 2rem !important;
  min-width: auto !important;
  border: var(--border-w) solid var(--border-color) !important;
}  
}

/*────────────────────────────────────────*/
/* Page Title Responsiveness              */
/*────────────────────────────────────────*/
@media (max-width: 480px) {
  .page-title {
  display: block;
  max-width: 100vw;
  font-size: 25vw; /* מפתח: משנה לפי רוחב viewport */
  font-family: var(--page-title);
  line-height: 1;
  font-weight: 200;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  margin: var(--gap-vertical) 0 calc(var(--gap-vertical) * 1.5);
  letter-spacing: -0.05em;
}


  .bootleg-filter {
  background: var(--white);
  color: var(--black);
  font-family: var(--font-filter-btn);
  text-transform: uppercase;
  cursor: pointer;
  transition:
  transform var(--anim-d) var(--anim-ease),
  box-shadow var(--anim-d) var(--anim-ease);
  min-width: 100px;
  text-align: center;
  flex: 0 0 auto !important;
  padding: 4px 12px !important;
  font-size: 1.2rem !important;
  min-width: auto !important;
  border: var(--border-w) solid var(--border-color) !important;
}  

  .bootleg-filter.active {
    transform: rotate(3deg);
    box-shadow: 2px 2px 0 var(--border-color);
  }

  .bootleg-filter-bar::-webkit-scrollbar {
    height: 6px;
  }

  .bootleg-filter-bar::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 0px;
  }

  .bootleg-filter-bar::-webkit-scrollbar-track {
    background: transparent;
  }
  }

  /* בעמוד מוצר – רק התמונה הראשונה תוצג */
.single-product .woocommerce-product-gallery__wrapper 
  .woocommerce-product-gallery__image:nth-child(n+2) {
    display: none !important;
}

/* רק התמונה הראשונה תישאר, כל שאר התמונות יוסתרו */
.single-product .woocommerce-product-gallery__image:nth-child(n+2) {
  display: none !important;
}

/* מסתירים טאבים, upsells ומוצרים קשורים */
.single-product .woocommerce-tabs,
.single-product .upsells.products,
.single-product .related.products {
  display: none !important;
}

:root {
  /* תוכל לכוונן כאן לפי הצורך */
  --fg-offset-y:   90px;
  --fg-rotation:   8deg;
  --bg-offset-x:  -20px;
  --bg-offset-y:  -90px;
  --bg-rotation:  -8deg;
  --scale-factor:  1.05;
  --dur:           0.4s;
  --ease:         ease-out;
}

/* 1. וידא שה-container תומך overflow */
.bootleg-image-container {
  position: relative;
  overflow: visible;
}

/* 2. הפורטל נשאר בתחתית */
.portal-scene {
  position: relative;
  z-index: 0;
}

/* 3. שכבת ה-PNGs מעל הפורטל */
.shirt-3d {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

/* 4. הגדרה בסיסית לכל תמונה – עכשיו היא תתפוס את רוב הרוחב/גובה */
.shirt-3d img {
  position: absolute;
  top: 50%; left: 50%;
  /* מלא כמעט את כל הקונטיינר */
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform: translate(-50%, -50%);
  transition:
    transform var(--dur) var(--ease),
    opacity   var(--dur) var(--ease);
  backface-visibility: hidden;
}

/* 5. סדר ז-אינדקס */
.shirt-3d .front-of-shirt {
  z-index: 3;
  opacity: 1;
}
.shirt-3d .back-of-shirt {
  z-index: 2;
  opacity: 0;
}

/* 6. אפקט הובר על ה-PNGs בלבד */
.bootleg-image-container.has-back:hover .shirt-3d .front-of-shirt {
  transform:
    translate(
      calc(-50%),
      calc(-50% + var(--fg-offset-y))
    )
    rotateZ(var(--fg-rotation))
    scale(var(--scale-factor));
}

.bootleg-image-container.has-back:hover .shirt-3d .back-of-shirt {
  opacity: 1;
  transform:
    translate(
      calc(-50% + var(--bg-offset-x)),
      calc(-50% + var(--bg-offset-y))
    )
    rotateZ(var(--bg-rotation))
    scale(var(--scale-factor));
}

/* ------------------------------------ */
/* 1. הסתרת השכבה הסטטית של הפורטל    */
/* ------------------------------------ */
.portal-scene .portal-fg {
  display: none !important;
}

/* ------------------------------------ */
/* 2. וידוא שה-portal-bg נשאר בתחתית   */
/* ------------------------------------ */
.portal-scene .portal-bg {
  z-index: 0;
  position: relative;
}

/* ------------------------------------ */
/* 3. שכבת ה-PNGים מעל הפורטל         */
/* ------------------------------------ */
.shirt-3d {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 1;
}

/* ------------------------------------ */
/* 4. תמונות החזית והגב – מלאות, ללא חיתוך */
/* ------------------------------------ */
.shirt-3d img {
  position: absolute;
  top:  50%; left:  50%;
  width:  100%;
  height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
  transition:
    transform var(--dur) var(--ease),
    opacity   var(--dur) var(--ease);
  backface-visibility: hidden;
}

/* ------------------------------------ */
/* 5. סדר ז-אינדקס ומצבי opacity התחלתיים */
/* ------------------------------------ */
.shirt-3d .front-of-shirt {
  z-index: 3;
  opacity: 1;
}
.shirt-3d .back-of-shirt {
  z-index: 2;
  opacity: 0;
}

/* ------------------------------------ */
/* 6. אפקט Hover על ה-PNG בלבד          */
/* ------------------------------------ */
.bootleg-image-container.has-back:hover .shirt-3d .front-of-shirt {
  transform:
    translate(
      calc(-50%),
      calc(-50% + var(--fg-offset-y))
    )
    rotateZ(var(--fg-rotation))
    scale(var(--scale-factor));
}

.bootleg-image-container.has-back:hover .shirt-3d .back-of-shirt {
  opacity: 1;
  transform:
    translate(
      calc(-50% + var(--bg-offset-x)),
      calc(-50% + var(--bg-offset-y))
    )
    rotateZ(var(--bg-rotation))
    scale(var(--scale-factor));
}


/* ברוחב עד 768px (טאבלט ומטה) */
@media (min-width: 1920px) {
   :root {
 --filter-top-offset:   100px; 
  }
  .bootleg-image-container {
    --fg-offset-y:   15vh;
    --bg-offset-x:  -15px;
    --bg-offset-y:  -15vh;
  }
  .bootleg-filter-wrapper {
  position: sticky;
  top: var(--filter-top-offset);
  }
}


/* ברוחב עד 768px (טאבלט ומטה) */
@media (max-width: 768px) {
     :root {
 --filter-top-offset:   80px; 
  }
  .bootleg-image-container {
    --fg-offset-y:   10vh;
    --bg-offset-x:  -15px;
    --bg-offset-y:  -10vh;
}
.bootleg-filter-wrapper {
  position: sticky;
  top: var(--filter-top-offset);
  }
  
  .menu-toggle svg {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
}



}

/* ברוחב עד 480px (טלפון) */
@media (max-width: 480px) {
     :root {
 --filter-top-offset:   55px; 
  }
  .bootleg-image-container {
    --fg-offset-y:   8vh;
    --bg-offset-x:  -10px;
    --bg-offset-y:  -8vh;
  }
  .bootleg-filter-wrapper {
  position: sticky;
  top: var(--filter-top-offset);
  }

  /*────────────────────────────────────────*/
/* 8.7 Menu Toggle (Hamburger)           */
/*────────────────────────────────────────*/
.menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
}
.menu-toggle svg {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
}


}

@media (min-width: 1600px) {
  .site-main .container { max-width: 1400px; }
}
@media (min-width: 2000px) {
  .site-main .container { max-width: 1800px; }
}

#site-footer {
  background-color: var(--header-bg);
  color: #fff;
  padding: 25px 20px;
  text-align: center;
  border-top: var(--border-w) solid var(--border-color) !important;

}



.footer-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.footer-social svg {
  width: 28px;
  height: 28px;
  display: block;
  fill: var(--white) !important;
}

.footer-text p {
  margin-top: 10px;
  font-size: 20px;
  opacity: 0.7;
  font-family: 'Atlas';
}



/* ברוחב עד 480px (טלפון) */
@media (max-width: 480px) {
  #site-footer {
  padding: 20px 15px;
  }

  .footer-text p {
  margin-top: 10px;
  font-size: 15px;
  opacity: 0.7;
}

  }




  .elementor-10 .elementor-element.elementor-element-7c79337 .elementor-heading-title {
    font-family: "Sapir", Sans;
    font-size: clamp(5rem, 18vw, 24rem);
    color: var(--border-color);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -3.6px;
    word-spacing: 0px;
  }


  .elementor-widget-heading .elementor-heading-title {
        color: var(--border-color);
/*  font-family: "Sapir", Sans;
    font-size: clamp(5rem, 24vw, 30rem);
    font-weight: 300;
    line-height: 15rem;
    letter-spacing: -3.6px;
    word-spacing: 0px;*/
  }

  .bootleg-faq {

    font-size: 23px;
    font-family: var(--font-page-title);
    line-height: 1;
    color: var(--border-color) !important;
    letter-spacing: 0em;
      overflow-wrap: break-word !important;   /* תעשה שבירה בתוך מילים */
  word-break: break-word !important;  
  }

  .elementor-widget-text-editor {
    color: var(--border-color) !important;
      overflow-wrap: break-word !important;   /* תעשה שבירה בתוך מילים */
  word-break: break-word !important;  


  }

  /* מוודא שכל ווידג'ט טקסט יישאר בתוך הקונטיינר */
.elementor-widget-text-editor .elementor-widget-container {
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;  /* שבירה בתוך מילים ארוכות */
  word-break: break-word;
}

/* מוודא שה־Section/Column לא יזרוק תוכן החוצה */
.elementor-section,
.elementor-column {
  overflow: hidden;
}


.elementor-3262 .elementor-element.elementor-element-80fcc91 {
    --divider-border-style: solid;
    --divider-color: var(--header-bg) !important;
    --divider-border-width: 1px;
}

.elementor-widget-divider {


      --divider-border-style: solid;
    --divider-color: var(--header-bg) !important;
    --divider-border-width: 1px;
}

/* 1. סלקטור כללי - כל קישור חדש טאב */
.main-navigation a[target="_blank"]::after {
  content: "\2197\FE0E";         /* ↗︎ + VS15 כדי שהוא יישאר חץ טקסטואלי */
  margin-left: 0.35em;           /* ריווח מהטקסט */
  font-variant-emoji: text;      /* כופה גופן טקסטואלי על חצים */
  /* אופציונלי: גודל וצבע */
  color: inherit;
  font-size: 0.8em;
}

/* 2. (אלטרנטיבה) אם אתה רוצה שבמקום כל קישור חדש טאב,
   רק פריט מסוים בתפריט יקבל את החץ, תיתן לו CSS Class ב־Menus:
   למשל "new-tab" ואז: */
.main-navigation .menu-item.new-tab > a::after {
  content: "\2197\FE0E";
  margin-left: 0.35em;
  font-variant-emoji: text;
}



.elementor-3458 .elementor-element.elementor-element-19b2b4f .cart button, .elementor-3458 .elementor-element.elementor-element-19b2b4f .cart .button {
  font-family: var(--font-filter-btn) !important;
}


.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name,
.woo-variation-swatches.wvs-show-label .variations td label,
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name,
.woo-variation-swatches.wvs-show-label .variations th label {
  font-size: 36px !important;
}

@media (max-width: 1024px) {
    .elementor-3458 .elementor-element.elementor-element-19b2b4f .cart button, .elementor-3458 .elementor-element.elementor-element-19b2b4f .cart .button {

font-size: 36px !important;
}
}


.elementor-3458 .elementor-element.elementor-element-19b2b4f .cart button, .elementor-3458 .elementor-element.elementor-element-19b2b4f .cart .button {
font-size: 36px !important;

}


.elementor-3458 .elementor-element.elementor-element-495911b3 .elementor-heading-title {
color: var(--border-color) !important;

}
 

.elementor-widget-woocommerce-cart .woocommerce table.cart img {
  object-fit: contain !important;     /* ״תכיל״ את התמונה בשלמותה בתוך המיכל */
  object-position: center !important; 
  display: block !important;          /* תשתמש ב־block ולא ב־flex */
  width: auto !important;             /* רוחב אוטומטי כדי לשמור על הפרופורציות */
  max-width: 100% !important;         /* לא יצא מהתא שלו */
  height: auto !important;            /* גובה אוטומטי */
  max-height: 80px !important;     
}




 /* אייקון קוד קופון */
.adfy__woofc-colophon .adfy__woofc-coupon .coupon-text .icon svg {
    height: 28px !important;
    width: 36px !important;
}
 /* מובייל -אייקון קוד קופון */
@media (max-width: 480px) {
.adfy__woofc-colophon .adfy__woofc-coupon .coupon-text .icon svg {
    height: 18px !important;
    width: 26px !important;
}
}

   /* אינפוט קוד קופון */
.adfy__woofc-coupon-inputs input[type=text] {
    align-items: center !important;
    background: var(--adfy_woofc_cart_input_background_color) !important;
    border-color: var(--adfy_woofc_border_color) !important;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: none !important;
    box-shadow: inset 1px 1px 3px transparent !important;
    box-sizing: border-box !important;
    color: var(--adfy_woofc_cart_input_text_color) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    font-family: 'Sapir Classic', sans-serif !important;
    height: 68px !important;
    line-height: 21px !important;
    max-width: 100% !important;
    padding: 14px 15px !important;
    transition: all .5s ease !important;
    width: 100% !important;
}

     /* שורת הזנת קוד קופון - מובייל */
    @media (max-width: 480px) {
.adfy__woofc-coupon-inputs input[type=text] {
    align-items: center !important;
    background: var(--adfy_woofc_cart_input_background_color) !important;
    border-color: var(--adfy_woofc_border_color) !important;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: none !important;
    box-shadow: inset 1px 1px 3px transparent !important;
    box-sizing: border-box !important;
    color: var(--adfy_woofc_cart_input_text_color) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Sapir Classic', sans-serif !important;
    height: 38px !important;
    line-height: 21px !important;
    max-width: 100% !important;
    padding: 14px 15px !important;
    transition: all .5s ease !important;
    width: 100% !important;
}
}

 /* כפתור חזרה קוד קופון */
.adfy__woofc-fake-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 36px !important;
    font-weight: 300 !important;
    font-family: 'Sapir Classic', sans-serif !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all .5s ease !important;
    width: auto !important;
}

.adfy__woofc-coupon-inputs {
    border-radius: 0px !important;
    padding: 20px !important;
}

 /* מספר פריטים בין פלוס מינוס */
.adfy__woofc-content .adfy__woofc-content-entry .adfy__woofc-item .adfy__woofc-item-content .adfy__woofc-quantity .adfy__woofc-quantity-form .adfy__woofc-quantity-input-field {
    align-items: center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    color: var(--adfy_woofc_cart_product_quantity_text_color) !important;
    display: inline-flex !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    height: 30px !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: 50px !important;
    min-height: 1px !important;
    outline: none !important;
    padding: 0 !important;
    text-align: center !important;
    transition: all .5s ease !important;
    width: 30px !important;
    will-change: width !important;
}


 /* גודל עיגול פלוס מינוס */
.adfy__woofc-content .adfy__woofc-content-entry .adfy__woofc-item .adfy__woofc-item-content .adfy__woofc-quantity .adfy__woofc-quantity-form .adfy__woofc-quantity-input-button svg {
    height: 22px !important;;
}



 /* גובה שורה בדרופדאון נקודת איסוף */
.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--forms-fields-normal-color, #69727d) !important;
    line-height: 18px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

 /* padding עליון בכותרות בצ׳קאאוט */
.elementor-10 .elementor-element.elementor-element-15c1633 h3#order_review_heading, .elementor-10 .elementor-element.elementor-element-15c1633 .woocommerce-billing-fields h3, .elementor-10 .elementor-element.elementor-element-15c1633 .woocommerce-additional-fields h3{
    padding-top: 18px !important;
}


 /* סקשן קוד קופון */
 /* טקסט ״החל״ */
.elementor-10 .elementor-element.elementor-element-15c1633 .woocommerce-button {
    font-family: "Sapir", Sans;
    font-size: 24px !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3) !important;
}

 /* כפתור ״החל״ */
.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button {
    background-color: #2c2e2f !important;
    border-color: #2c2e2f !important;
    border-radius: var(--forms-buttons-border-radius, 3px) !important;
    border-style: var(--forms-buttons-border-type, solid) !important;
    border-width: 2px !important;
    color: #ffffff !important;
    padding: 1rem !important;
    font-family: 'Atlas' !important;
}

.elementor-widget-woocommerce-checkout-page {
    background-color: transparent !important;
    color: #69727d !important;
    font-family: 'Atlas' !important;
    font-size: 16px !important;
    line-height: 21px !important;
}

/* להחזיר טקסט של שיטות משלוח */
.woocommerce-shipping-methods label,
.woocommerce-checkout-payment label {
    font-size: 18px !important;
    color: #5e6874 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    overflow: visible !important;
    display: inline-block !important;
    font-family: 'Atlas' !important;
}

/* פונט הסכמתי לתנאי המשלוח */

.elementor-10 .elementor-element.elementor-element-15c1633 .woocommerce-form__label-for-checkbox span {
  font-family: 'Atlas' !important;
}

.adfy__woofc-header .adfy__woofc-title .adfy__woofc-badge {
    align-items: center;
    background-color: var(--adfy_woofc_cart_title_count_badge_background_color) !important;
    border-radius: 35px !important;
    color: var(--adfy_woofc_cart_title_count_badge_text_color) !important;
    font-size: calc(var(--adfy_woofc_base_text_font_size) - 20%) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    font-size: 28px !important;
    font-family: 'cy', sans-serif !important;
    padding: 7px 10px 8px !important;
}

/* קונטיינר התמונה – לא ריבועי, נותן גובה אוטומטי */
#adfy__floating-cart .adfy__woofc-item .thumb {
  width: auto !important;
  height: auto !important;
  max-width: 120px !important;     /* שלוט על הגודל המקסימלי */
  max-height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;    /* לא לחתוך */
  aspect-ratio: auto !important;   /* אל תכפה יחס */
}

/* התמונה עצמה – פרופורציות טבעיות */
#adfy__floating-cart .adfy__woofc-item .thumb img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;  /* תמיד מראה את כל ה-PNG */
  background: transparent !important; 
  display: block !important;
}

/* ===== Bootleg – Single Product Meta (clean layout) ===== */
.blg-product-meta{
  --gap:16px;
  --title:    clamp(28px, 3vw, 44px);
  --subtitle: clamp(13px, 1.1vw, 16px);
  --price:    clamp(14px, 1.3vw, 18px);
  --radius: 10px;
  --fg: #111;
  max-width:560px;
  margin-inline:auto;
}

/* כותרת / מחיר / תיאור */
.blg-product-meta .product_title{
  font-size:var(--title);
  line-height:.95;
  margin:0 0 10px;
}
.blg-product-meta .price{
  display:inline-block;
  font-size:var(--price);
  margin:0 0 10px;
  padding-block-start:8px;
  border-block-start:1px solid var(--fg);
}
.blg-product-meta .woocommerce-product-details__short-description{
  font-size:var(--subtitle);
  line-height:1.35;
  color:#222;
  margin:0 0 var(--gap);
}

/* ריווח כללי של טבלת variations */
.blg-product-meta form.variations_form .variations{ margin:0 0 var(--gap); }
.blg-product-meta th.label{ padding:0 0 6px; }

/* GRID למידות (תואם WVS) */
.blg-product-meta .variable-items-wrapper{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:10px;
  margin-block:6px 2px;
}
@media (max-width:767px){
  .blg-product-meta .variable-items-wrapper{ grid-template-columns:repeat(5,1fr); }
}

/* תא מידה */
.blg-product-meta .variable-item,
.blg-product-meta .button-variable-item{
  border:1px solid var(--fg);
  border-radius:var(--radius);
  height:52px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;color:var(--fg);
  font-size:20px;line-height:1;
  transition:background .15s ease,color .15s ease,transform .12s ease,opacity .12s ease;
  transform:rotate(0deg);
}
.blg-product-meta .variable-item:hover,
.blg-product-meta .button-variable-item:hover{ opacity:.85; }

/* מידה נבחרת – שחור/לבן + סיבוב עדין */
.blg-product-meta .variable-item.selected,
.blg-product-meta .button-variable-item.selected,
.blg-product-meta .variable-item[aria-checked="true"]{
  background:#000 !important;
  color:#fff !important;
  transform:rotate(-3deg) !important;
}

/* הסתרת בחירת צבע ללקוח (נשאר בדאטה) */
.blg-product-meta .variations .attribute-pa_color,
.blg-product-meta .variations [data-attribute_name="attribute_pa_color"],
.blg-product-meta .variations select[name="attribute_pa_color"],
.blg-product-meta .variations .woo-variation-items-wrapper[data-attribute_name="attribute_pa_color"],
.blg-product-meta .variations .variable-items-wrapper[data-attribute_name="attribute_pa_color"],
.blg-product-meta .variations tr:has([name="attribute_pa_color"]),
.blg-product-meta .reset_variations{
  display:none !important;
}

/* כפתור הוספה לסל */
.blg-product-meta .single_add_to_cart_button{
  width:100%;height:64px;border-radius:var(--radius);
  background:var(--fg);color:#fff;font-weight:700;letter-spacing:.02em;border:none;
  transition:opacity .15s ease, transform .05s ease;
}
.blg-product-meta .single_add_to_cart_button:hover{ opacity:.9; }
.blg-product-meta .single_add_to_cart_button:active{ transform:translateY(1px); }

@media (max-width:767px){
  .blg-product-meta{ max-width:92vw; }
  .blg-product-meta .single_add_to_cart_button{ height:58px; }
}
/* הסתרת שורת "מידה: X" בעמוד מוצר */
.blg-product-meta .woo-selected-variation-item-name,
.blg-product-meta .woocommerce-variation-description,
.blg-product-meta .woocommerce-variation.single_variation {
  display: none !important;
}
/* מסתיר לחלוטין את התווית "מידה" ואת שם המידה שנבחרה */
.blg-product-meta label[for="pa_size"],
.blg-product-meta .woo-selected-variation-item-name {
  display: none !important;
}

/* === FIX: spacing + selected size background === */
.blg-product-meta .woocommerce-product-details__short-description{
  margin: 0 0 28px;        /* מרווח מתחת לתיאור – לא יתנגש במידות */
  line-height: 1.45;
  position: relative;
  z-index: 1;              /* ליתר ביטחון נגד חפיפות */
}

.blg-product-meta form.variations_form{ position: relative; z-index: 2; }
.blg-product-meta form.variations_form .variations{ margin-top: 18px; } /* עוד רווח לפני הגריד */
.blg-product-meta .variable-items-wrapper{ margin-block: 8px 18px; }

/* בסיס לכפתורי מידה */
.blg-product-meta .variable-item,
.blg-product-meta .button-variable-item{
  border: 1px solid var(--fg);
  color: #111;
  background: #fff;
  transform: rotate(0deg);
}

/* נבחר: תן רקע בצבע ה-theme וטקסט הפוך (on) + רוטציה קלה */
.blg-product-meta .button-variable-item.selected,
.blg-product-meta .button-variable-item.button-variable-item-selected,
.blg-product-meta .variable-item.selected,
.blg-product-meta .variable-item[aria-checked="true"]{
  background: var(--fg) !important;
  color: var(--on) !important;
  border-color: var(--fg) !important;
  transform: rotate(-3deg);
}

/* לוודא שגם הספאן הפנימי צבוע נכון בכל וריאציה של הפלאגין */
.blg-product-meta .variable-item .variable-item-contents,
.blg-product-meta .button-variable-item .variable-item-span{
  color: inherit !important;
}

/* אופציונלי: כשכפתור disabled שלא ייראה נמרח על התיאור */
.blg-product-meta .button-variable-item.disabled,
.blg-product-meta .variable-item.disabled{
  opacity: .4; cursor: not-allowed;
}

/* ===== Bootleg – Theme color variables (sync with JS switcher) ===== */

/* ערכת נושא ברירת מחדל */
:root[data-theme="default"] {
  --fg: #111;     /* צבע טקסט עיקרי */
  --on: #fff;     /* טקסט על רקעים כהים */
}

/* ערכת נושא כהה */
:root[data-theme="dark"] {
  --fg: #f2f2f2;
  --on: #111;
}

/* ערכת נושא חמימה (warm) */
:root[data-theme="warm"] {
  --fg: #c46b1a;
  --on: #fff;
}

/* ערכת נושא קרירה (cool) */
:root[data-theme="cool"] {
  --fg: #2b50c8;
  --on: #fff;
}

/* ערכת נושא פסטלית (pastel) */
:root[data-theme="pastel"] {
  --fg: #9a7bd2;
  --on: #fff;
}

/* כדי שכל האלמנטים בעמוד המוצר ייראו לפי הצבע הפעיל */
.blg-product-meta,
.blg-product-meta .product_title,
.blg-product-meta .price,
.blg-product-meta .woocommerce-product-details__short-description,
.blg-product-meta .variable-item,
.blg-product-meta .button-variable-item,
.blg-product-meta .single_add_to_cart_button {
  color: var(--fg);
  border-color: var(--fg);
}

/* צבע רקע וטקסט לכפתור נבחר ולכפתור הסל */
.blg-product-meta .variable-item.selected,
.blg-product-meta .button-variable-item.selected,
.blg-product-meta .single_add_to_cart_button {
  background: var(--fg) !important;
  color: var(--on) !important;
  border-color: var(--fg) !important;
}

/* ===== Bridge product page to color-switch variables ===== */
/* טקסטים וקווי הפרדה יורשים את var(--black) של התמה */
.blg-product-meta { color: var(--black) !important; }

.blg-product-meta .product_title,
.blg-product-meta .price,
.blg-product-meta .woocommerce-product-details__short-description {
  color: inherit !important;
}
.blg-product-meta .price {
  border-block-start: 1px solid currentColor !important;
}

/* מסגרת כפתורי מידות – בצבע הטקסט של התמה */
.blg-product-meta .variable-item,
.blg-product-meta .button-variable-item {
  border: 1px solid currentColor !important;
  background: #fff !important;
  color: #111 !important; /* בסיס קבוע לקריאות על רקע לבן */
}

/* מידה נבחרת – רקע header-bg, טקסט header-fg (ניגודיות מוכנה לפי התמה) */
.blg-product-meta .button-variable-item.selected,
.blg-product-meta .button-variable-item.button-variable-item-selected,
.blg-product-meta .variable-item.selected,
.blg-product-meta .variable-item[aria-checked="true"] {
  background: var(--header-bg) !important;
  color: var(--header-fg) !important;
  border-color: var(--header-bg) !important;
  transform: rotate(-3deg);
}
/* תוכן פנימי של ה-WVS תמיד יורש נכון */
.blg-product-meta .variable-item .variable-item-contents,
.blg-product-meta .button-variable-item .variable-item-span {
  color: inherit !important;
}

/* כפתור סל – מלא בצבעי ההדר כדי לא להיבלע */
.blg-product-meta .single_add_to_cart_button {
  background: var(--header-bg) !important;  /* צבע רקע חזק של התמה */
  color: var(--header-fg) !important;       /* טקסט בניגודיות מוכנה */
  border: none !important;
  box-shadow: none !important;
  transition: opacity .15s ease, transform .05s ease;
}
.blg-product-meta .single_add_to_cart_button:hover { opacity: .9; }
.blg-product-meta .single_add_to_cart_button:active { transform: translateY(1px); }
/* ===== Bootleg Cleanup: remove borders & rounding from size buttons ===== */

/* כל המידות: פינות ישרות בלבד, אין outline, אין border כפול */
.blg-product-meta .variable-item,
.blg-product-meta .button-variable-item {
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* כשהמידה נבחרת – גם בלי outline חיצוני */
.blg-product-meta .variable-item.selected,
.blg-product-meta .button-variable-item.selected,
.blg-product-meta .variable-item[aria-checked="true"],
.blg-product-meta .button-variable-item.button-variable-item-selected {
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ביטול כל stroke או highlight אוטומטי של פלאגין */
.variable-items-wrapper .variable-item:focus,
.variable-items-wrapper .variable-item:active {
  outline: none !important;
  box-shadow: none !important;
}

/* להחיל גם על כל מצב hover */
.blg-product-meta .button-variable-item:hover {
  border-color: currentColor !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 1) יציבות סקרול ושקיפות סרגלים */
html {
  /* מונע קפיצה כשמופיע/נעלם הסק롤בר בדסקטופ */
  scrollbar-gutter: stable both-edges;
  height: -webkit-fill-available;
}
body {
  /* מונע rubber-band וקפיצות בקצה התחתון */
  overscroll-behavior-y: contain;
  min-height: 100dvh;              /* יחידה מודרנית יציבה */
  min-height: -webkit-fill-available;
}

/* תמיכה בטלפונים ישנים יותר של iOS */
@supports (height: 100svh) {
  body { min-height: 100svh; }
}

/* 2) מרווח תחתון אמיתי כדי שאפשר להגיע לכפתור במובייל */
@media (max-width: 767px) {
  /* מכסה את רוב הטמפלייטים של Elementor/Woo */
  main,
  .site-main,
  .elementor-location-archive,
  .elementor-location-single,
  .woocommerce #content,
  .woocommerce .content-area {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 120px) !important;
  }
}

/* 3) סטיקי לכפתור הוספה לסל אם יש בר תחתון */
.bootleg-sticky-atc {
  position: sticky;
  bottom: 0;
  z-index: 9999;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  /* צבעים – יתחלפו עם ה-theme switcher אם מוגדרים כ-CSS Vars */
  background: var(--bootleg-surface, #111);
  color: var(--bootleg-on-surface, #fff);
}

/* אם יש לך אלמנט שמוגדר לגובה מסך – תן לו להשתמש במשתנה --vh (מגיע מה-JS למטה) */
.full-viewport,
.section-100vh,
.elementor-section.full-height {
  min-height: calc(var(--vh, 1vh) * 100);
}

/* חגורת בטיחות: לא לאפשר scroll-snap על המסמך אם הופעל בטעות */
html, body { scroll-snap-type: none !important; }

/* ===== Bootleg — Add-to-Cart per theme (idle ↔ hover) ===== */
form.cart .single_add_to_cart_button{
  display:block;width:100%;
  padding:1rem 1.5rem;
  text-align:center;
  font-weight:600;
  border-radius:0!important;
  transition:all .2s ease;
}

/* --- WARM (ורוד/תכלת; hover צהוב) --- */
html[data-theme="warm"] form.cart .single_add_to_cart_button{
  background:#ffffff;             /* רגיל: לבן */
  color:#1fcbff;                  /* טקסט תכלת */
  border:2px solid #1fcbff;
}
html[data-theme="warm"] form.cart .single_add_to_cart_button:hover{
  background:#fff200;             /* hover: צהוב */
  color:#1fcbff;                  /* טקסט תכלת */
  border-color:#fff200;
}

/* --- COOL (כחול כהה/שמנת; hover כחול מלא) --- */
html[data-theme="cool"] form.cart .single_add_to_cart_button{
  background:#ffffff;             /* רגיל: לבן */
  color:#003049;                  /* טקסט/מסגרת כחול כהה */
  border:2px solid #003049;
}
html[data-theme="cool"] form.cart .single_add_to_cart_button:hover{
  background:#003049;             /* hover: כחול כהה מלא */
  color:#ffffff;
  border-color:#003049;
}

/* --- DARK (שחור/לבן; hover שחור מלא) --- */
html[data-theme="dark"] form.cart .single_add_to_cart_button{
  background:#ffffff;             /* רגיל: לבן */
  color:#161616;                  /* שחור עדין */
  border:2px solid #161616;
}
html[data-theme="dark"] form.cart .single_add_to_cart_button:hover{
  background:#161616;             /* hover: שחור */
  color:#ffffff;
  border-color:#161616;
}

/* --- PASTEL (סגול/שמנת; hover סגול מלא) --- */
html[data-theme="pastel"] form.cart .single_add_to_cart_button{
  background:#ffffff;             /* רגיל: לבן */
  color:#6b5b95;                  /* סגול */
  border:2px solid #6b5b95;
}
html[data-theme="pastel"] form.cart .single_add_to_cart_button:hover{
  background:#6b5b95;             /* hover: סגול מלא */
  color:#fffbf0;                  /* שמנת */
  border-color:#6b5b95;
}

/* --- DEFAULT (כחול/לבן קלאסי; hover כחול מלא) --- */
html[data-theme="default"] form.cart .single_add_to_cart_button{
  background:#ffffff;             /* רגיל: לבן */
  color:#1b2a7a;                  /* כחול כהה נקי */
  border:2px solid #1b2a7a;
}
html[data-theme="default"] form.cart .single_add_to_cart_button:hover{
  background:#1b2a7a;             /* hover: כחול מלא */
  color:#ffffff;
  border-color:#1b2a7a;
}

/* A11Y - label חבוי ויזואלית */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* בלוק ניוזלטר בפוטר – בלי קו מעל ועם רווח קטן יותר מלמעלה */
.bootleg-newsletter {
  margin: 0 auto 1.5rem;   /* אין מרווח מלמעלה, רק מלמטה */
  padding: 1.5rem 0;       /* ריווח פנימי נעים */
  background: transparent;
  text-align: center;
}
/* כותרת הניוזלטר - לפי border-color */
.bootleg-newsletter-title {
  margin: 0 0 1rem;
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
}

/* טופס */
.bootleg-newsletter-form {
  max-width: 480px;
  margin: 0 auto;
}

/* עטיפת אינפוט + כפתור */
.bootleg-newsletter-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  direction: rtl;
}

/* שדה האימייל - ריבועי */
.bootleg-newsletter-input {
  flex: 1 1 200px;
  min-width: 0;
  height: 2.7rem;
  padding: 0 0.9rem;
  box-sizing: border-box;
  border-radius: 0; /* מרובע */
  border: 1px solid var(--border-color);
  background: var(--white);
  color: var(--text-color, #000);
  font-size: 0.95rem;
  font-family: inherit;
}

/* כפתור הרשמה */
.bootleg-newsletter-button {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  box-sizing: border-box;
  height: 2.7rem;
  padding: 0 1.2rem;
  border-radius: 0; /* מרובע */
  border: 1px solid var(--border-color);
  background: var(--border-color);
  color: var(--white);
  font-size: 0.95rem;
  font-weight: 600;
  font-family: 'Atlas', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  cursor: pointer;
}

/* hover/focus */
.bootleg-newsletter-button:hover {
  transform: translateY(-1px);
}

.bootleg-newsletter-button:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 2px;
}

/* מקום לאייקון מברשת */
.bootleg-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bootleg-button-icon:empty {
  display: none;
}

/* רספונסיביות */
@media (max-width: 600px) {
  .bootleg-newsletter-fields {
    flex-direction: column;
    align-items: stretch;
  }

  .bootleg-newsletter-input,
  .bootleg-newsletter-button {
    width: 100%;
  }
}

/* צבע placeholder - לפי border-color */
.bootleg-newsletter-input::placeholder {
  color: var(--border-color);
  opacity: 1; /* לכפות */
}

/* גם לגרסאות שכרום ו-safari משתמשים בהן */
.bootleg-newsletter-input::-webkit-input-placeholder {
  color: var(--border-color);
}
.bootleg-newsletter-input:-ms-input-placeholder {
  color: var(--border-color);
}
.bootleg-newsletter-input::-ms-input-placeholder {
  color: var(--border-color);
}

/* להיפטר מה-outline הכחול של כרום */
.bootleg-newsletter-input:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--border-color);
}

/* צבע אייקוני הפוטר – כולם בלבן */
.footer-social svg {
  fill: var(--white) !important;
}

/* כותרת הניוזלטר */
.bootleg-newsletter-title {
  margin: 0 0 1rem;
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
}

/* טופס */
.bootleg-newsletter-form {
  max-width: 480px;
  margin: 0 auto;
}

/* עטיפת אינפוט + כפתור */
.bootleg-newsletter-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  direction: rtl;
}

/* שדה האימייל - גובה נורמלי */
.bootleg-newsletter-input {
  flex: 1 1 200px;
  min-width: 0;
  height: 2.7rem !important;
  line-height: 2.7rem !important;
  padding: 0 0.9rem !important;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid var(--border-color);
  background: var(--white);
  color: var(--text-color, #000);
  font-size: 0.95rem;
  font-family: inherit;
}

/* כפתור הרשמה */
.bootleg-newsletter-button {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  box-sizing: border-box;
  height: 2.7rem;
  padding: 0 1.2rem;
  border-radius: 0;
  border: 1px solid var(--border-color);
  background: var(--border-color);
  color: var(--white);
  font-size: 0.95rem;
  font-weight: 600;
  font-family: 'Atlas', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  cursor: pointer;
}

/* hover/focus */
.bootleg-newsletter-button:hover {
  transform: translateY(-1px);
}

.bootleg-newsletter-button:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 2px;
}

/* honeypot - חבוי באמת */
.bootleg-mc-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* רספונסיביות */
@media (max-width: 600px) {
  .bootleg-newsletter-fields {
    flex-direction: column;
    align-items: stretch;
  }

  .bootleg-newsletter-input,
  .bootleg-newsletter-button {
    width: 100%;
    max-width: 100%;
  }
}

/* ריסט טוטאלי לשדה האימייל בניוזלטר */
.bootleg-newsletter-input {
  all: unset;                      /* מוחק את כל הסטיילים הקודמים (תבנית / מיילצ'ימפ) */
  display: block;
  width: 100%;
  box-sizing: border-box;

  height: 2.7rem;                  /* גובה נורמלי */
  line-height: 2.7rem;             /* טקסט במרכז אנכי */
  padding: 0 0.9rem;               /* ריווח צדדים */

  border-radius: 0;
  border: 1px solid var(--border-color);
  background: var(--white);
  color: var(--text-color, #000);

  font-size: 1rem;                 /* 16px בערך - שלא יעשה zoom במובייל */
  font-family: inherit;
}

/* ליתר ביטחון – במובייל שלא יתמתח לגובה מוזר */
@media (max-width: 600px) {
  .bootleg-newsletter-input {
    max-height: 3rem;
  }
}

/* ===== Newsletter Layout Fix: column on mobile, row on desktop ===== */

/* ברירת מחדל – מובייל: טור */
.bootleg-newsletter-fields {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

/* האינפוט גמיש – מלא רוחב */
.bootleg-newsletter-input {
  width: 100%;
  flex: none;
}

/* הכפתור – מלא רוחב במובייל */
.bootleg-newsletter-button {
  width: 100%;
}

/* ===== דסקטופ: שורה אחת ===== */
@media (min-width: 768px) {
  .bootleg-newsletter-fields {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
  }

  /* שדה האימייל – גמיש */
  .bootleg-newsletter-input {
    flex: 1 1 auto;
    width: auto;
  }

  /* כפתור הרשמה – ליד האינפוט */
  .bootleg-newsletter-button {
    flex: 0 0 auto;
    width: auto;
    padding: 0 1.5rem;
  }
}

.footer-divider {
  width: 100%;
  height: 1px;
  background: var(--white);
  opacity: 0.5;
  border: none;
  margin: 1.5rem 0;
}

.footer-social {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 1.5rem 0 0;
}

.footer-social svg {
  width: 36px;
  height: 36px;
  fill: var(--white) !important;
  transition: opacity .2s ease;
}
.footer-social svg:hover {
  opacity: 0.7;
}

/* ────────────────────────────────────────
   EN GLOBAL TYPE - קצת יותר גדול כדי להתקרב לעברית
──────────────────────────────────────── */

/* בסיס טקסט באנגלית בכל האתר */
html[lang^="en"] body {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* כותרות כלליות באנגלית (עמודים, לא מוצר) */
html[lang^="en"] h1,
html[lang^="en"] .page-title {
  font-size: clamp(3.4rem, 7vw, 6rem);
  line-height: 1.08;
}

html[lang^="en"] h2 {
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  line-height: 1.2;
}

/* ────────────────────────────────────────
   SINGLE PRODUCT - התאמה לעברית (דסקטופ)
──────────────────────────────────────── */

/* כותרת מוצר באנגלית - להיות באותה ליגה כמו "בוטלג × ירושלים" */
html[lang^="en"] .single-product h1.product_title.entry-title.elementor-heading-title,
html[lang^="en"] .single-product .elementor-widget-woocommerce-product-title .elementor-heading-title {
  font-size: clamp(3.6rem, 7vw, 6.2rem) !important;
  line-height: 1.05 !important;
  transform: none !important;
}

/* מחיר */
html[lang^="en"] .single-product .price,
html[lang^="en"] .single-product .price span,
html[lang^="en"] .single-product .woocommerce-variation-price,
html[lang^="en"] .single-product .woocommerce-variation-price span {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  font-family: var(--font-heading), sans-serif !important;
  line-height: 1.4 !important;
}

/* תיאור קצר מתחת לכותרת */
html[lang^="en"] .single-product .woocommerce-product-details__short-description p {
  font-size: 1.15rem !important;
  line-height: 1.6 !important;
}

/* מידות + כפתור הוספה לסל */
html[lang^="en"] .single-product .variation-radios,
html[lang^="en"] .single-product .variation-radios label,
html[lang^="en"] .single-product .single_add_to_cart_button {
  font-size: 1.1rem !important;
  line-height: 1.4 !important;
}

/* שמירה על יישור יפה לכפתור */
.single-product form.cart .single_add_to_cart_button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
}

.single-product form.cart .single_add_to_cart_button::before {
  content: none !important;
}

/* ────────────────────────────────────────
   מובייל - שלא יתפוצץ במסכים קטנים
──────────────────────────────────────── */
@media (max-width: 767px) {

  html[lang^="en"] body {
    font-size: 1.05rem;
    line-height: 1.7;
  }

  html[lang^="en"] .single-product h1.product_title.entry-title.elementor-heading-title,
  html[lang^="en"] .single-product .elementor-widget-woocommerce-product-title .elementor-heading-title {
    font-size: 2.6rem !important;
    line-height: 1.08 !important;
  }

  html[lang^="en"] .single-product .woocommerce-product-details__short-description p {
    font-size: 1.15rem !important;
  }

  html[lang^="en"] .single-product .price,
  html[lang^="en"] .single-product .price span,
  html[lang^="en"] .single-product .woocommerce-variation-price,
  html[lang^="en"] .single-product .woocommerce-variation-price span,
  html[lang^="en"] .single-product .variation-radios,
  html[lang^="en"] .single-product .variation-radios label,
  html[lang^="en"] .single-product .single_add_to_cart_button {
    font-size: 1.15rem !important;
  }

  html[lang^="en"] .page-title {
    font-size: 2.6rem !important;
  }
}

/* ────────────────────────────────────────
   Fix Add to Cart button alignment
──────────────────────────────────────── */

/* כפתור הוספה לסל בעמוד מוצר - מרכז טקסט אנכית ואופקית */
.single-product form.cart .single_add_to_cart_button {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
}

/* מסתיר את האייקון הדיפולטי של WooCommerce
   שמופיע כריבוע ריק (□) בגלל פונט חסר */
.single-product form.cart .single_add_to_cart_button::before {
  content: none !important;
}

/* כפתור הוספה לסל - עברית משתמש בפונט העברי מהמערכת שלך */
html[lang^="he"] .single-product form.cart .single_add_to_cart_button {
  font-family: var(--font-static-btn), var(--font-heading), sans-serif;
  font-weight: 700;
}

/*────────────────────────────────────────*/
/* Global font stacks by language         */
/*────────────────────────────────────────*/

/* עברית – Sapir לעברית, cy לאנגלית */
html[lang="he"] body {
  font-family: 'Sapir Classic', 'cy', sans-serif;
}

html[lang="he"] h1,
html[lang="he"] h2,
html[lang="he"] h3,
html[lang="he"] h4,
html[lang="he"] h5,
html[lang="he"] h6,
html[lang="he"] .elementor-heading-title,
html[lang="he"] .elementor-button,
html[lang="he"] .woocommerce-Price-amount,
html[lang="he"] .woocommerce-loop-product__title,
html[lang="he"] .price {
  font-family: 'Sapir Classic', 'cy', sans-serif;
}

/* אנגלית – cy קודם, Sapir רק לעברית שתגיח פתאום */
html[lang="en"] body {
  font-family: 'cy', 'Sapir Classic', sans-serif;
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] .elementor-heading-title,
html[lang="en"] .elementor-button,
html[lang="en"] .woocommerce-Price-amount,
html[lang="en"] .woocommerce-loop-product__title,
html[lang="en"] .price {
  font-family: 'cy', 'Sapir Classic', sans-serif;
}

/* Bootleg - extra space above footer on single product page */
body.single-product #site-content {
    padding-bottom: 40px; /* תשחק בין 40–120px עד שזה ירגיש טוב */
}

/* Bootleg – Size chart link under Add to Cart */
.bootleg-size-chart-link {
    margin-top: 18px;
    text-align: center; /* מרכז */
}

.bootleg-size-chart-link a {
    font-size: 20px
}

.bootleg-size-chart-link a:hover {
    color: #000;
}

/* ================================================================
   POSTER SUPPORT – flat image card layout
   Affects only .bootleg-item.is-poster; shirts are untouched.
   ================================================================ */

/* Flat image fills the card container (same aspect-ratio: 4/5 as shirts) */
.bootleg-item.is-poster .bootleg-image-container .poster-flat-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
  display: block;
  transition: opacity 0.3s ease;
}

/* Primary image (Product Image / featured) — always on top by default */
.bootleg-item.is-poster .bootleg-image-container .poster-flat-img--primary {
  opacity: 1;
  z-index: 1;
}

/* Hover image (gallery[1] lifestyle, fallback gallery[0]) — hidden by default */
.bootleg-item.is-poster .bootleg-image-container .poster-flat-img--hover {
  opacity: 0;
  z-index: 2;
}

/* Only trigger hover swap on devices that support true hover (not touch) */
@media (hover: hover) {
  .bootleg-item.is-poster .bootleg-image-container:hover .poster-flat-img--primary {
    opacity: 0;
  }
  .bootleg-item.is-poster .bootleg-image-container:hover .poster-flat-img--hover {
    opacity: 1;
  }
}

/* Mobile tap toggle — JS adds .poster-hover-active on first tap, removes on second */
.bootleg-item.is-poster.poster-hover-active .poster-flat-img--primary {
  opacity: 0;
}
.bootleg-item.is-poster.poster-hover-active .poster-flat-img--hover {
  opacity: 1;
}

/* Popup size buttons: auto-width so labels like "A3" and "50x70" fit */
.bootleg-item.is-poster .bootleg-popup .bootleg-size {
  width: auto;
  min-width: 54px;
  padding: 0 10px;
  font-size: 0.85rem;
}

/* Mobile: slightly narrower poster size buttons */
@media (max-width: 479px) {
  .bootleg-item.is-poster .bootleg-popup .bootleg-size {
    min-width: 36px;
    padding: 0 6px;
    font-size: 0.75rem;
  }
}

/* ================================================================
   POSTER – [bootleg_product_media] shortcode output
   Gallery[0] = main image. All gallery images in thumbnail strip.
   Fallback to featured image if no gallery images exist.
   Returns empty string for non-poster products — shirts untouched.
   ================================================================ */

/* Hide all WooCommerce product image output on poster pages.
   Multiple selectors cover different Elementor widget class variants.
   PHP filters (woocommerce_single_product_image_html) suppress the
   template content; CSS is a visual backstop. */
.product-cat-posters .woocommerce-product-gallery,
.product-cat-posters .elementor-widget-woocommerce-product-images,
.product-cat-posters .elementor-widget-product-images {
  display: none !important;
}

/* ── Poster media layout ──────────────────────────────────────────
   grid-template-areas gives explicit column placement that is
   immune to DOM order and RTL reversal. direction:ltr ensures
   the "thumbs" area stays physically LEFT on RTL pages. */
.bootleg-poster-media {
  direction: ltr;
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-areas: "thumbs main";
  gap: 24px;
  align-items: start;
  width: 100%;
}

/* Vertical thumbnail column */
.bootleg-poster-thumbs {
  grid-area: thumbs;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 140px;
}

/* Thumbnail button — portrait ratio (3:4) matches poster format.
   aspect-ratio drives height from width so no square crop.
   overflow:hidden still clips any overflow from the img. */
.bootleg-poster-thumb {
  display: block;
  width: 140px;
  aspect-ratio: 3 / 4;
  padding: 0;
  border: 1px solid #d0d0d0;   /* neutral resting border */
  background: #f5f5f5;
  cursor: pointer;
  flex-shrink: 0;
  overflow: hidden;
  outline: none;                /* kill browser default yellow/amber focus ring */
  transition: border-color 0.15s ease;
}

/* object-fit:contain shows the full poster image without cropping */
.bootleg-poster-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Neutral hover — visually distinct from active so hover ≠ selected */
.bootleg-poster-thumb:hover {
  border-color: #888;
}

/* Keyboard focus: subtle ring, not confused with active state */
.bootleg-poster-thumb:focus-visible {
  outline: 2px solid #888;
  outline-offset: 2px;
}

/* Active/selected thumbnail — strong indicator */
.bootleg-poster-thumb.is-active {
  border: 2px solid #111;
}

/* Main image column */
.bootleg-poster-main {
  grid-area: main;
  min-width: 0;
}

.bootleg-poster-main-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff;
  transition: opacity 0.2s ease;
}

/* Mobile: single column, main first then thumbs horizontally */
@media (max-width: 767px) {
  .bootleg-poster-media {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "thumbs";
    gap: 12px;
  }

  .bootleg-poster-thumbs {
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 6px;
  }

  .bootleg-poster-thumb {
    flex: 0 0 60px;
    width: 60px;
    /* aspect-ratio: 3/4 from desktop rule applies — no height override needed */
  }
}

/* ================================================================
   QA-26 – Poster size button polish
   Targets the real inner DOM: ul > li > div.variable-item-contents
   > span.variable-item-span-button. JS also strips inline styles
   from all four levels. Shirt buttons completely unaffected.
   ================================================================ */

/* Wrapper */
.product-cat-posters .blg-product-meta
ul.variable-items-wrapper[data-attribute_name="attribute_pa_poster-size"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: none !important;
  flex-wrap: nowrap;
  margin-block: 8px 18px;
}

/* li — fixed size on all axes, no transform */
.product-cat-posters .blg-product-meta
ul.variable-items-wrapper[data-attribute_name="attribute_pa_poster-size"] > li.variable-item {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  flex: 0 0 86px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  transform: none !important;
  font-size: 0.9rem;
  letter-spacing: 0.02em;
}

/* div.variable-item-contents */
.product-cat-posters .blg-product-meta
ul.variable-items-wrapper[data-attribute_name="attribute_pa_poster-size"] > li.variable-item
.variable-item-contents {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* span.variable-item-span-button — padding here provides breathing room */
.product-cat-posters .blg-product-meta
ul.variable-items-wrapper[data-attribute_name="attribute_pa_poster-size"] > li.variable-item
.variable-item-span-button {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

@media (max-width: 479px) {
  .product-cat-posters .blg-product-meta
  ul.variable-items-wrapper[data-attribute_name="attribute_pa_poster-size"] > li.variable-item {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    flex: 0 0 68px !important;
    height: 46px !important;
    font-size: 0.8rem;
  }
}

/* ── Prints countdown timer ──────────────────────────────────── */
#bootleg-prints-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4rem 1rem;
  box-sizing: border-box;
}

.bpc-display {
  display: flex;
  align-items: baseline;
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 10vw, 7rem);
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--black);
  white-space: nowrap;
  direction: ltr;
}

.bpc-sep {
  display: inline-block;
  margin: 0 0.04em;
  opacity: 0.35;
}

@media (max-width: 480px) {
  #bootleg-prints-countdown {
    padding: 3rem 0.5rem;
  }
}

/* QA-31 – Mobile filter bar: compact centered pills, larger text, one row */
@media (max-width: 767px) {
  .bootleg-filter-bar {
    flex-wrap:       nowrap !important;
    justify-content: center;
    overflow-x:      hidden;
    gap:             5px !important;
    padding:         6px 6px;
    width:           100%;
    box-sizing:      border-box;
  }
  .bootleg-filter {
    flex:        0 0 auto !important;
    width:       auto !important;
    min-width:   0 !important;
    white-space: nowrap !important;
    font-size:   clamp(1.22rem, 5.2vw, 1.45rem) !important;
    padding:     4px 7px !important;
    line-height: 1 !important;
    text-align:  center !important;
  }
  .bootleg-filter.active {
    transform:  rotate(2deg) !important;
    box-shadow: 2px 2px 0 var(--border-color);
  }
}