.elementor-974 .elementor-element.elementor-element-f50ce3e{--display:flex;--min-height:96px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 16px;--row-gap:0px;--column-gap:16px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;--z-index:9999;}.elementor-974 .elementor-element.elementor-element-f50ce3e:not(.elementor-motion-effects-element-type-background), .elementor-974 .elementor-element.elementor-element-f50ce3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#19362E;}.elementor-974 .elementor-element.elementor-element-747a08f2{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-974 .elementor-element.elementor-element-5575c3ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-974 .elementor-element.elementor-element-5575c3ff img{width:102px;max-width:100%;}.elementor-974 .elementor-element.elementor-element-4217213a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle{margin-left:auto;background-color:rgba(0, 0, 0, 0);border-width:1px;border-radius:4px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu .elementor-item{font-family:"El Messiri", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;letter-spacing:0.3px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:14px;padding-right:14px;padding-top:10px;padding-bottom:10px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item:focus{color:#C6A15C;fill:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .e--pointer-framed .elementor-item:before,
					.elementor-974 .elementor-element.elementor-element-32d1285b .e--pointer-framed .elementor-item:after{border-color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-974 .elementor-element.elementor-element-32d1285b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b{--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );--nav-menu-icon-size:22px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a, .elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown{background-color:#0A1F18;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(198, 161, 92, 0.45);border-radius:0px 0px 0px 0px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a:hover,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a:focus,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a.highlighted,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle:hover,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle:focus{color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a:hover,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a:focus,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(255, 255, 255, 0.07);}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a.elementor-item-active{color:#C6A15C;background-color:rgba(255, 255, 255, 0.07);}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown .elementor-item, .elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"El Messiri", Sans-serif;font-size:16px;font-weight:500;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;}.elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle{color:#FFFFFF;}.elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle:hover, .elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle:focus{color:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle:hover svg, .elementor-974 .elementor-element.elementor-element-32d1285b div.elementor-menu-toggle:focus svg{fill:#C6A15C;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle:hover, .elementor-974 .elementor-element.elementor-element-32d1285b .elementor-menu-toggle:focus{background-color:rgba(255, 255, 255, 0.06);}.elementor-974 .elementor-element.elementor-element-3cff2486{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button{background-color:#C6A15C;font-family:"El Messiri", Sans-serif;font-size:16px;font-weight:600;line-height:1.2em;letter-spacing:0.3px;fill:#19362E;color:#19362E;border-radius:4px 4px 4px 4px;padding:13px 22px 13px 22px;}.elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button:hover, .elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button:focus{background-color:#D8B874;color:#102820;}.elementor-974 .elementor-element.elementor-element-7e68ab73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button:hover svg, .elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button:focus svg{fill:#102820;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-974 .elementor-element.elementor-element-f50ce3e{--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 14px;--row-gap:0px;--column-gap:14px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;--z-index:9999;}.elementor-974 .elementor-element.elementor-element-5575c3ff{text-align:start;}.elementor-974 .elementor-element.elementor-element-5575c3ff img{width:88px;}.elementor-974 .elementor-element.elementor-element-4217213a{--justify-content:flex-end;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown .elementor-item, .elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-974 .elementor-element.elementor-element-7e68ab73 .elementor-button{font-size:14px;padding:11px 16px 11px 16px;}}@media(min-width:768px){.elementor-974 .elementor-element.elementor-element-f50ce3e{--content-width:1176px;}}@media(max-width:1024px) and (min-width:768px){.elementor-974 .elementor-element.elementor-element-f50ce3e{--content-width:1176px;}}@media(max-width:767px){.elementor-974 .elementor-element.elementor-element-f50ce3e{--content-width:1176px;--min-height:72px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-974 .elementor-element.elementor-element-5575c3ff{text-align:start;}.elementor-974 .elementor-element.elementor-element-5575c3ff img{width:76px;}.elementor-974 .elementor-element.elementor-element-4217213a{--justify-content:flex-end;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown .elementor-item, .elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-974 .elementor-element.elementor-element-32d1285b .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:14px;padding-bottom:14px;}.elementor-974 .elementor-element.elementor-element-32d1285b{--nav-menu-icon-size:20px;}}/* Start custom CSS for container, class: .elementor-element-f50ce3e *//* ==========================================================================
   BALONI BESPOKE TRAVEL - HEADER (Elementor Theme Builder)
   Matches the /website HTML design.
   Breakpoints follow the kit: mobile <= 767px, tablet <= 1024px.
   WordPress menu font-size: 16px (El Messiri).
   ========================================================================== */

/* ---------- 1. FIXED HEADER BAR ---------- */
.elementor-974 .elementor-element.elementor-element-f50ce3e {
  --baloni-forest: #19362E;
  --baloni-forest-deep: #0A1F18;
  --baloni-gold: #C6A15C;
  --baloni-gold-soft: #D8B874;
  --baloni-h: 96px;

  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 9999 !important;
  background-color: var(--baloni-forest) !important;
  box-shadow: 0 6px 24px rgba(10, 31, 24, .18) !important;
  border-radius: 0 !important;
  padding: 0 32px !important;
  min-height: var(--baloni-h) !important;
  overflow: visible !important;
}

/* Boxed inner row - single line, never wraps */
.elementor-974 .elementor-element.elementor-element-f50ce3e,
.elementor-974 .elementor-element.elementor-element-f50ce3e > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  overflow: visible !important;
}

/* 1176 + 2x32 padding = the 1240 of .header-inner on the HTML site */
.elementor-974 .elementor-element.elementor-element-f50ce3e > .e-con-inner {
  width: 100% !important;
  max-width: 1176px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  min-height: var(--baloni-h) !important;
}

/* ---------- 2. THE THREE COLUMNS ---------- */
#baloni-hdr-logo,
#baloni-hdr-nav,
#baloni-hdr-cta {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  flex-direction: row !important;
  align-items: center !important;
  overflow: visible !important;
}

#baloni-hdr-logo {
  flex: 0 0 auto !important;
  width: auto !important;
  justify-content: flex-start !important;
}

#baloni-hdr-nav {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  justify-content: center !important;
}

#baloni-hdr-cta {
  flex: 0 0 auto !important;
  width: auto !important;
  justify-content: flex-end !important;
}

/* ---------- 3. LOGO ---------- */
#baloni-hdr-logo-img,
#baloni-hdr-logo-img .elementor-widget-container,
#baloni-hdr-logo-img .elementor-image,
#baloni-hdr-logo-img figure {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#baloni-hdr-logo-img img {
  display: block !important;
  width: 102px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  transition: width .3s ease !important;
}

/* ---------- 4. DESKTOP MAIN MENU (16px) ---------- */
#baloni-hdr-menu,
#baloni-hdr-menu .elementor-widget-container,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main {
  width: 100% !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main > ul.elementor-nav-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .elementor-item {
  font-family: 'El Messiri', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .02em !important;
  color: #FFFFFF !important;
  padding: 10px 14px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  transition: color .25s ease !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .elementor-item:hover,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .elementor-item:focus,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .current-menu-item > .elementor-item,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main .current-menu-ancestor > .elementor-item {
  color: var(--baloni-gold) !important;
}

/* Underline pointer in gold */
.elementor-974 .elementor-element.elementor-element-f50ce3e .e--pointer-underline .elementor-item:before,
.elementor-974 .elementor-element.elementor-element-f50ce3e .e--pointer-underline .elementor-item:after {
  background-color: var(--baloni-gold) !important;
  height: 2px !important;
}

/* Caret icons */
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu .sub-arrow,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu .sub-arrow i,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu .sub-arrow svg {
  color: var(--baloni-gold) !important;
  fill: var(--baloni-gold) !important;
  margin-left: 6px !important;
}

/* ---------- 5. DESKTOP DROPDOWNS (incl. 3rd-level flyout) ---------- */
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu {
  background-color: var(--baloni-forest-deep) !important;
  border: 1px solid rgba(198, 161, 92, .45) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .35) !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  min-width: 235px !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu .elementor-sub-item {
  font-family: 'El Messiri', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: rgba(255, 255, 255, .88) !important;
  padding: 11px 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 0 !important;
  white-space: normal !important;
  transition: background-color .2s ease, color .2s ease !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu > li:last-child > .elementor-sub-item {
  border-bottom: 0 !important;
}

.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active,
.elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.highlighted {
  background-color: rgba(255, 255, 255, .07) !important;
  color: var(--baloni-gold) !important;
}

/* ---------- 6. CTA BUTTON ---------- */
#baloni-hdr-cta-btn .elementor-button {
  font-family: 'El Messiri', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  line-height: 1.2 !important;
  background-color: var(--baloni-gold) !important;
  color: var(--baloni-forest) !important;
  padding: 13px 22px !important;
  border: 0 !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  transition: background-color .25s ease, transform .25s ease !important;
}

#baloni-hdr-cta-btn .elementor-button:hover,
#baloni-hdr-cta-btn .elementor-button:focus {
  background-color: var(--baloni-gold-soft) !important;
  color: #102820 !important;
  transform: translateY(-2px) !important;
}

/* ---------- 7. SHOW THE RIGHT NAV PER BREAKPOINT ---------- */
@media (min-width: 1025px) {
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-menu-toggle,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    display: none !important;
  }
}

/* ==========================================================================
   8. TABLET + MOBILE (<= 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
  .elementor-974 .elementor-element.elementor-element-f50ce3e {
    --baloni-h: 80px;
    padding: 0 24px !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e > .e-con-inner {
    gap: 14px !important;
  }

  #baloni-hdr-logo-img img {
    width: 88px !important;
  }

  /* Desktop menu off; burger sits hard right */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu--main {
    display: none !important;
  }

  #baloni-hdr-nav {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    order: 3 !important;
  }

  #baloni-hdr-cta {
    order: 2 !important;
    margin-left: auto !important;
  }

  #baloni-hdr-menu,
  #baloni-hdr-menu .elementor-widget-container {
    width: auto !important;
  }

  /* --- Burger button --- */
  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, .45) !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    transition: color .25s ease, border-color .25s ease !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle i,
  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle svg {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    color: inherit !important;
    fill: currentColor !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle:hover,
  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle.elementor-active {
    color: var(--baloni-gold) !important;
    border-color: var(--baloni-gold) !important;
  }

  /* --- Drawer: pinned under the bar, full viewport width ---
     Elementor Pro opens/closes this with max-height + transform:scaleY().
     So the CLOSED state must keep max-height:0 with no padding/border,
     and only the OPEN state gets a height cap. Never set max-height here. */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    position: fixed !important;
    top: var(--baloni-h) !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--baloni-forest-deep) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 99998 !important;
  }

  /* Closed: nothing that could add height to a max-height:0 box */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    box-shadow: none !important;
    pointer-events: none !important;
  }

  /* Open: Elementor sets --menu-height to 1000vmax on a non-sticky header,
     which would push the menu past the viewport with no way to scroll.
     Cap it to the space under the bar and let it scroll instead. */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    max-height: calc(100vh - var(--baloni-h)) !important;
    max-height: calc(100dvh - var(--baloni-h)) !important;
    overflow-y: auto !important;
    border-top: 1px solid rgba(198, 161, 92, .45) !important;
    border-bottom: 1px solid rgba(198, 161, 92, .45) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .45) !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.elementor-nav-menu {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Drawer items */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item {
    font-family: 'El Messiri', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: .01em !important;
    color: #FFFFFF !important;
    background-color: transparent !important;
    padding: 15px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 !important;
    white-space: normal !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item.highlighted,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item:hover,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
    color: var(--baloni-gold) !important;
    background-color: rgba(255, 255, 255, .07) !important;
  }

  /* Nested levels become inline accordions, never flyouts */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: rgba(255, 255, 255, .035) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item {
    padding-left: 44px !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, .84) !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu {
    background-color: rgba(255, 255, 255, .06) !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu .elementor-sub-item {
    padding-left: 64px !important;
    font-size: 14px !important;
  }

  /* Tap target for the accordion arrow */
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .sub-arrow {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 4px 2px 4px 12px !important;
    color: var(--baloni-gold) !important;
  }

  /* Compact CTA on tablet */
  #baloni-hdr-cta-btn .elementor-button {
    font-size: 14px !important;
    padding: 11px 16px !important;
  }
}

/* ==========================================================================
   9. MOBILE ONLY (<= 767px)
   ========================================================================== */
@media (max-width: 767px) {
  .elementor-974 .elementor-element.elementor-element-f50ce3e {
    --baloni-h: 72px;
    padding: 0 20px !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e > .e-con-inner {
    gap: 10px !important;
  }

  #baloni-hdr-logo-img img {
    width: 76px !important;
  }

  /* No room for the text CTA - the drawer and Kontakt item carry it */
  #baloni-hdr-cta {
    display: none !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e div.elementor-menu-toggle {
    width: 40px !important;
    height: 40px !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-item,
  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown .elementor-sub-item {
    padding: 14px 20px !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu .elementor-sub-item {
    padding-left: 38px !important;
  }

  .elementor-974 .elementor-element.elementor-element-f50ce3e .elementor-nav-menu__container.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu .elementor-sub-item {
    padding-left: 56px !important;
  }
}

/* ---------- 10. VERY NARROW PHONES (<= 360px) ---------- */
@media (max-width: 360px) {
  .elementor-974 .elementor-element.elementor-element-f50ce3e {
    padding: 0 14px !important;
  }

  #baloni-hdr-logo-img img {
    width: 66px !important;
  }
}/* End custom CSS */