/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

ul.menu-items.two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 20px;
  list-style: none;
  padding: 0;
}

ul.menu-items.one-column {
  list-style: none;
  padding: 0;
}

ul.menu-items a {
    color:#3D3D3C;
    font-weight: 400;
    font-size:18px;
    transition: color .1s ease-in-out;
}

ul.menu-items a:hover {
    color:#F5C06E;
}

:where(.elementor-widget-n-menu .e-n-menu-content > .e-con) {
  background: transparent !important;
}

/* גשרי גובה */
.hpms-wrap {
  height: 100%;
  min-height: inherit;
}
.elementor-shortcode:has(.hpms-wrap),
.elementor-widget-container:has(.hpms-wrap),
.elementor-widget-shortcode:has(.hpms-wrap),
.elementor-widget:has(.hpms-wrap),
.elementor-column:has(.hpms-wrap),
.elementor-widget-wrap:has(.hpms-wrap) {
  height: 100%;
}
.hpms-parent-100,
.hpms-parent-100 > .elementor-widget-wrap,
.hpms-parent-100 > .elementor-widget-wrap > .elementor-widget-container,
.hpms-parent-100 .elementor-shortcode,
.hpms-parent-100 .hpms-wrap {
  height: 100%;
}

/* בסיס הסליידר – ננעל לגובה ההורה */
.hpms-slider {
  position: relative;
  overflow: hidden;
  height: var(--hpms-h, 100%);
  direction: rtl;
  --G: 24px;
  --P: 16px;
}
.hpms-track {
  display: flex;
  height: var(--hpms-h, 100%);
  transition: transform .45s ease;
  will-change: transform;
}
.hpms-slide {
  min-width: 100%;
  height: var(--hpms-h, 100%);
  box-sizing: border-box;
}

/* גריד פנימי */
.hpms-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--G);
  height: 100%;
  min-height: 0;
  direction: ltr;
}
.hpms-col {
  display: flex;
  flex-direction: column;
  gap: var(--G);
  height: 100%;
  min-height: 0;
}

/* כרטיסים */
.hpms-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  background: #FFDEAA;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: none;
  box-sizing: border-box;
  min-height: 0;
  direction: rtl;

  --pad: clamp(10px, 4%, 24px);
  --hpms-blur: url('https://otzma.ussl.store/wp-content/uploads/2025/08/blur.png');

  background-image: var(--hpms-bg, none), var(--hpms-blur);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center center;
  background-size: contain, cover;
}
.hpms-card.tall {
  flex: 0 0 calc((100% - var(--G)) * .65);
}
.hpms-card.short {
  flex: 0 0 calc((100% - var(--G)) * .35);
  background-size: 85% auto, cover;
}

/* קופסת פרטים */
.hpms-meta {
  position: absolute;
  inset-block-end: var(--pad);
  background: #FFF;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  max-width: 66%;
  text-align: right;
}
.hpms-card.meta-right .hpms-meta {
  inset-inline-start: var(--pad);
  inset-inline-end: auto;
}
.hpms-card.meta-left .hpms-meta {
  inset-inline-end: var(--pad);
  inset-inline-start: auto;
}

/* טיפוגרפיה */
.hpms-new {
  display: inline-block;
  color: #E5AD57;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6px;
}
.hpms-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.25;
  color: #3D3D3C;
  margin: 0;
}
.hpms-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hpms-price {
  font-weight: 500;
  font-size: 16px;
  color: #3D3D3C;
  line-height: 1.2;
  white-space: nowrap;
}
.hpms-price-icon {
  width: 18px;
  height: auto;
  display: block;
  flex: 0 0 auto;
}

.hpms-meta-only {
  display: inline-block;
  direction: rtl;
}
.hpms-meta-only .hpms-meta {
  position: static;
  background: #FFF;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 0 3px rgba(0,0,0,.25);
  text-align: right;
  max-width: none;
}

/* אינטראקציה + רספונסיביות */
.hpms-card:hover { transform: translateY(-2px); transition: transform .2s ease; }
@media (max-width: 900px) { .hpms-slider { --G: 16px; --P: 12px; } }

/* --- Projects Slider (scoped by .ps-wrap) --- */
.psv-wrap{position:relative;direction:ltr}
.psv-controls{display:flex;gap:8px;z-index:5;margin-bottom:10px}
.psv-arrow{width:28px;height:28px;border:0;background:transparent;padding:0;cursor:pointer;outline:none;box-shadow:none}
.psv-arrow:hover,.psv-arrow:active,.psv-arrow:focus{background:transparent;box-shadow:none;outline:none;filter:none;opacity:1}
.psv-arrow img{width:100%;height:100%;display:block;pointer-events:none;filter:none}

.psv-grid{display:grid;grid-template-columns:8fr 4fr;gap:var(--ps-gap,32px);align-items:stretch;min-height:var(--ps-h,520px)}

.psv-main{position:relative;overflow:hidden;border-radius:15px; transition: transform .2s ease-in-out;isolation:isolate;}
.psv-side{display:flex;flex-direction:row;gap:var(--ps-gap,32px);height:100%}
.psv-thumb{flex:1 1 50%;min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:15px;cursor:pointer; transition: transform .2s ease-in-out;}
.psv-thumb:hover, .psv-main:hover {
	transform: translatey(-5px)
}

/* שכבת סלייד לכל בלוק (מנוטרל) */
.psv-stage{position:relative;width:100%;height:100%;}
.psv-layer{position:absolute;inset:0;display:block;transform:none!important;transition:none!important;z-index:1}
.psv-layer-b{display:none}

/* תמונה ממלאת 100% */
.psv-img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;z-index:0}

/* אוברליי עדין מתחת לטקסט */
.psv-layer::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.28) 40%,rgba(255,255,255,0) 100%);pointer-events:none;z-index:1}

/* טקסט */
.psv-cap{position:absolute;left:0;right:0;bottom:0;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:16px;direction:rtl;text-align:right;color:#fff;z-index:3;text-decoration:none}
.psv-title{margin:0;font-size:32px;line-height:1.25;font-weight:400;flex:1}
.psv-chips{display:flex;flex-wrap:wrap;gap:8px}
.psv-chip{font-size:18px;line-height:1;padding:16px 24px;border-radius:10px;white-space:nowrap;border:1px solid #FFF}

/* רספונסיביות */
@media (max-width:780px){
  .psv-grid{grid-template-columns:1fr;min-height:unset}
  .psv-side{gap:16px;margin-top:var(--ps-gap,32px)}
  .psv-thumb{min-height:140px}
}

/* הוספה לסל מותאמת אישית */
.wc-attr-select-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0; padding: 0; margin: -1px;
}
.wc-attr-select-hidden select,
.wc-attr-select-hidden .select2,
.wc-attr-select-hidden .select2-container,
.wc-attr-select-hidden .woocommerce-select-wrapper {
  display: none !important;
  visibility: hidden !important;
}

.wc-attrs-stack { display: flex; flex-direction: column; gap: 32px; background: none !important; border: 0 !important; }
.variations_form .variations { display: block; width: 100%; background: none; border: 0; margin: 0 !important; padding: 0; }
.variations_form .variations tbody,
.variations_form .variations tr,
.variations_form .variations td,
.variations_form .variations th { display: contents; }
.variations_form .variations .label,
.variations_form .variations th.label,
.variations_form .variations td.label { display: none !important; }
.woocommerce div.product form.cart .variations { margin-bottom: 0 !important; }

.wc-attr-radios-wrap { display: flex; gap: 32px; align-items: center; background: none !important; border: 0 !important; }
.wc-attr-title { margin: 0; font-size: 18px; font-weight: 500; color: #3D3D3C; }
.wc-attr-radios { display: flex; flex-wrap: wrap; gap: 10px; }

.wc-radio-pill {
  display: inline-flex; align-items: center;
  border: 1px solid #D9D9D9; border-radius: 8px;
  padding: 10px 25px;
  font-size: 16px; font-weight: 400; color: #3D3D3C;
  cursor: pointer; background: transparent;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}
.wc-radio-pill span { font-weight: 400; }
.wc-radio-pill:focus,
.wc-radio-pill:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(245,192,110,.35); }
.wc-radio-pill input[type="radio"] { position: absolute; opacity: 0; }
.wc-radio-pill:hover { border-color: #999; }
.wc-radio-pill.is-active { border-color: #3D3D3C; background-color: #f5f5f5; font-weight: 400; }

.single_variation_wrap.is-stacked { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 16px; }
.single_variation_wrap .variations_button { display: flex; align-items: center; gap: 16px; flex-wrap: nowrap; }
.single_variation_wrap .variations_button > * { margin: 0 !important; }

.single_variation_wrap .variations_button .quantity { flex: 0 0 30%; max-width: 30%; }
.single_variation_wrap .variations_button .single_add_to_cart_button { max-width: 70%; width: 70% !important; }

.single_variation_wrap .variations_button .single_add_to_cart_button {
  background: #FFDEAA !important;
  color: #3D3D3C !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  margin-block-start: 0 !important;
  margin-inline-start: 0 !important;
}
.single_variation_wrap .variations_button .single_add_to_cart_button::before {
  content: "";
  display: inline-block;
  width: 20px; height: 20px;
  background-image: url('https://otzma-fur.co.il/wp-content/uploads/2025/08/add-to-cart.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.single_variation_wrap .variations_button .quantity input.qty {
  width: 100%;
  height: 44px;
border:0;
	border-color: #D9D9D9;
  background: #fff;
  color: #3D3D3C;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 12px;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
}

.single_variation .price,
.single_variation .woocommerce-variation-price,
.reset_variations { display: none !important; }

.colors-accordion { margin: 8px 0 4px; background: none; border: 0; }
.colors-toggle {
  width: 100%; background: transparent; border: 0;
  display: inline-flex; align-items: center; justify-content: flex-start;
  padding: 10px 0; cursor: pointer;
  font-weight: 500; font-size: 18px; color: #3D3D3C;
}
.colors-toggle:hover,
.colors-toggle:active,
.colors-toggle:focus { background: transparent; color: #3D3D3C; outline: none; box-shadow: none; }
.colors-toggle__text { order: 2; }
.colors-toggle__plus { order: 1; margin-left: 16px; color: #F5C06E; line-height: 1; }
.colors-accordion.is-open .colors-toggle__plus { transform: rotate(45deg); }
:root[dir="rtl"] .colors-toggle__text { order: 1; }
:root[dir="rtl"] .colors-toggle__plus { order: 2; margin-left: 0; margin-right: 16px; }
.colors-panel { margin-top: 16px; margin-bottom:16px; }
.colors-panel img { display: block; max-width: 100%; height: auto; border-radius: 6px; }

.woocommerce div.product form.cart div.quantity {
  float: none !important;
  margin: 0 !important;
}

.e-atc-qty-button-holder {
    gap: 32px;
    flex-wrap: nowrap !important;
}

@media (max-width: 600px) {
  .e-atc-qty-button-holder {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
	  width:100%;
  }

  .single_variation_wrap .variations_button .quantity,
  .single_variation_wrap .variations_button .single_add_to_cart_button,
  .e-atc-qty-button-holder .quantity,
  .e-atc-qty-button-holder .single_add_to_cart_button {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* שאלות תשובות במוצרים */
.product-faq {
  width: 100%;
}

.product-faq__item {
  width: 100%;
  margin: 0 0 16px 0;
}

.product-faq__q {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #3D3D3C;
  margin: 0 0 6px 0;
}

.product-faq__a {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #3D3D3C;
  margin: 0;
}

/* ===== יישור כפתור וכמות – מוצרים בלי וריאציות ===== */
.woocommerce div.product form.cart:not(.variations_form) {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  margin: 0 !important;
}

/* חלוקה 30% כמות / 70% כפתור – כמו בוריאציות */
.woocommerce div.product form.cart:not(.variations_form) .quantity {
  flex: 0 0 30%;
  max-width: 30%;
}
.woocommerce div.product form.cart:not(.variations_form) .single_add_to_cart_button {
  max-width: 70%;
  width: 70% !important;
}

/* עיצוב כפתור – זהה לוריאציות */
.woocommerce div.product form.cart:not(.variations_form) .single_add_to_cart_button {
  background: #FFDEAA !important;
  color: #3D3D3C !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.woocommerce div.product form.cart:not(.variations_form) .single_add_to_cart_button::before {
  content: "";
  display: inline-block;
  width: 20px; height: 20px;
  background-image: url('https://otzma-fur.co.il/wp-content/uploads/2025/08/add-to-cart.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* קלט כמות – זהה לוריאציות */
.woocommerce div.product form.cart:not(.variations_form) .quantity input.qty {
  width: 100%;
  height: 44px;
  background: #fff;
  color: #3D3D3C;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 12px;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
}

/* מובייל – ערימה אנכית מלאה */
@media (max-width: 600px) {
  .woocommerce div.product form.cart:not(.variations_form) {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100%;
  }
  .woocommerce div.product form.cart:not(.variations_form) .quantity,
  .woocommerce div.product form.cart:not(.variations_form) .single_add_to_cart_button {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* ווקומרס הוספה לסל התראות */

/* עטיפה כללית */
.woocommerce-notices-wrapper {
  margin: 16px 0;
  direction: rtl;
}

/* בסיס לכל סוגי ההודעות */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  position: relative;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #ffdeaa;
  background: #fff8ec;            /* גוון עדין על בסיס ה-primary */
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  color: #3d3d3c;
  line-height: 1.5;
  font-size: 15px;
}

/* קו דק בצד בשביל חתימת-מותג */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;           /* RTL ידידותי */
  top: 0;
  bottom: 0;
  width: 5px;
  border-radius: 12px 0 0 12px;
  background: #ffdeaa;
}

/* הבדלים קלים בין סוגים (אופציונלי) */
.woocommerce-info { border-style: dashed; }
.woocommerce-error { border-color: #ffb7b7; background: #fff2f2; }
.woocommerce-error::before { background: #ff8a8a; }

/* טקסט וקישורים */
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
  text-decoration: underline;
  font-weight: 600;
}

/* הסתרת כפתורי המשך/צפייה בעגלה בתוך ההודעות */
.woocommerce-notices-wrapper .button.wc-forward,
.woocommerce-notices-wrapper a.button.wc-forward,
.woocommerce-notices-wrapper .button,
.woocommerce-notices-wrapper a.button {
  display: none !important;
}

@media (max-width: 768px) {
  /* תן לסליידר גובה דינמי במובייל כדי ש-aspect-ratio יעבוד */
  .hpms-slider,
  .hpms-track,
  .hpms-slide {
    height: auto !important;
  }

  /* מעבירים לטור אחד; אפשר גם display:block כדי לשטח לגמרי */
  .hpms-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* מבטלים חלוקות Tall/Short וכל פלקסים שמגבילים גובה/רוחב */
  .hpms-col {
    display: contents;          /* כך כל כרטיס יהיה אחראי לעצמו ברוחב מלא */
  }

  /* ריבוע אמיתי + contain לשכבת התמונה, blur ב-cover מאחור */
  .hpms-card {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
    flex: unset !important;
    background-size: contain, cover;         /* התמונה הראשית ב-contain; ה-blur מכסה */
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center; /* ברירת מחדל */
  }
  .hpms-card.tall,
  .hpms-card.short {
    flex: unset !important;
  }

  /* הפוקוס של התמונה "בצד הנגדי" ל-meta */
  .hpms-card.meta-right {
    /* אם ה-meta מימין – נדחוף את התמונה שמאלה */
    background-position: left center, center center;
  }
  .hpms-card.meta-left {
    /* אם ה-meta משמאל – נדחוף את התמונה ימינה */
    background-position: right center, center center;
  }

  /* קופסת המידע – טיפה יותר צרה במובייל */
  .hpms-meta {
    max-width: 88%;
    padding: 10px 12px;
  }
}

@media (max-width: 780px) {
  /* מסדרים את סדר האלמנטים – קודם ה-grid ואז החצים */
  .psv-wrap {
    display: flex;
    flex-direction: column;
  }

  /* הקוביה המרכזית רוחב מלא; הצדדי נעלם */
  .psv-grid {
    order: 1;                 /* לפני החצים */
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: unset;        /* לא לכפות גובה */
  }

  .psv-side {
    display: none !important; /* מסתיר את שני הסליידים הקטנים */
  }

  /* שומרים יחס תמונה נקי למיינסלייד (לפי --ps-ratio מהשורטקוד) */
  .psv-main {
    width: 100%;
    aspect-ratio: var(--ps-ratio, 16/9);
    height: auto;             /* שחרור מגובה קבוע */
    border-radius: 15px;
    overflow: hidden;
  }

  /* החצים מתחת, ממורכזים וגדולים לטאצ' */
  .psv-controls {
    order: 2;                 /* אחרי ה-grid */
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 12px 0 0 0;
  }

  .psv-arrow {
    width: 36px;
    height: 36px;
  }

  /* טיפוגרפיה קטנה יותר בכותרת וצ׳יפים כדי לא להשתלט על המסך */
  .psv-cap {
    padding: 16px;
  }
  .psv-title {
    font-size: 22px;
  }
  .psv-chip {
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 8px;
  }
	
	  .psv-cap {
    padding: 14px 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;     /* יישור מרכז */
    gap: 8px;
  }

  /* כותרת – מתאימה את עצמה לרוחב המסך ונראית נקי */
  .psv-title {
    margin: 0;
    font-weight: 500;
    line-height: 1.25;
    /* גודל אדפטיבי: מינ' 18px, מקס' 24px */
    font-size: clamp(18px, 5vw, 24px);
    max-width: 92%;
    /* חיתוך אלגנטי לשתי שורות אם צריך */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  /* עד 2 שורות */
    overflow: hidden;
    word-break: break-word;
  }

  /* מסתירים את הצ'יפים (תגיות) במובייל */
  .psv-chips {
    display: none !important;
  }

  /* מרככים מעט את האוברליי כדי שטקסט יהיה קריא ולא "פח" :) */
  .psv-layer::before {
    background: linear-gradient(
      0deg,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.20) 35%,
      rgba(255,255,255,0) 100%
    );
  }

  /* שמים לב שגם הכפתורים לא "מתנפחים" מדי */
  .psv-arrow {
    width: 34px;
    height: 34px;
  }
}

.hpms-hud {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: saturate(1.2) blur(2px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 999px;
  padding: 6px 8px;
  direction: rtl;
}

.hpms-progress {
  position: relative;
  width: 96px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.hpms-progress > span {
  position: absolute;
  inset: 0;
  width: 0%;
  background: #FFDEAA;
  transform-origin: left center;
}

.hpms-counter {
  font-size: 12px;
  line-height: 1;
  color: #3D3D3C;
  background: transparent;
  border: 0;
  border-radius: 999px;
  padding: 0 4px;
}

.hpms-toggle {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: none;
}

.hpms-toggle::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  box-shadow:
    inset 3px 0 0 #3D3D3C,
    inset -3px 0 0 #3D3D3C;
  border-radius: 1px;
}

.hpms-toggle.is-paused::before {
  box-shadow: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent #3D3D3C;
  border-radius: 0;
}

.hpms-toggle:hover,
.hpms-toggle:focus,
.hpms-toggle:active {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  outline: none;
  transform: none;
}

@media (max-width: 600px) {
  .hpms-hud {
    inset-block-start: 6px;
    inset-inline-start: 6px;
    gap: 8px;
    padding: 6px;
  }

  .hpms-progress {
    width: 78px;
    height: 5px;
  }

  .hpms-toggle {
    width: 28px;
    height: 28px;
  }
}

/* ===== Quantity as one group (+ 1 −) ===== */
:where(.variations_button .quantity,
       .e-atc-qty-button-holder .quantity,
       .woocommerce div.product form.cart .quantity,
       .woocommerce-cart-form .quantity){
  display: inline-flex;
  align-items: center;
  gap: 0; /* מקשה אחת – בלי רווחים פנימיים */
  height: 44px;
  padding-inline: 12px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  background: #fff;
  margin-block-start: 0 !important;   /* שביקשת */
  margin-inline-start: 0 !important;  /* שביקשת */
}

/* כפתורי + / − – חלק מהמקשה, בלי מסגרת עצמאית */
.qty-btn{
  border: 0 !important;
  background: transparent !important;
  width: auto;
  min-width: auto;
  height: 44px;
  padding: 0 10px;
  font-size: 20px;
  line-height: 1;
  color: #3D3D3C;
  border-radius: 0; /* לא להרוס את הרדיוס של הקבוצה */
  margin: 0 !important;               /* ביטול מרווחים */
}
.qty-btn:hover{ background: transparent !important; }

/* ===== Hover צבע כהה לכפתורי + / − ===== */
.qty-btn:hover,
.qty-btn:focus {
  color: #3D3D3C !important;
  background: rgba(61,61,60,0.08) !important; /* טיפה highlight עדין */
}

.qty-btn:active {
  background: rgba(61,61,60,0.15) !important; /* בזמן לחיצה */
}

/* האינפוט – שקוף בתוך המסגרת, מיושר למרכז */
input.qty.qty-has-spinner{
  border: 0 !important;
  background: transparent !important;
  width: 64px;
  min-width: 64px;
  height: 44px;
  padding: 0;
  text-align: center;
  color: #3D3D3C;
  font-size: 18px;
  box-shadow: none !important;
  outline: none !important;
}

/* הורדת spin buttons בדפדפנים */
input.qty.qty-has-spinner::-webkit-outer-spin-button,
input.qty.qty-has-spinner::-webkit-inner-spin-button{ -webkit-appearance: none; margin:0; }
input.qty.qty-has-spinner{ -moz-appearance: textfield; }

/* דריסת focus דיפולטי + פוקוס עדין על כל הקבוצה */
.qty-btn:focus,
input.qty.qty-has-spinner:focus{ outline: none !important; box-shadow: none !important; }
:where(.quantity):focus-within{
  border-color: #CFCFCF;
  box-shadow: 0 0 0 2px rgba(245,192,110,.35);
}

/* עגלת קניות – שמירה על פרופורציות בתוך הטבלה */
.woocommerce-cart-form .product-quantity .quantity{
  height: 40px; /* טיפה נמוך כדי להתאים לשורות טבלה */
}
.woocommerce-cart-form .product-quantity input.qty{
  width: 56px; min-width: 56px;
}

/***** Colors Accordion + Swatches (RTL) *****/

/* בסיס האקורדיון (לא מזיק אם כבר קיים) */
.colors-accordion { margin: 8px 0 4px; background: none; border: 0; }
.colors-toggle {
  width: 100%;
  background: transparent;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  color: #3D3D3C;
}
.colors-toggle:hover,
.colors-toggle:active,
.colors-toggle:focus { background: transparent; color: #3D3D3C; outline: none; box-shadow: none; }
.colors-toggle__text { order: 1; }
.colors-toggle__plus { order: 2; margin-inline-start: 16px; color: #F5C06E; line-height: 1; }
.colors-accordion.is-open .colors-toggle__plus { transform: rotate(45deg); }
.colors-panel { margin-top: 16px; margin-bottom: 16px; }

/* סידור פנימי של שורת "הצג הכל" + הסוואצ'ים (RTL) */
.colors-swatches{
  display: flex;
  align-items: center;
  gap: 16px;           /* רווח בין כפתור "הצג הכל" לרשימת הסוואצ'ים */
  direction: rtl;      /* כל הבלוק RTL */
}

/* כפתור "הצג הכל" – טקסט מימין, אייקון משמאל (כמו בדוגמה) */
.colors-more{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: #3D3D3C;
  font-size: 16px;
  line-height: 1;
  background: transparent;
  border: 0;
}
.colors-more span{ order: 1; }            /* הטקסט בצד ימין */
.colors-more__icon{
  order: 2;                                /* האייקון משמאל לטקסט */
  width: 12px;
  height: 12px;
  display: inline-block;
}
/* בלי hoverים/פוקוס מיותרים */
.colors-more:hover,
.colors-more:focus,
.colors-more:active{
  color: #3D3D3C;
  background: transparent;
  outline: none;
  box-shadow: none;
}

/* רשימת הסוואצ'ים */
.colors-swatch-list{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* סוואץ' עגול—ללא hover, ללא שינוי צבע/צל */
.colors-swatch{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex: 0 0 auto;
  border: 1px solid #E5E5E5;
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: default;               /* לא נראה כמו כפתור */
}
.colors-swatch:hover,
.colors-swatch:focus,
.colors-swatch:active{
  filter: none;
  outline: none;
  box-shadow: none;
}

/* התאמות מובייל קטנות */
@media (max-width:600px){
  .colors-swatch{ width: 32px; height: 32px; }
  .colors-swatch-list{ gap: 10px; }
  .colors-more{ font-size: 15px; }
}

/* === FIX: לבטל מסגרת פנימית על input.qty בכל ההקשרים (Elementor/Woo) === */
:where(.woocommerce) :where(.quantity) > input.qty,
:where(.elementor) .woocommerce .quantity .qty,
.e-atc-qty-button-holder .quantity .qty {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

/* לא לאפשר לאלמנטור להוסיף hairlines דרך shadow/gradient */
:where(.elementor) .woocommerce .quantity,
.e-atc-qty-button-holder .quantity {
  box-shadow: none !important;
  background-image: none !important;
}

/* המסגרת היחידה – על ה־wrapper של הכמות */
:where(.variations_button .quantity,
       .e-atc-qty-button-holder .quantity,
       .woocommerce div.product form.cart .quantity,
       .woocommerce-cart-form .quantity){
  border: 1px solid #D9D9D9 !important;
  border-radius: 10px;
  height: 44px;
  padding-inline: 12px;
}

/* יישור גבהים – כפתורי +/− והאינפוט */
:where(.quantity) .qty,
:where(.quantity) .qty-btn{
  height: 44px;
  line-height: 44px;
}

/* מקרה ספציפי שפספסת: מוצרים ללא וריאציות – לבטל לגמרי את מסגרת ה-input */
.woocommerce div.product form.cart:not(.variations_form) .quantity input.qty {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ביטול קווי ::before/::after אם סקין כלשהו מוסיף מפרידים */
:where(.quantity)::before,
:where(.quantity)::after{
  content: none !important;
}

/* --- Continue Shopping Button --- */
.mb-continue-shopping-btn {
  display: inline-block;
  margin: 0 !important;
  padding: 15px;
  border-radius: 10px;
  border: none;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  background-color: #D9D9D9;
  color: #000000;
  box-shadow: none;
  outline: none;
  transition: background-color .3s ease;
  cursor: pointer;
}

.mb-continue-shopping-btn:hover {
  background-color: #F0F1F5;
  color: #000000;
}

.mb-continue-shopping-btn:focus,
.mb-continue-shopping-btn:active {
  background-color: #D9D9D9;
  color: #000000;
  box-shadow: none;
  outline: none;
}

.elementor-menu-cart__footer-buttons .mb-continue-shopping-btn {
  margin: 0 !important;
}

html[dir="rtl"] .elementor-menu-cart__footer-buttons .mb-continue-shopping-btn {
  margin: 0 !important;
}