/* SKOYPOLA V12.7 Adaptive / Editable Navigation */
.skp-menu-toggle{
  display:none; flex:0 0 auto; width:44px; height:44px; padding:0; border:1px solid rgba(13,31,60,.16);
  border-radius:12px; background:#fff; color:#0d1f3c; cursor:pointer; align-items:center; justify-content:center;
  box-shadow:0 7px 22px -18px rgba(13,31,60,.65); -webkit-tap-highlight-color:transparent;
}
.skp-menu-toggle span,.skp-menu-toggle span:before,.skp-menu-toggle span:after{
  display:block; width:20px; height:2px; border-radius:2px; background:currentColor; position:relative; transition:.2s ease;
}
.skp-menu-toggle span:before,.skp-menu-toggle span:after{content:"";position:absolute;left:0}
.skp-menu-toggle span:before{top:-6px}.skp-menu-toggle span:after{top:6px}
.skp-menu-toggle[aria-expanded="true"] span{background:transparent}
.skp-menu-toggle[aria-expanded="true"] span:before{top:0;transform:rotate(45deg)}
.skp-menu-toggle[aria-expanded="true"] span:after{top:0;transform:rotate(-45deg)}

/* Desktop / tablet: use all available header width first. Only overflow items go under More. */
.nav-inner,.site-menu-nav,.site-header .nav{min-width:0}
.nav-links,.site-nav-links{
  display:flex!important; align-items:center; flex:1 1 auto; min-width:0;
  margin-left:clamp(18px,2.5vw,42px); gap:clamp(10px,1.1vw,22px)!important;
  justify-content:space-between; overflow:visible!important;
}
.nav-links.skp-has-overflow,.site-nav-links.skp-has-overflow{justify-content:flex-start}
.nav-links a,.site-nav-links a{white-space:nowrap;flex:0 0 auto}
.skp-menu-link--gold{
  background:linear-gradient(135deg,#c89a3a,#f3d783)!important;color:#0d1f3c!important;padding:10px 16px!important;
  border-radius:999px!important;font-weight:800!important;opacity:1!important;border:1px solid rgba(200,154,58,.65)!important;
  box-shadow:0 8px 24px -18px rgba(112,74,0,.6)!important;
}
.skp-menu-link--cta{border:1.5px solid #0d1f3c!important;padding:10px 18px!important;border-radius:999px!important;font-weight:700!important;opacity:1!important}
.skp-menu-link--cta:hover{background:#0d1f3c!important;color:#fff!important}
.nav-links a[aria-current="page"],.site-nav-links a[aria-current="page"]{opacity:1;font-weight:800}

.skp-overflow-wrap{position:relative;flex:0 0 auto;margin-left:10px;display:none}
.skp-overflow-wrap.on{display:block}
.skp-overflow-toggle{
  height:42px;padding:0 14px;border:1px solid rgba(13,31,60,.14);border-radius:999px;background:#fff;color:#0d1f3c;
  font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px -20px rgba(13,31,60,.45)
}
.skp-overflow-toggle:after{content:"⌄";margin-left:7px;font-size:13px}
.skp-overflow-menu{
  position:absolute;right:0;top:calc(100% + 10px);min-width:245px;max-width:min(86vw,340px);padding:8px;background:#fff;
  border:1px solid rgba(13,31,60,.1);border-radius:16px;box-shadow:0 22px 55px -24px rgba(13,31,60,.48);display:none;z-index:9996
}
.skp-overflow-wrap.open .skp-overflow-menu{display:grid;gap:4px}
.skp-overflow-menu a{display:flex!important;align-items:center;min-height:43px;padding:9px 11px;border-radius:10px;color:#0d1f3c!important;text-decoration:none!important;font-size:14px;font-weight:700;white-space:nowrap}
.skp-overflow-menu a:hover,.skp-overflow-menu a[aria-current="page"]{background:#f5f7fa}
.skp-overflow-menu a.skp-menu-link--gold,.skp-overflow-menu a.skp-menu-link--cta{justify-content:center;margin:3px 0}

.skp-menu-backdrop{position:fixed;inset:0;background:rgba(4,16,32,.46);backdrop-filter:blur(2px);z-index:9997;opacity:0;visibility:hidden;transition:.22s ease}
.skp-mobile-menu{
  position:fixed;top:0;right:0;height:100dvh;width:min(88vw,390px);background:#fcfbf8;z-index:9998;
  transform:translateX(102%);transition:transform .25s ease;box-shadow:-28px 0 70px -35px rgba(0,0,0,.55);
  display:flex;flex-direction:column;overflow:hidden;
}
.skp-menu-open .skp-menu-backdrop{opacity:1;visibility:visible}.skp-menu-open .skp-mobile-menu{transform:translateX(0)}body.skp-menu-open{overflow:hidden}
.skp-mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:74px;padding:13px 18px;border-bottom:1px solid rgba(13,31,60,.09)}
.skp-mobile-brand{font-size:12px;font-weight:900;letter-spacing:.13em;color:#0d1f3c;text-transform:uppercase}
.skp-mobile-close{width:42px;height:42px;border:1px solid rgba(13,31,60,.14);background:#fff;border-radius:12px;font-size:25px;line-height:1;color:#0d1f3c;cursor:pointer}
.skp-mobile-links{padding:14px 16px 26px;overflow:auto;display:grid;gap:5px}
.skp-mobile-links a{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:11px 13px;border-radius:12px;color:#0d1f3c!important;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.25;border:1px solid transparent}
.skp-mobile-links a:after{content:"›";font-size:22px;font-weight:400;color:#8a96a5;margin-left:12px}
.skp-mobile-links a:hover,.skp-mobile-links a[aria-current="page"]{background:#fff;border-color:rgba(13,31,60,.09)}
.skp-mobile-links a.skp-menu-link--gold{margin-top:5px;justify-content:center;min-height:48px}.skp-mobile-links a.skp-menu-link--gold:after,.skp-mobile-links a.skp-menu-link--cta:after{display:none}.skp-mobile-links a.skp-menu-link--cta{margin-top:5px;justify-content:center}
.skp-mobile-foot{margin-top:auto;padding:14px 20px 20px;color:#778395;font-size:11px;border-top:1px solid rgba(13,31,60,.08)}

html.skp-menu-enhanced .nav-verification{display:none!important}

/* Only phones / narrow tablets use the full hamburger drawer. */
@media(max-width:780px){
  .nav-links,.site-nav-links{display:none!important}
  .skp-overflow-wrap{display:none!important}
  .skp-menu-toggle{display:inline-flex!important}
  .site-menu-container{padding-left:15px!important;padding-right:15px!important}
  .site-header .container.nav{padding-left:16px!important;padding-right:16px!important}
}
@media(min-width:781px){
  .nav-links,.site-nav-links{display:flex!important}
  .nav-links a,.site-nav-links a{display:inline-flex!important}
  .skp-menu-toggle{display:none!important}
}
@media(max-width:980px) and (min-width:781px){
  /* Override legacy V12 rules that hid the whole menu around tablet widths. */
  .nav-links,.site-nav-links{display:flex!important}
}
@media print{.skp-menu-toggle,.skp-menu-backdrop,.skp-mobile-menu,.skp-overflow-wrap{display:none!important}}
