.elementor-location-header .lindom-language-menu--desktop { order: 9999 !important; margin-inline-start: auto !important; } .elementor-location-header .lindom-language-menu--desktop > a.elementor-item { display: inline-flex !important; width: 42px !important; min-width: 42px !important; height: 38px !important; min-height: 38px !important; align-items: center; justify-content: center; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 999px !important; color: #fff !important; background: rgba(255, 255, 255, .055) !important; } .elementor-location-header .lindom-language-menu__trigger-flag { display: block; width: 22px; height: 16px; border-radius: 2px; object-fit: cover; } /* Use the site-owned Arabic language symbol from the first painted menu onward. */ .elementor-location-header img.trp-flag-image[alt="ar"], img.lindom-language-menu__trigger-flag[data-lindom-flag-locale="ar"], img.lindom-language-menu__flag[data-lindom-flag-locale="ar"] { content: url("/wp-content/mu-plugins/lindom-locale-runtime/assets/lindom-arabic-language-symbol-v3.png") !important; object-fit: contain !important; object-position: center !important; background: transparent !important; } .elementor-location-header .lindom-language-menu--desktop > .sub-menu { box-sizing: border-box !important; position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; z-index: 10050 !important; display: none !important; grid-template-columns: 1fr; width: 210px !important; max-height: 70vh; gap: 3px !important; padding: 9px !important; overflow-y: auto; border: 1px solid rgba(255, 255, 255, .15) !important; border-radius: 14px !important; background: rgba(18, 5, 14, .97) !important; box-shadow: 0 18px 52px rgba(0, 0, 0, .52) !important; transform: none !important; visibility: visible !important; opacity: 1 !important; } .elementor-location-header .lindom-language-menu--desktop.is-open > .sub-menu { display: grid !important; } .elementor-location-header .lindom-language-menu--desktop.is-medium > .sub-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 310px !important; max-width: calc(100vw - 24px) !important; } .elementor-location-header .lindom-language-menu--desktop.is-large > .sub-menu { grid-template-columns: repeat(3, minmax(128px, 1fr)); width: 420px !important; max-width: calc(100vw - 24px) !important; position: fixed !important; right: auto !important; left: 50vw !important; transform: translateX(-50%) !important; } body .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li.lindom-language-menu--desktop.is-large > ul.sub-menu { width: 420px !important; max-width: calc(100vw - 24px) !important; position: fixed !important; right: auto !important; left: 50vw !important; transform: translateX(-50%) !important; } /* * Desktop language panel lives directly under . Keeping it outside * the Elementor header avoids transformed-parent clipping, hover gaps and * competing submenu positioning rules. It is deliberately click-open. */ body > ul.lindom-language-menu__portal { box-sizing: border-box !important; position: fixed !important; z-index: 2147483000 !important; display: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: min(460px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: min(70vh, 520px) !important; gap: 6px !important; margin: 0 !important; padding: 12px !important; overflow-x: hidden !important; overflow-y: auto !important; border: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 14px !important; background: rgba(18, 5, 14, .985) !important; box-shadow: 0 20px 58px rgba(0, 0, 0, .58) !important; list-style: none !important; transform: translateX(-50%) !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; isolation: isolate; direction: ltr !important; } body > ul.lindom-language-menu__portal.is-open { display: grid !important; } body > ul.lindom-language-menu__portal > li { box-sizing: border-box !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__link { box-sizing: border-box !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; align-items: center !important; gap: 9px !important; padding: 8px 10px !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #fff !important; background: transparent !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; white-space: normal !important; overflow: hidden !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__link:hover, body > ul.lindom-language-menu__portal .lindom-language-menu__link:focus-visible { background: rgba(255, 255, 255, .1) !important; outline: 2px solid rgba(239, 191, 208, .72) !important; outline-offset: -2px; } body > ul.lindom-language-menu__portal .lindom-language-menu__link.is-current { border-color: rgba(239, 191, 208, .52) !important; background: rgba(239, 191, 208, .12) !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__flag { display: block !important; width: 24px !important; height: 18px !important; border-radius: 2px !important; object-fit: cover !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__name { min-width: 0 !important; overflow-wrap: anywhere; } .elementor-location-header .lindom-language-menu__desktop-item { box-sizing: border-box !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .elementor-location-header .lindom-language-menu__link { box-sizing: border-box !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr); width: 100% !important; min-width: 0 !important; min-height: 42px !important; align-items: center; gap: 9px; padding: 8px 10px !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #fff !important; background: transparent !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; overflow: hidden; } .elementor-location-header .lindom-language-menu__name { min-width: 0; overflow-wrap: anywhere; } .elementor-location-header .lindom-language-menu__link:hover, .elementor-location-header .lindom-language-menu__link:focus-visible { background: rgba(255, 255, 255, .09) !important; } .elementor-location-header .lindom-language-menu__link.is-current { border-color: rgba(239, 191, 208, .5) !important; background: rgba(239, 191, 208, .11) !important; } .elementor-location-header .lindom-language-menu__flag { display: block; width: 24px; height: 18px; border-radius: 2px; object-fit: cover; } .elementor-location-header span.lindom-language-menu__flag, .elementor-location-header span.lindom-language-menu__trigger-flag { height: auto; color: rgba(255, 255, 255, .62); font-size: 12px; line-height: 1; } .elementor-location-header .lindom-language-menu__mobile-title { margin: 0 0 8px; color: rgba(255, 255, 255, .62); font: 700 11px/1.2 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; } .elementor-location-header .lindom-language-menu__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; direction: ltr !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__link[data-lindom-language="he_IL"], body > ul.lindom-language-menu__portal .lindom-language-menu__link[data-lindom-language="ar"], .elementor-location-header .lindom-language-menu__link[data-lindom-language="he_IL"], .elementor-location-header .lindom-language-menu__link[data-lindom-language="ar"] { direction: ltr !important; } body > ul.lindom-language-menu__portal .lindom-language-menu__link[data-lindom-language="he_IL"] .lindom-language-menu__name, body > ul.lindom-language-menu__portal .lindom-language-menu__link[data-lindom-language="ar"] .lindom-language-menu__name, .elementor-location-header .lindom-language-menu__link[data-lindom-language="he_IL"] .lindom-language-menu__name, .elementor-location-header .lindom-language-menu__link[data-lindom-language="ar"] .lindom-language-menu__name { direction: rtl !important; text-align: left !important; } @media (min-width: 1025px) { .elementor-location-header .elementor-nav-menu--main > ul.elementor-nav-menu { display: flex !important; align-items: center; } } @media (max-width: 1024px) { body > ul.lindom-language-menu__portal { display: none !important; } .elementor-location-header { position: relative; z-index: 10020 !important; } .elementor-location-header .elementor-nav-menu--main { display: none !important; } .elementor-location-header .elementor-widget-nav-menu .elementor-menu-toggle { color: #fff !important; } .elementor-location-header .elementor-menu-toggle svg { fill: currentColor !important; } .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul.elementor-nav-menu > li.trp-language-switcher-container, .elementor-37 .elementor-element.elementor-element-13e9c8f .elementor-nav-menu--dropdown.elementor-nav-menu__container li.trp-language-switcher-container { display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-location-header .lindom-language-menu--mobile { display: block !important; width: 100% !important; margin: 8px 0 0 !important; padding: 16px !important; border-top: 1px solid rgba(255, 255, 255, .12) !important; background: rgba(255, 255, 255, .025) !important; } .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container { max-height: calc(100vh - 180px) !important; overflow-x: hidden !important; overflow-y: auto !important; background: rgba(8, 5, 8, .99) !important; box-shadow: 0 22px 48px rgba(0, 0, 0, .48); } } @media (max-width: 767px) { .elementor-37 .elementor-element.elementor-element-47eba31 { --width: auto !important; flex: 1 1 auto !important; min-width: 0; } .elementor-37 .elementor-element.elementor-element-13f259d > .e-con-inner { position: relative !important; } .elementor-37 .elementor-element.elementor-element-4f9dc83 { --width: 44px !important; position: absolute !important; top: 88px !important; padding: 0 !important; inset-inline-end: 16px !important; inset-inline-start: auto !important; z-index: 10025 !important; width: 44px !important; min-width: 44px !important; flex: 0 0 44px !important; } /* Keep the toggle wrapper as wide as its 44px touch target in both directions. */ .elementor-location-header .elementor-widget-nav-menu { width: 44px !important; min-width: 44px !important; } .elementor-location-header .elementor-widget-nav-menu > .elementor-widget-container { position: relative; display: block; width: 44px !important; min-height: 44px; } .elementor-location-header .elementor-widget-nav-menu .elementor-menu-toggle { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .2) !important; border-radius: 999px !important; background: rgba(12, 8, 11, .78) !important; } /* Outrank Elementor's widget-specific important dropdown margin. */ .elementor-location-header .elementor-element.elementor-widget-nav-menu.elementor-widget .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: absolute !important; top: 52px !important; inset-inline-end: -4px !important; inset-inline-start: auto !important; z-index: 10030 !important; width: min(366px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; box-sizing: border-box !important; margin-block-start: 0 !important; max-height: calc(100vh - 220px) !important; max-height: calc(100dvh - 220px) !important; } .elementor-location-header .lindom-language-menu--mobile { box-sizing: border-box !important; padding: 12px !important; } .elementor-location-header .lindom-language-menu__link { grid-template-columns: 30px minmax(0, 1fr); gap: 7px; padding: 7px 8px !important; } } @media (prefers-reduced-motion: reduce) { .elementor-location-header * { scroll-behavior: auto !important; transition: none !important; } } /* * Elementor's generated menu stylesheet uses a highly specific desktop * `display:block !important` rule. Keep the dock closed until the runtime * explicitly toggles `.is-open`; this replaces the former inline snippet. */ @media (min-width: 1025px) { html body .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--main li.lindom-language-menu--desktop > ul.sub-menu { display: none !important; } html body .elementor-location-header .elementor-widget-nav-menu .elementor-nav-menu--main li.lindom-language-menu--desktop.is-open > ul.sub-menu { display: grid !important; } html body .elementor-37 .elementor-element.elementor-element.elementor-widget.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu > li.trp-language-switcher-container.lindom-language-menu--desktop:not(.is-open) > ul.sub-menu { display: none !important; } html body .elementor-37 .elementor-element.elementor-element.elementor-widget.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu > li.trp-language-switcher-container.lindom-language-menu--desktop.is-open > ul.sub-menu { display: grid !important; } }