/* =====================================================================
   Main site navigation, 2026 — the menu with the Product Management item.
   Loaded after new_header.min.css / new_header_ltr.min.css on the pages that use the
   main site menu. With one more menu item the desktop menu needs slightly closer items,
   and it switches to the site's own mobile header (menu toggle + separate language switch)
   a little before the site's 1024px:
     Hebrew  (html[lang=he]): desktop from 1081px, mobile header up to 1080px
     English (html[lang=en]): desktop from 1151px, mobile header up to 1150px
   The mobile-header rules below are copied from new_header(_ltr).min.css /
   contact2025.min.css (max-width:1024px). header_nav2026.js keeps the menu toggle's
   aria state and outside-click close in step for the extra range.
   A separate new file (not an edit of new_header*.min.css) so browsers holding the
   year-long cached header CSS still receive these rules.
   ===================================================================== */

/* ---------- Hebrew ---------- */
@media screen and (min-width: 1081px) { html[lang="he"] header .headerMenu li:not(.homeLink) { padding: 0 14px; } }
@media screen and (min-width: 1081px) and (max-width: 1320px) { html[lang="he"] header .headerMenu li:not(.homeLink) { padding: 0 10px; } }
@media screen and (min-width: 1081px) and (max-width: 1250px) { html[lang="he"] header .headerMenu li:not(.homeLink) { padding: 0 6px; } }
/* narrowest desktop widths: 1px less each side, so EN keeps a safe gap from "צרו קשר" */
@media screen and (min-width: 1081px) and (max-width: 1120px) { html[lang="he"] header .headerMenu li:not(.homeLink) { padding: 0 5px; } }
@media screen and (min-width: 1025px) and (max-width: 1080px) {
  html[lang="he"] header { height: 48px; }
  html[lang="he"] .headerLogo { width: 90px; margin-top: 8px; }
  html[lang="he"] a.headerMenu_mobileToggle, html[lang="he"] a.headerMenu_mobileToggle[aria-hidden=true] { display: block; height: 48px; width: 54px; padding: 9px 12px 0; }
  html[lang="he"] a.headerMenu_mobileToggle span { height: 3px; margin-top: 5px; }
  html[lang="he"] .headerMenu { clear: none; float: none; padding: 0; position: absolute; left: 0; top: 0; z-index: 13; }
  html[lang="he"] .headerMenu ul { display: none; position: absolute; left: 0; top: 100%; padding: 0 14px 6px 20px; background-color: #fff; width: 240px; box-shadow: 3px 3px 3px rgba(136, 136, 136, .75); }
  html[lang="he"] .headerMenu li { float: none; padding: 0; border-top: 1px solid #efefef; }
  html[lang="he"] .headerMenu li:nth-child(1) { border-top: 0; }
  html[lang="he"] .headerMenu li.mobileOnly { display: block; }
  html[lang="he"] .headerMenu li.deskOnly { display: none; }
  html[lang="he"] .headerMenu li a { padding: 12px 0; position: relative; border-bottom: 0 !important; font-size: 20px; }
  html[lang="he"] .headerMenu li a.active { border-bottom: 0; color: #de791c; }
  html[lang="he"] .headerMenu li a > span { display: inline; }
  html[lang="he"] .headerMenu li a > span + span { display: none; }
  html[lang="he"] .headerMenu li.homeLink { padding: 8px 0 8px; }
  html[lang="he"] .headerMenu li.homeLink a { padding-bottom: 6px; border-bottom: 0; display: inline-block; font-size: 20px; }
  html[lang="he"] .homeSVG { width: 18px; height: 18px; display: inline-block; margin-left: 4px; margin-bottom: -2px; }
  html[lang="he"] .mobileLangSwitch { display: block; position: absolute; left: 55px; width: 55px; height: 48px; border-left: 1px solid #f0f0f0; }
  html[lang="he"] .mobileLangSwitch a { display: flex; flex-direction: column; justify-content: center; text-decoration: none; text-align: center; width: 100%; height: 100%; font-weight: 400; font-size: 24px; color: #f89b1c; }
  html[lang="he"] .mobileContactSwitch { display: block; position: absolute; left: 110px; border-left: 1px solid #f0f0f0; height: 48px; padding: 8px 0 0 12px; }
  html[lang="he"] .mobileContactSwitch a { display: block; height: 32px; font-size: 16px; line-height: 32px; text-decoration: none; padding: 0 12px; background-color: #f89b1c; color: #000; border-radius: 5px; }
  html[lang="he"] .contactSticky2024, html[lang="he"] .contactSticky2024_v2 { display: none; }
}

/* ---------- English ---------- */
@media screen and (min-width: 1221px) and (max-width: 1366px) { html[lang="en"] header .headerMenu li:not(.homeLink) { padding: 0 8px; } }
@media screen and (min-width: 1151px) and (max-width: 1220px) { html[lang="en"] header .headerMenu li:not(.homeLink) { padding: 0 6px; } }
@media screen and (min-width: 1025px) and (max-width: 1150px) {
  html[lang="en"] header { height: 48px; }
  html[lang="en"] .headerLogo { width: 90px; margin-top: 8px; }
  html[lang="en"] a.headerMenu_mobileToggle, html[lang="en"] a.headerMenu_mobileToggle[aria-hidden=true] { display: block; height: 48px; width: 54px; padding: 9px 12px 0; }
  html[lang="en"] a.headerMenu_mobileToggle span { height: 3px; margin-top: 5px; }
  html[lang="en"] .headerMenu { clear: none; float: none; padding: 0; position: absolute; right: 0; top: 0; z-index: 13; }
  html[lang="en"] .headerMenu ul { display: none; position: absolute; right: 0; top: 100%; padding: 0 20px 0 14px; background-color: #fff; width: 240px; box-shadow: 3px 3px 3px rgba(136, 136, 136, .75); }
  html[lang="en"] .headerMenu li { float: none; padding: 0; border-top: 1px solid #efefef; }
  html[lang="en"] .headerMenu li:nth-child(1) { border-top: 0; }
  html[lang="en"] .headerMenu li.mobileOnly { display: block; }
  html[lang="en"] .headerMenu li.deskOnly { display: none; }
  html[lang="en"] .headerMenu li a { padding: 12px 0; position: relative; border-bottom: 0 !important; font-size: 20px; }
  html[lang="en"] .headerMenu li a.active { border-bottom: 0; color: #de791c; }
  html[lang="en"] .headerMenu li.homeLink { padding: 8px 0 8px; display: inline-block; }
  html[lang="en"] .headerMenu li.homeLink a { font-size: 20px; padding-bottom: 6px; }
  html[lang="en"] .homeSVG { width: 18px; height: 18px; display: inline-block; margin-right: 4px; margin-bottom: -2px; }
  html[lang="en"] .mobileLangSwitch { display: block; position: absolute; right: 55px; width: 55px; height: 48px; border-right: 1px solid #f0f0f0; }
  html[lang="en"] .mobileLangSwitch a { display: flex; flex-direction: column; justify-content: center; text-decoration: none; text-align: center; width: 100%; height: 100%; font-weight: 400; font-size: 24px; color: #f89b1c; }
  html[lang="en"] .mobileContactSwitch { display: block; position: absolute; right: 110px; border-right: 1px solid #f0f0f0; height: 48px; padding: 8px 12px 0 0; }
  html[lang="en"] .mobileContactSwitch a { display: block; height: 32px; font-size: 16px; line-height: 32px; text-decoration: none; padding: 0 12px; background-color: #f89b1c; color: #000; border-radius: 5px; }
  html[lang="en"] .contactSticky2024, html[lang="en"] .contactSticky2024_v2 { display: none; }
}