/* Shared mobile navigation styles (hamburger + drawer).
   Paired with assets/js/site-nav.js which injects the items and
   owns the open/close logic. Include this on every HTML page.
   Also ships: skip-to-content link and the global reduced-motion
   fallback. */

.skip-nav{
  position:absolute;left:-9999px;top:0;z-index:9999;
  background:#141414;color:#fff;padding:12px 20px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:700;
  border-radius:0 0 8px 0;text-decoration:none;
}
.skip-nav:focus{left:0}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

.mob-menu-btn{
  display:none;background:none;border:none;cursor:pointer;
  padding:11px 10px;
  flex-direction:column;gap:5px;
  min-width:44px;min-height:44px;align-items:center;justify-content:center;
}
.mob-menu-btn span{
  width:22px;height:2px;background:#141414;border-radius:2px;
  display:block;transition:transform .3s,opacity .3s;
}
.mob-nav-open .mob-menu-btn span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mob-nav-open .mob-menu-btn span:nth-child(2){opacity:0}
.mob-nav-open .mob-menu-btn span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

.mob-nav-drawer{
  display:none;position:fixed;left:0;right:0;bottom:0;top:64px;
  background:#fff;z-index:190;padding:32px 24px;
  flex-direction:column;gap:0;overflow-y:auto;
}
.mob-nav-open .mob-nav-drawer{display:flex}
.mob-nav-open{overflow:hidden}
.mob-nav-drawer a{
  font-size:20px;font-weight:700;color:#141414;text-decoration:none;
  padding:16px 0;border-bottom:1px solid #e4e4e0;display:block;
}
.mob-nav-drawer a:last-child{border-bottom:none}
.mob-nav-cta{
  margin-top:24px;background:#E57689;color:#fff !important;
  padding:16px !important;border-radius:14px !important;
  text-align:center;font-size:16px !important;
}

@media (max-width:768px){
  .mob-menu-btn{display:flex}
  /* Mobile nav layout: [hamburger][logo] ......... [cta] */
  nav{justify-content:flex-start !important; gap:10px !important;}
  .mob-menu-btn{order:-1; margin-left:-4px}
  nav > .btn-cta,
  nav > .btn-back,
  nav > .nav-right{margin-left:auto}
}
@media (min-width:769px){
  .mob-menu-btn{display:none !important}
  .mob-nav-drawer{display:none !important}
}

/* Prevent anchor targets from landing under the sticky nav */
html{scroll-padding-top:80px}