/* =====================================================================================================
   dd-header.css — additions to the ORIGINAL header of the new site (12.10.2026). The header itself — transparent at the
   top over the blue, its own background only once the page scrolls, colours that follow the section underneath, the
   round toggle and the full-screen navy menu with its letter animation — is unchanged (dd-site.css / dd-motion.css).
   Added here:
   1. the horizontal menu inside the bar (Elementor Nav Menu markup), in the header's own colours; shown when it fits
      comfortably — the hamburger stays beside it; on narrower screens the hamburger only
   2. the hamburger menu's font, smaller (every link readable and whole, also on phones and low screens)
   3. the current page marked in brick in both menus (on navy: the brick tone the site uses on dark backgrounds)
   4. WordPress: the same original look for Elementor's markup (Theme Builder header + the menu as an Elementor Popup)
   ===================================================================================================== */

/* ---------- 1. the horizontal menu ---------- */
:where(.dd-header .dd-hnav):not(.dd-z.dd-z z) { flex: 1 1 auto; min-width: 0; display: none; justify-content: center; }
:where(.dd-header .dd-hnav > .elementor-widget-container):not(.dd-z.dd-z.dd-z z) { display: flex; justify-content: center; width: 100%; }
:where(.dd-header .dd-hnav .elementor-nav-menu):not(.dd-z.dd-z.dd-z z) { list-style: none; margin: 0; padding: 0; }
:where(.dd-header .dd-hnav nav.elementor-nav-menu--main):not(.dd-z.dd-z.dd-z z z) { display: flex; justify-content: center; }
:where(.dd-header .dd-hnav nav > .elementor-nav-menu):not(.dd-z.dd-z.dd-z z z) { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; }
:where(.dd-header .dd-hnav nav > .elementor-nav-menu > li):not(.dd-z.dd-z.dd-z z z z) { position: relative; }
:where(.dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z) { position: relative; align-items: center; fill: currentColor; letter-spacing: 0; white-space: nowrap; text-decoration: none; transition: color .3s, opacity .3s; }
:where(.dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { display: flex; padding: 10px clamp(7px, .58vw, 11px); color: inherit; font-family: var(--dd-font); font-size: clamp(.95rem, .86rem + .14vw, 1.02rem); line-height: 1.2; font-weight: 700; background-color: transparent; }
/* hover / keyboard: a thin line under the word (in the header's colour) */
:where(.dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z)::after { content: "" !important; position: absolute; inset-inline: clamp(7px, .58vw, 11px); bottom: 3px; height: 2px; border-radius: 2px; opacity: 1 !important; transform: scaleX(0); transform-origin: right; transition: transform .35s var(--dd-ease-out) !important; }
:where(.dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z)::after { background-color: currentColor; }
:where(.dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z)::before { display: none !important; }
:where(.dd-header .dd-hnav .elementor-item:hover):not(.dd-z.dd-z.dd-z z z z z z z)::after, :where(.dd-header .dd-hnav .elementor-item:focus-visible):not(.dd-z.dd-z.dd-z z z z z z z)::after, :where(.dd-header .dd-hnav li:focus-within > .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z)::after { transform: scaleX(1); }
/* the sub-menu chevron after "תחומי שירות" (Elementor's own arrow hidden) */
:where(.dd-header .dd-hnav .sub-arrow):not(.dd-z.dd-z.dd-z z) { display: none !important; }
:where(.dd-header .dd-hnav .menu-item-has-children > .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { padding-inline-end: calc(clamp(7px, .58vw, 11px) + 13px); background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(-45deg, transparent 50%, currentColor 50%); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; background-position: left clamp(7px, .58vw, 11px) top 54%, left calc(clamp(7px, .58vw, 11px) + 4.6px) top 54%; }
/* the sub-menu: a white card under its link (hover or keyboard focus; also Elementor's own script) */
:where(.dd-header .dd-hnav .sub-menu):not(.dd-z.dd-z.dd-z z) { z-index: 10; display: none !important; max-width: 320px; list-style: none; border-radius: 18px; color: var(--dd-navy); box-shadow: 0 24px 50px -24px color-mix(in srgb, var(--dd-deep) 50%, transparent), 0 0 0 1px color-mix(in srgb, var(--dd-navy) 8%, transparent); }
:where(.dd-header .dd-hnav .sub-menu):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { position: absolute; top: 100%; right: 0; left: auto; min-width: 250px; width: max-content; margin: 4px 0 0; padding: 10px; background: #fff; }
:where(.dd-header .dd-hnav .sub-menu):not(.dd-z.dd-z.dd-z z z)::before { content: ""; position: absolute; inset: -10px 0 auto; height: 10px; }
:where(.dd-header .dd-hnav li:hover > .sub-menu):not(.dd-z.dd-z.dd-z z z z z z z), :where(.dd-header .dd-hnav li:focus-within > .sub-menu):not(.dd-z.dd-z.dd-z z z z z z z), :where(.dd-header .dd-hnav .highlighted + .sub-menu):not(.dd-z.dd-z.dd-z z z z z z), :where(.dd-header .dd-hnav li.dd-sub-open > .sub-menu):not(.dd-z.dd-z.dd-z z z z z z z) { display: block !important; }
:where(.dd-header .dd-hnav .sub-menu li):not(.dd-z.dd-z.dd-z z z) { display: block; }
:where(.dd-header .dd-hnav .elementor-sub-item):not(.dd-z.dd-z.dd-z z) { border-radius: 10px; white-space: normal; text-decoration: none; transition: background-color .2s; }
:where(.dd-header .dd-hnav .elementor-sub-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { display: block; padding: 9px 14px; color: var(--dd-navy); background: transparent; border: 0; font-family: var(--dd-font); font-size: .97rem; line-height: 1.35; font-weight: 600; }
:where(.dd-header .dd-hnav .elementor-sub-item:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.dd-header .dd-hnav .elementor-sub-item:focus-visible):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { background: var(--dd-cream); }
/* while the menu sheet is open the horizontal menu steps back (logo + toggle stay, as in the original) */
:where(.dd-header.menu-open .dd-hnav):not(.dd-z.dd-z z z z z z) { visibility: hidden; }
/* shown when it fits comfortably beside the logo, the phone and the toggle */
@media (min-width: 1360px) { :where(.dd-header .dd-hnav):not(.dd-z.dd-z z) { display: flex; } }

/* ---------- 3. the current page: brick (light background) / the site's brick for dark backgrounds (navy) ---------- */
:where(html body .dd-header[data-on="light"]:not(.menu-open) .dd-hnav nav > .elementor-nav-menu > li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-header[data-on="light"]:not(.menu-open) .dd-hnav nav > .elementor-nav-menu > li > a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick); }
:where(html body .dd-header:not([data-on="light"]) .dd-hnav nav > .elementor-nav-menu > li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-header:not([data-on="light"]) .dd-hnav nav > .elementor-nav-menu > li > a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick-soft); }
:where(html body .dd-header .dd-hnav nav > .elementor-nav-menu > li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z)::after, :where(html body .dd-header .dd-hnav nav > .elementor-nav-menu > li > a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z)::after { transform: scaleX(1); }
:where(html body .dd-header .dd-hnav .sub-menu li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-header .dd-hnav .sub-menu a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick); background: color-mix(in srgb, var(--dd-brick) 8%, transparent); }
:where(html body .dd-menu a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-menu a.is-current):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-menu li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick-soft); }

/* ---------- 2. the hamburger menu: the original sheet, a smaller font ---------- */
:where(html body .dd-menu .dd-menu__list > li > a):not(.dd-z.dd-z z z z z z) { padding-block: .06em; }
:where(html body .dd-menu .dd-menu__list > li > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.4rem, min(3.4vw, 5.6vh), 3.2rem); line-height: 1.12; }
:where(html body .dd-menu .dd-menu__side a):not(.dd-z.dd-z z z z z) { font-size: clamp(.98rem, .92rem + .2vw, 1.08rem); }
:where(html body .dd-menu):not(.dd-z z z z) { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
:where(html body .dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z) { --padding-top: clamp(84px, 11vh, 140px); --padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
:where(body:not([class*="elementor-kit-"])) :where(html body .dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { padding-top: clamp(84px, 11vh, 140px); padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(html body .dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { gap: 26px; } :is(html body .dd-menu):is(html body .elementor .e-con.e-con) { gap: 26px; } }
@media (max-height: 560px) { :where(html body .dd-menu .dd-menu__list > li > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z) { font-size: clamp(1.15rem, 5vh, 1.6rem); } :where(body:not([class*="elementor-kit-"])) :where(html body .dd-menu .dd-menu__side):not(.dd-z.dd-z z z z), :where(html body .dd-menu .dd-menu__side):not(.dd-z.dd-z z z z):where(:not(.e-con)) { gap: 16px; } :is(html body .dd-menu .dd-menu__side):is(html body .elementor .e-con.e-con) { gap: 16px; } }

/* ---------- 4. WordPress: the original look for Elementor's markup ---------- */
/* the header template: its containers / widgets carry the original classes */
:where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z) { inset: 0 0 auto; z-index: 200; display: block; color: var(--dd-cream); }
:where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z) { --position: fixed; --min-height: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z), :where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: fixed; min-height: 0; }
:where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { padding: 0; }
:where(.elementor-location-header .e-con.dd-header[data-on="light"]:not(.menu-open)):not(.dd-z.dd-z z z z z z z z z z z z z) { color: var(--dd-navy); }
:where(.admin-bar .elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z z) { top: 32px; }
@media (max-width: 782px) { :where(.admin-bar .elementor-location-header .e-con.dd-header):not(.dd-z.dd-z z z z z z z z z z) { top: 46px; } }
:where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z) { transition: height .35s; }
:where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z) { --gap: 14px; --row-gap: 14px; --column-gap: 14px; --gap: 14px; --height: clamp(72px, 7vw, 104px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z), :where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { gap: 14px; height: clamp(72px, 7vw, 104px); }
:where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { display: flex; }
:where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --flex-direction: row; --flex-wrap: nowrap; --align-items: center; --padding-top: 0; --padding-bottom: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-location-header .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { flex-direction: row; flex-wrap: nowrap; align-items: center; padding-block: 0; } /* (width + side space: the original .dd-wrap) */
:where(.elementor-location-header .dd-header.is-scrolled .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z) { --height: clamp(64px, 5.6vw, 88px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .dd-header.is-scrolled .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z), :where(.elementor-location-header .dd-header.is-scrolled .e-con.dd-header__bar):not(.dd-z.dd-z z z z z z z z z z z z z):where(:not(.e-con)) { height: clamp(64px, 5.6vw, 88px); }
:where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z), :where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; }
:where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { flex: none; display: block; }
:where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --width: clamp(112px, 9vw, 158px); --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-location-header .e-con.dd-logo):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { width: clamp(112px, 9vw, 158px); padding: 0; }
:where(.elementor-location-header .dd-logo .elementor-widget-image):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-inline: 0; width: 100%; }
:where(.elementor-location-header .dd-logo .elementor-widget-image):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
:where(.elementor-location-header .dd-logo .elementor-widget-image img):not(.dd-z.dd-z z z z z z z) { display: block; height: auto; transition: opacity .3s; }
:where(.elementor-location-header .dd-logo .elementor-widget-image img):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z) { width: 100%; }
:where(.elementor-location-header .dd-logo .dd-logo--dark):not(.dd-z.dd-z z z z z z) { inset: 0; }
:where(.elementor-location-header .dd-logo .dd-logo--dark):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { position: absolute; }
:where(.elementor-location-header .dd-header[data-on="light"]:not(.menu-open) .dd-logo--dark img):not(.dd-z.dd-z z z z z z z z z z z z z z) { opacity: 0; }
:where(.elementor-location-header .dd-header:not([data-on="light"]) .dd-logo--light img):not(.dd-z.dd-z z z z z z z z z z z), :where(.elementor-location-header .dd-header.menu-open .dd-logo--light img):not(.dd-z.dd-z z z z z z z z z z z) { opacity: 0; }
:where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z z z z) { --gap: 12px; --margin-right: auto; --gap: 12px; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z), :where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { margin-inline-start: auto; gap: 12px; }
:where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { flex: none; display: flex; }
:where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --flex-direction: row; --align-items: center; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --width: auto; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-location-header .e-con.dd-header__end):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { flex-direction: row; align-items: center; padding: 0; width: auto; }
:where(.elementor-location-header .dd-header .elementor-widget):not(.dd-z.dd-z z z z z z) { width: auto; }
:where(.elementor-location-header .dd-header .elementor-widget):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-inline: 0; }
:where(.elementor-location-header .dd-header .elementor-widget):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
/* the phone: the original outline pill (on its button; the widget around it carries the same class — the original
   pill's padding / hover colour of dd-site.css are cancelled there, so the widget is only as wide as the button) */
:where(html body .elementor-location-header .elementor-widget.dd-header__phone):not(.dd-z.dd-z z z z z z z z) { min-height: 0; }
:where(html body .elementor-location-header .elementor-widget.dd-header__phone):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { padding: 0; border: 0; background: transparent; }
:where(.elementor-location-header .dd-header__phone .elementor-button):not(.dd-z.dd-z.dd-z z) { display: inline-flex; align-items: center; min-height: 48px; transition: background-color .4s var(--dd-ease-out), color .4s var(--dd-ease-out), border-color .4s; }
:where(.elementor-location-header .dd-header__phone .elementor-button):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { padding: .4em 1.3em; border-radius: 999px; border: 1.5px solid currentColor; background: transparent; color: inherit; font-family: var(--dd-font); font-size: clamp(1rem, .95rem + .25vw, 1.2rem); font-weight: 700; line-height: 1.2; }
:where(.elementor-location-header .dd-header__phone .elementor-button:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { background: var(--dd-brick); border-color: var(--dd-brick); color: #fff; }
:where(.elementor-location-header .dd-header__phone .elementor-button-text):not(.dd-z.dd-z.dd-z z) { direction: ltr; unicode-bidi: isolate; }
@media (max-width: 899px) { :where(.elementor-location-header .dd-header__phone):not(.dd-z.dd-z z) { display: none !important; } }
/* the toggle: the original circle with two lines that turn into × */
:where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z) { position: relative; display: block; width: 52px; height: 52px; cursor: pointer; }
:where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { padding: 0; border-radius: 50%; border: 1.5px solid currentColor; background: transparent; color: inherit; font-size: 0; }
:where(.elementor-location-header .dd-menu-toggle .elementor-button-content-wrapper):not(.dd-z.dd-z.dd-z z) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
:where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z)::before, :where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z)::after { content: ""; position: absolute; inset-inline: 15px; height: 1.5px; background: currentColor; transition: transform .4s var(--dd-ease-out), top .4s; }
:where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z)::before { top: 21px; } :where(.elementor-location-header .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z)::after { top: 29px; }
:where(.elementor-location-header .dd-header.menu-open .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z z z z z z z z z z)::before { top: 25px; transform: rotate(45deg); }
:where(.elementor-location-header .dd-header.menu-open .dd-menu-toggle .elementor-button):not(.dd-z.dd-z.dd-z z z z z z z z z z z z)::after { top: 25px; transform: rotate(-45deg); }
/* while the sheet is open the header (logo + toggle) stays above it — as in the original */
:where(.elementor-location-header .e-con.dd-header.menu-open):not(.dd-z.dd-z z z z z z z z z z) { z-index: 10001; }

/* the sheet as an Elementor Popup: the popup frame is invisible; the container .dd-menu IS the original sheet */
:where(.elementor-popup-modal:has(.dd-menu)):not(.dd-z.dd-z z) { background: transparent !important; pointer-events: none; z-index: 10000 !important; }
:where(.elementor-popup-modal:has(.dd-menu) .dialog-widget-content):not(.dd-z.dd-z.dd-z z) { position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; pointer-events: none; animation: none !important; }
:where(.elementor-popup-modal:has(.dd-menu) .dialog-message):not(.dd-z.dd-z.dd-z z) { width: 100% !important; height: 100% !important; padding: 0 !important; overflow: visible !important; }
:where(.elementor-popup-modal:has(.dd-menu) .dialog-close-button):not(.dd-z.dd-z.dd-z z) { display: none !important; }
:where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z) { inset: 0; z-index: 0; pointer-events: auto; background: var(--dd-navy); color: var(--dd-cream); overflow-y: auto; }
:where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z) { --position: fixed; --padding-top: clamp(84px, 11vh, 140px); --padding-right: var(--dd-gutter); --padding-bottom: 40px; --padding-left: var(--dd-gutter); --border-radius: 0 0 clamp(18px, 3vw, 40px) clamp(18px, 3vw, 40px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: fixed; padding: clamp(84px, 11vh, 140px) var(--dd-gutter) 40px; border-radius: 0 0 clamp(18px, 3vw, 40px) clamp(18px, 3vw, 40px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-content: start; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { display: grid; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { grid-template-columns: 1fr; } }
:where(.elementor-popup-modal .dd-menu .elementor-widget):not(.dd-z.dd-z z z z z z) { width: 100%; }
:where(.elementor-popup-modal .dd-menu .elementor-widget):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-inline: 0; }
:where(.elementor-popup-modal .dd-menu .elementor-widget):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
/* the main list (Nav Menu, vertical): the original big words; its sub-menu is shown in the side column instead */
:where(.elementor-popup-modal .dd-menu .dd-menu__main nav):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z) { display: block; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu):not(.dd-z.dd-z.dd-z z z z z z) { list-style: none; margin: 0; padding: 0; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { display: block; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li):not(.dd-z.dd-z.dd-z z z z z z z) { display: block; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z) { border: 0; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li > a):not(.dd-z.dd-z.dd-z z z z z z z z) { letter-spacing: -.02em; text-decoration: none; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { display: inline-block; padding: 0; font-family: var(--dd-font); font-weight: 700; color: var(--dd-cream); background: none; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li > a):not(.dd-z.dd-z.dd-z z z z z z z z z)::before, :where(.elementor-popup-modal .dd-menu .dd-menu__main .elementor-nav-menu > li > a):not(.dd-z.dd-z.dd-z z z z z z z z z)::after { display: none !important; }
:where(.elementor-popup-modal .dd-menu .dd-menu__main .sub-menu):not(.dd-z.dd-z.dd-z z z z z z), :where(.elementor-popup-modal .dd-menu .sub-arrow):not(.dd-z.dd-z.dd-z z), :where(.elementor-popup-modal .dd-menu .elementor-menu-toggle):not(.dd-z.dd-z.dd-z z), :where(.elementor-popup-modal .dd-menu nav.elementor-nav-menu--dropdown):not(.dd-z.dd-z.dd-z z z) { display: none !important; }
/* the side column: "תחומי שירות" = the same menu, only that item's sub-menu; then the contact lines */
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { gap: 28px; align-content: start; }
:where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --padding-top: 1rem; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { padding: 1rem 0 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-popup-modal .e-con.dd-menu__side):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { display: grid; }
:where(.elementor-popup-modal .dd-menu__side .elementor-heading-title):not(.dd-z.dd-z.dd-z z) { letter-spacing: .18em; opacity: .7; margin: 0 0 8px; }
:where(.elementor-popup-modal .dd-menu__side .elementor-heading-title):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { font-size: var(--dd-fs-small); font-weight: 400; color: var(--dd-cream); font-family: var(--dd-font); }
:where(.elementor-popup-modal .dd-menu__services .elementor-nav-menu):not(.dd-z.dd-z.dd-z z) { list-style: none; margin: 0; padding: 0; }
:where(.elementor-popup-modal .dd-menu__services .elementor-nav-menu):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { display: block; }
:where(.elementor-popup-modal .dd-menu__services .elementor-nav-menu > li:not(.menu-item-has-children)):not(.dd-z.dd-z.dd-z z z z z z z) { display: none !important; }
:where(.elementor-popup-modal .dd-menu__services .elementor-nav-menu > li.menu-item-has-children > a):not(.dd-z.dd-z.dd-z z z z z z z z) { display: none !important; }
:where(.elementor-popup-modal .dd-menu__services .sub-menu):not(.dd-z.dd-z.dd-z z) { gap: 4px; list-style: none; }
:where(.elementor-popup-modal .dd-menu__services .sub-menu):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { display: grid; position: static; width: auto; margin: 0; padding: 0; background: none; box-shadow: none; border: 0; }
:where(.elementor-popup-modal .dd-menu__side ul):not(.dd-z.dd-z z z) { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
:where(.elementor-popup-modal .dd-menu__side a):not(.dd-z.dd-z z z), :where(.elementor-popup-modal .dd-menu__services .elementor-sub-item):not(.dd-z.dd-z.dd-z z) { text-decoration: none; }
:where(.elementor-popup-modal .dd-menu__side a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z), :where(.elementor-popup-modal .dd-menu__services .elementor-sub-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z) { display: inline; padding: 0; color: var(--dd-cream); background: none; border: 0; font-family: var(--dd-font); font-size: clamp(.98rem, .92rem + .2vw, 1.08rem); font-weight: 400; line-height: 1.5; }
:where(.elementor-popup-modal .dd-menu__side a:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z), :where(.elementor-popup-modal .dd-menu__services .elementor-sub-item:hover):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick-soft); }
:where(.elementor-popup-modal .dd-menu__side .elementor-widget-text-editor p):not(.dd-z.dd-z z z z z z z) { margin: 0; }
/* (the sheet's own movement = the original classes in dd-motion.css: .dd-menu → .is-open, letters .dd-ch per row) */
/* the current page in the WordPress sheet (stronger than the sheet's link colours above) */
:where(html body .elementor-popup-modal .dd-menu .elementor-nav-menu li.current-menu-item > a):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .elementor-popup-modal .dd-menu .elementor-nav-menu a.elementor-item-active):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html body .elementor-popup-modal .dd-menu .elementor-nav-menu a[aria-current="page"]):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { color: var(--dd-brick-soft); }
/* WordPress, logged in: the admin bar pushes the header down — the sheet's list starts below the logo as without it */
:where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z) { --padding-top: calc(clamp(84px, 11vh, 140px) + 32px); }
:where(body:not([class*="elementor-kit-"])) :where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { padding-top: calc(clamp(84px, 11vh, 140px) + 32px); }
@media (max-width: 782px) { :where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z) { --padding-top: calc(clamp(84px, 11vh, 140px) + 46px); } :where(body:not([class*="elementor-kit-"])) :where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.admin-bar .elementor-popup-modal .e-con.dd-menu):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)) { padding-top: calc(clamp(84px, 11vh, 140px) + 46px); } }
/* (laptops ~1366–1500) a little less space between the items so the menu keeps clear of the phone; the font stays */
:where(html body .dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z) { padding-inline: clamp(5px, .5vw - 1px, 11px); }
:where(html body .dd-header .dd-hnav .menu-item-has-children > .elementor-item):not(.dd-z.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z z z) { padding-inline-end: calc(clamp(5px, .5vw - 1px, 11px) + 13px); background-position: left clamp(5px, .5vw - 1px, 11px) top 54%, left calc(clamp(5px, .5vw - 1px, 11px) + 4.6px) top 54%; }
:where(html body .dd-header .dd-hnav .elementor-item):not(.dd-z.dd-z.dd-z z z z z)::after { inset-inline: clamp(5px, .5vw - 1px, 11px); }
/* (WordPress) the Nav Menu widget also prints its dropdown copy + toggle — not used in the header or the sheet */
:where(.dd-header .dd-hnav nav.elementor-nav-menu--dropdown):not(.dd-z.dd-z.dd-z z z), :where(.dd-header .dd-hnav .elementor-menu-toggle):not(.dd-z.dd-z.dd-z z) { display: none !important; }