.elementor-61 .elementor-element.elementor-element-8dc3386{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-61 .elementor-element.elementor-element-8dc3386{left:0px;}body.rtl .elementor-61 .elementor-element.elementor-element-8dc3386{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2402b89 *//* =========================
HEADER WRAPPER
========================= */

.wl-header{
  position:relative;
  width:100%;
  background:#ffffff;
  border-bottom:3px solid #D4B373;
  z-index:999;
}

.wl-header-inner{
  width:min(1320px,92%);
  margin:0 auto;
  position:relative;
}

/* =========================
NAV LAYOUT (DESKTOP)
========================= */

.wl-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:40px;
  padding:18px 0;
}

.wl-nav-left,
.wl-nav-right{
  display:flex;
  align-items:center;
  gap:40px;
  list-style:none;
  margin:0;
  padding:0;
}

.wl-nav-left{justify-content:flex-end;}
.wl-nav-right{justify-content:flex-start;}

.wl-nav a{
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#1F1F1F;
  text-decoration:none;
  transition:opacity .25s ease;
}

.wl-nav a:hover{
  opacity:.6;
}

/* =========================
LOGO
========================= */

.wl-nav-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

.wl-nav-logo img{
  max-height:90px;
  height:auto;
}

/* =========================
CTA BUTTON
========================= */

.wl-nav-cta{
  background:#D4B373;
  color:#ffffff !important;
  padding:12px 24px;
  border-radius:40px;
  font-weight:600;
  letter-spacing:.08em;
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
  transition:all .25s ease;
}

.wl-nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,0.2);
}

/* =========================
BURGER
========================= */

.wl-nav-toggle{
  display:none;
}

.wl-burger{
  display:none;
  flex-direction:column;
  gap:5px;
  width:36px;
  height:36px;
  cursor:pointer;
  justify-content:center;
  align-items:flex-end;
}

.wl-burger span{
  width:22px;
  height:2px;
  background:#1F1F1F;
  display:block;
}

/* =========================
MOBILE MENU
========================= */

.wl-mobile-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.4);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
  z-index:998;
}

.wl-mobile{
  position:fixed;
  top:0;
  right:0;
  width:320px;
  height:100vh;
  background:#F7F5F1;
  transform:translateX(100%);
  transition:transform .35s ease;
  box-shadow:-20px 0 60px rgba(0,0,0,0.25);
  z-index:999;
}

.wl-mobile-inner{
  padding:80px 28px 40px;
  display:flex;
  flex-direction:column;
  height:100%;
}

.wl-mobile-close{
  position:absolute;
  top:18px;
  right:22px;
  font-size:28px;
  cursor:pointer;
}

.wl-mobile a{
  padding:16px 0;
  font-size:18px;
  text-decoration:none;
  color:#1F1F1F;
  border-bottom:1px solid rgba(0,0,0,0.08);
}

.wl-mobile a:last-child{
  border-bottom:none;
}

.wl-mobile-cta{
  margin-top:24px;
  padding:14px 18px;
  background:#D4B373;
  color:#fff !important;
  text-align:center;
  border-radius:40px;
}

/* =========================
TOGGLE FUNCTIONALITY
========================= */

#wl-nav-toggle:checked ~ .wl-mobile{
  transform:translateX(0);
}

#wl-nav-toggle:checked ~ .wl-mobile-overlay{
  opacity:1;
  pointer-events:auto;
}

/* =========================
TABLET & MOBILE FIX
========================= */

@media (max-width:1100px){

  .wl-header-inner{
    padding:0 16px; /* clean edge spacing */
  }

  .wl-nav{
    grid-template-columns:auto 1fr auto;
    align-items:center;
  }

  .wl-nav-left,
  .wl-nav-right{
    display:none;
  }

  .wl-nav-logo{
    justify-self:start;
  }

  .wl-burger{
    display:flex;
    justify-self:end; /* 🔥 forces it right */
  }

  .wl-nav-logo img{
    max-height:75px;
  }

}

/* =========================
SMALL MOBILE
========================= */

@media (max-width:600px){

  .wl-nav-logo img{
    max-height:65px;
  }

}/* End custom CSS */