/* Kolbo Fix Stretch v1.0
   מונע מתיחות/גלילה אופקית ומיישר 100vw כולל scrollbar.
   עובד בצורה לא פולשנית ככל האפשר.
*/

/* 1) עצירת גלילה אופקית גלובלית */
html { overflow-x: clip; } /* עדיף על hidden בדפדפנים מודרניים */
body { overflow-x: hidden; width: 100%; }

/* 2) קופסאות והמדיה לא יגלשו */
*, *::before, *::after { box-sizing: border-box; }
img, video, svg, canvas { max-width: 100%; height: auto; display: block; }

/* 3) מיכלי בסיס: אל תאפשר חריגה */
.container, [class*="container"], .site, .wrapper, .content, main {
  max-width: 100% !important;
  overflow-x: clip;
}

/* 4) תיקון 100vw הכולל scrollbar (מוגדר ב-JS כ- --sbw) */
:root { --sbw: 0px; }
.w-100vw, .full-bleed, .mega-menu, .site-banner, .hero, .offcanvas, .kap-mega, .dw-mega, .dw-hero {
  width: calc(100vw - var(--sbw)) !important;
  max-width: calc(100vw - var(--sbw)) !important;
}

/* 5) אלמנטים fixed/absolute שלא יחרגו לצדדים */
[style*="position:fixed"], [style*="position:absolute"], .fixed, .is-fixed, .sticky-bar, .side-cart, .floating-cta {
  max-width: 100% !important;
  left: auto;
  right: auto;
}

/* 6) RTL – מניעת משיכות */
html[dir="rtl"] body { overscroll-behavior-x: none; }

/* 7) חריגות ידועות (DavinciWoo נפוץ) – תפריט/מגה/סליידר */
.dw-mega, .dw-menu, .dw-slider, .dw-toolbar, .dw-topbar, .yip-modal {
  max-width: calc(100vw - var(--sbw)) !important;
  overflow-x: clip !important;
}

/* 8) הבטחת inline elements לא יגרמו לשבירת שורה עברית */
a, button { max-width: 100%; }
