/**
* Theme Name: Kitchor Child
* Description: This is a child theme of Kitchor, generated by Merlin WP.
* Author: <a href="https://themelexus.com/">Themelexus</a>
* Template: kitchor
* Version: 1.4.7
*/
/*
================================================================================
  SWAN FACILITIES NAV — CSS + JS
  ─────────────────────────────────────────────────────────────────────────────
  OPTION A (recommended): Paste into your Child Theme's style.css
  OPTION B: Paste inside a <style> tag in Elementor → Custom HTML widget
            (same widget that holds the [swan_nav] shortcode — put it above it)
================================================================================
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Ubuntu:wght@300;400;700&display=swap');

.elementor-widget-html .elementor-widget-container,
.elementor-widget-html { padding:0 !important; margin:0 !important; }

#swan-nav-wrap .site-nav {
  position:sticky; top:0; z-index:9999;
  background:#0B1F3B;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 clamp(16px,4vw,56px);
  height:64px;
  border-bottom:1px solid rgba(230,200,138,.15);
  flex-shrink:0; width:100%;
  font-family:'Montserrat','Segoe UI',sans-serif;
  box-shadow:0 2px 24px rgba(0,0,0,.3);
}
#swan-nav-wrap .nav-brand {
  display:flex; align-items:center; gap:10px;
  text-decoration:none; cursor:pointer;
}
#swan-nav-wrap .nav-brand img {
  height:44px; width:auto; display:block;
  max-width:200px; object-fit:contain;
}
#swan-nav-wrap .nav-links {
  display:flex; list-style:none; gap:2px; flex-wrap:nowrap;
  margin:0; padding:0;
}
#swan-nav-wrap .nav-links a {
  font-size:10px; font-weight:600; letter-spacing:1.5px;
  text-transform:uppercase; color:#E6C88A;
  text-decoration:none; padding:7px 14px;
  border-radius:40px; white-space:nowrap;
  transition:background .25s, color .25s;
}
#swan-nav-wrap .nav-links a:hover { background:rgba(230,200,138,.12); }
#swan-nav-wrap .nav-links a.active,
#swan-nav-wrap .nav-links .current-menu-item > a,
#swan-nav-wrap .nav-links .current-menu-ancestor > a {
  background:#f7f7f7; color:#0B1F3B; font-weight:700;
}
#swan-nav-wrap .nav-burger {
  display:none; flex-direction:column; justify-content:center;
  gap:5px; width:36px; height:36px;
  cursor:pointer; background:none; border:none; padding:4px; z-index:300;
}
#swan-nav-wrap .nav-burger span {
  display:block; height:2px; background:#E6C88A;
  border-radius:2px;
  transition:transform .35s cubic-bezier(.76,0,.24,1), opacity .2s, width .3s;
  transform-origin:center;
}
#swan-nav-wrap .nav-burger span:nth-child(2) { width:70%; margin-left:auto; }
#swan-nav-wrap .nav-burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
#swan-nav-wrap .nav-burger.open span:nth-child(2) { opacity:0; width:100%; }
#swan-nav-wrap .nav-burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

#swan-mob-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,.55);
  z-index:10250; opacity:0; pointer-events:none;
  transition:opacity .4s; backdrop-filter:blur(3px);
}
#swan-mob-overlay.open { opacity:1; pointer-events:all; }

#swan-mob-menu {
  position:fixed; top:0; right:0;
  width:min(300px,85vw); height:100vh;
  background:#0B1F3B; z-index:10260;
  display:flex; flex-direction:column;
  padding:90px 36px 48px; gap:6px;
  transform:translateX(100%);
  transition:transform .45s cubic-bezier(.76,0,.24,1);
  border-left:1px solid rgba(232,171,58,.15);
}
#swan-mob-menu.open { transform:translateX(0); }
#swan-mob-menu a {
  font-family:'Ubuntu','Segoe UI',sans-serif; font-size:20px; font-weight:300;
  color:rgba(230,200,138,.6); text-decoration:none;
  padding:11px 0; border-bottom:1px solid rgba(255,255,255,.06);
  transition:color .25s, padding-left .3s;
}
#swan-mob-menu a:hover,
#swan-mob-menu a.mob-active { color:#E6C88A; padding-left:6px; }
#swan-mob-menu .mob-footer-txt {
  margin-top:auto; font-size:9px; letter-spacing:3px;
  text-transform:uppercase; color:rgba(255,255,255,.2);
  font-family:'Montserrat','Segoe UI',sans-serif;
}
#swan-mob-menu .mob-footer-txt strong { color:#E6C88A; }

@media(max-width:900px) {
  #swan-nav-wrap .nav-links { display:none; }
  #swan-nav-wrap .nav-burger { display:flex; }
}