/* BYNDbiz Global Styles — extracted from Webflow embedded <style> */

/* Font smoothing */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
  -webkit-appearance: none;
}

/* Inherit color from parent */
body * {
  color: inherit;
}

a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-slider-arrow-left,
.w-slider-arrow-right,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

/* Focus state for keyboard navigation */
*[tabindex]:focus-visible,
input[type="file"]:focus-visible {
  outline: 0.125rem solid #4d65ff;
  outline-offset: 0.125rem;
}

/* Rich text margin fixes */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

/* Pointer events helpers */
.pointer-events-off { pointer-events: none; }
.pointer-events-on { pointer-events: auto; }

/* Square div */
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/* Container centering */
.container-medium,
.container-small,
.container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Text line clamp */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Inline flex */
.display-inlineflex { display: inline-flex; }

/* Hide helpers */
.hide { display: none !important; }

@media screen and (max-width: 991px) {
  .hide, .hide-tablet { display: none !important; }
}
@media screen and (max-width: 767px) {
  .hide-mobile-landscape { display: none !important; }
}
@media screen and (max-width: 479px) {
  .hide-mobile { display: none !important; }
}

/* Margin/padding reset utilities */
.margin-0 { margin: 0rem !important; }
.padding-0 { padding: 0rem !important; }
.spacing-clean { padding: 0rem !important; margin: 0rem !important; }

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}
.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}
.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

/* Truncate text */
.truncate-width {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hide scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* RTL dropdown alignment */
html[lang="he"] .navbar5_dropdown-list {
  text-align: right;
}

/* Webflow touch/js detection (added by Webflow script) */
.w-mod-js * { max-width: 100%; }

/* ── Navbar fixes for self-hosted (no webflow.js) ── */

/* CSS-only dropdown hover — DESKTOP ONLY */
@media (hover: hover) and (min-width: 992px) {
  .w-dropdown:hover > .w-dropdown-list,
  .w-dropdown-list:hover {
    display: block !important;
  }
}

/* RTL dropdown positioning */
html[dir="rtl"] .w-dropdown-list {
  right: 0;
  left: auto;
  text-align: right;
}

/* Dropdown list styling override for clean look */
.custom-menu-dropdown-item-list {
  background: #fff !important;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  padding: 0.5rem 0;
  min-width: 12rem;
  z-index: 950;
}

/* Dropdown link hover */
.custom-menu-dropdown-item {
  padding: 0.5rem 1.25rem !important;
  transition: background-color 0.15s;
  white-space: nowrap;
}

/* Ensure dropdown toggle clickable area and spacing match live site */
.custom-menu-dropdown {
  padding: 1.5rem 1rem !important;
  cursor: pointer;
}

/* Navbar link spacing — wider to match original */
.navbar5_link {
  padding: 1.5rem 1.25rem;
}

/* Dropdown chevron indicator */
.dropdown-chevron-mobile {
  display: none;
}

/* ── Mobile menu fixes ── */
@media screen and (max-width: 991px) {
  /* Show chevron on mobile */
  .dropdown-chevron-mobile {
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border-left: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(-45deg);
    transition: transform 0.25s ease;
    margin-right: 0.5rem;
    flex-shrink: 0;
  }

  /* Rotate chevron when dropdown is open */
  .w-dropdown.dropdown--open .dropdown-chevron-mobile {
    transform: rotate(135deg);
  }

  /* Make dropdown toggles full-width with space-between layout */
  .custom-menu-dropdown {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 0 !important;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }

  /* Dropdown list: flow in document, no overlap */
  .w-dropdown {
    position: relative !important;
  }

  .w-dropdown-list {
    position: relative !important;
    width: 100% !important;
    min-width: unset !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fafafa !important;
    padding: 0 !important;
    display: none;
  }

  .w-dropdown-list.w--open {
    display: block !important;
    padding: 0.25rem 0 0.5rem !important;
    margin-bottom: 0.25rem;
  }

  /* Sub-item styling */
  .custom-menu-dropdown-item-list {
    background: #fafafa !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: unset !important;
  }

  .custom-menu-dropdown-item {
    padding: 0.6rem 1.5rem !important;
    white-space: normal !important;
    font-size: 0.95rem;
    color: #444;
    text-align: center;
    border-bottom: 1px solid #eee;
  }

  .custom-menu-dropdown-item:last-child {
    border-bottom: none;
  }

  .custom-menu-dropdown-item:active {
    background-color: #f0f0f0;
  }

  /* Plain nav links also get separator */
  .navbar5_link {
    border-bottom: 1px solid #f0f0f0;
    padding: 0.75rem 0 !important;
  }

  /* Menu right section (EN + CTA) */
  .navbar5_menu-right {
    border-top: 1px solid #e0e0e0;
    padding-top: 1rem;
    margin-top: 1rem;
  }

  .navbar5_menu-right .button {
    text-align: center;
    width: 100%;
    display: block;
  }
}