.elementor-51 .elementor-element.elementor-element-a2ffb8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EDEEEA;--border-color:#EDEEEA;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-51 .elementor-element.elementor-element-a2ffb8b:not(.elementor-motion-effects-element-type-background), .elementor-51 .elementor-element.elementor-element-a2ffb8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-51 .elementor-element.elementor-element-da057e1{--display:flex;--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-51 .elementor-element.elementor-element-89b16df{--display:flex;}.elementor-51 .elementor-element.elementor-element-0f210f8{--display:flex;}.elementor-51 .elementor-element.elementor-element-c5bfa59{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-51 .elementor-element.elementor-element-c5bfa59 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-51 .elementor-element.elementor-element-c5bfa59 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-51 .elementor-element.elementor-element-c5bfa59 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Figtree", Sans-serif;font-weight:500;}.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-51 .elementor-element.elementor-element-c5f4e43 .elementor-button{background-color:#2A3028;font-family:"Figtree", Sans-serif;font-weight:500;border-radius:50px 50px 50px 50px;padding:18px 28px 20px 28px;}.elementor-51 .elementor-element.elementor-element-c5f4e43 .elementor-button:hover, .elementor-51 .elementor-element.elementor-element-c5f4e43 .elementor-button:focus{background-color:#444E41;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-51 .elementor-element.elementor-element-a2ffb8b{--flex-wrap:nowrap;}.elementor-51 .elementor-element.elementor-element-da057e1{--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51 .elementor-element.elementor-element-c5f4e43 .elementor-button{padding:13px 12px 14px 12px;}}/* Start custom CSS for container, class: .elementor-element-a2ffb8b *//* ═══════════════════════════════════════════════════════════════
   VEGA — GLASSMORPHISM NAV MENU
   Use via Elementor → Advanced → CSS Classes → vega-glass-nav
   Palette-aligned · Works on light + dark hero backgrounds
═══════════════════════════════════════════════════════════════ */

/* ─── Wrapper: the glass plate ─────────────────────────────── */
.vega-glass-nav {
  background: rgba(255, 255, 255, 0.52);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 0.65rem 1.5rem !important;
  box-shadow:
    0 8px 32px rgba(42, 48, 40, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: background 0.3s ease, border-color 0.3s ease;
}

.vega-glass-nav:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.28);
}

/* ─── Menu items ────────────────────────────────────────────── */
.vega-glass-nav ul,
.vega-glass-nav .elementor-nav-menu {
  background: transparent !important;
}

.vega-glass-nav li a,
.vega-glass-nav .elementor-item {
  color: #FFFFFF !important;
  font-family: 'Figtree', -apple-system, sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  padding: 0.55rem 1.1rem !important;
  border-radius: 999px !important;
  background: transparent !important;
  transition: background 0.25s ease, color 0.25s ease !important;
  position: relative;
}

/* ─── Hover + active state ──────────────────────────────────── */
.vega-glass-nav li a:hover,
.vega-glass-nav .elementor-item:hover,
.vega-glass-nav li.current-menu-item > a,
.vega-glass-nav .elementor-item.elementor-item-active {
  background: rgba(243, 206, 171, 0.22) !important;
  color: #F3CEAB !important;
}

/* ─── CTA button inside menu (last item styled differently) ── */
.vega-glass-nav li:last-child a,
.vega-glass-nav .elementor-nav-menu li:last-child .elementor-item {
  background: #F3CEAB !important;
  color: #2A3028 !important;
  padding: 0.55rem 1.4rem !important;
  font-weight: 500 !important;
}

.vega-glass-nav li:last-child a:hover,
.vega-glass-nav .elementor-nav-menu li:last-child .elementor-item:hover {
  background: #FFFFFF !important;
  color: #2A3028 !important;
}

/* ─── Remove Elementor's default hover underline ─────────────── */
.vega-glass-nav .elementor-item:before,
.vega-glass-nav .elementor-item:after {
  display: none !important;
}

/* ─── Scrolled / sticky state (darker, more opaque) ──────────── */
.vega-glass-nav.vega-glass-nav--scrolled,
.elementor-sticky--active .vega-glass-nav {
  background: rgba(42, 48, 40, 0.75);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 12px 40px rgba(42, 48, 40, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* ─── Variant: dark glass (for light backgrounds) ────────────── */
.vega-glass-nav--dark {
  background: rgba(42, 48, 40, 0.55);
  border-color: rgba(42, 48, 40, 0.15);
  box-shadow:
    0 8px 32px rgba(42, 48, 40, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vega-glass-nav--dark li a,
.vega-glass-nav--dark .elementor-item {
  color: #FFFFFF !important;
}

.vega-glass-nav--dark li a:hover,
.vega-glass-nav--dark .elementor-item:hover {
  background: rgba(243, 206, 171, 0.18) !important;
  color: #F3CEAB !important;
}

/* ─── Variant: light glass on dark bg (tinted with olive) ────── */
.vega-glass-nav--olive {
  background: rgba(98, 108, 88, 0.45);
  border-color: rgba(164, 168, 155, 0.3);
}

/* ─── Mobile responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
  .vega-glass-nav {
    border-radius: 18px;
    padding: 0.75rem 1rem !important;
  }

  .vega-glass-nav li a,
  .vega-glass-nav .elementor-item {
    font-size: 0.82rem !important;
    padding: 0.5rem 0.9rem !important;
  }
}

/* ─── Safari fallback (when backdrop-filter isn't supported) ── */
@supports not (backdrop-filter: blur(20px)) {
  .vega-glass-nav {
    background: rgba(255, 255, 255, 0.85);
  }
  .vega-glass-nav--dark,
  .vega-glass-nav--olive {
    background: rgba(42, 48, 40, 0.92);
  }
}/* End custom CSS */