
.ik-public-desktop-bar{
  position:relative;z-index:10000;min-height:72px;padding:0 32px;
  display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;
  border-bottom:1px solid rgba(197,167,122,.2);
  background:linear-gradient(rgba(2,5,8,.78),rgba(2,5,8,.68)),url('/assets/storia-ikrampus-bg.jpg') center 42%/cover;
  box-shadow:0 8px 28px rgba(0,0,0,.28)
}
.ik-public-desktop-bar a{
  color:#e9e1d7;text-decoration:none;font:600 14px Cinzel,Georgia,serif;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap
}
.ik-public-desktop-bar a:hover{color:#d4af75}

.ik-public-menu-btn{
  position:fixed;top:18px;right:18px;z-index:10020;
  width:50px;height:50px;border-radius:15px;
  border:1px solid rgba(197,167,122,.42);
  background:rgba(5,5,5,.76);backdrop-filter:blur(10px);
  display:none;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 10px 34px rgba(0,0,0,.34)
}
.ik-public-menu-btn span,.ik-public-menu-btn:before,.ik-public-menu-btn:after{
  content:"";display:block;position:absolute;width:23px;height:1px;background:#e7dccd;
  transition:transform .2s ease,opacity .2s ease
}
.ik-public-menu-btn span{transform:translateY(0)}
.ik-public-menu-btn:before{transform:translateY(-7px)}
.ik-public-menu-btn:after{transform:translateY(7px)}
.ik-public-menu-btn[aria-expanded="true"] span{opacity:0}
.ik-public-menu-btn[aria-expanded="true"]:before{transform:rotate(45deg)}
.ik-public-menu-btn[aria-expanded="true"]:after{transform:rotate(-45deg)}
.ik-public-menu-panel{position:fixed;inset:0;z-index:10010;display:none;background:rgba(0,0,0,.68);backdrop-filter:blur(9px)}
.ik-public-menu-panel.open{display:block}
.ik-public-menu-drawer{
  position:absolute;top:0;right:0;width:min(86vw,360px);height:100%;
  padding:92px 26px 34px;background:radial-gradient(circle at 50% 0,rgba(158,111,56,.15),transparent 28%),#090807;
  border-left:1px solid rgba(197,167,122,.28);box-shadow:-28px 0 80px rgba(0,0,0,.55)
}
.ik-public-menu-brand{margin-bottom:26px;color:#c8a879;font:700 11px Cinzel,Georgia,serif;letter-spacing:.18em;text-transform:uppercase}
.ik-public-menu-nav{display:flex;flex-direction:column}
.ik-public-menu-nav a{
  display:block;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.08);
  color:#eee5d8;text-decoration:none;font:600 15px Cinzel,Georgia,serif;letter-spacing:.08em;text-transform:uppercase
}
.ik-public-menu-nav a[hidden]{display:none!important}
.ik-public-menu-nav a:hover{color:#d4af75}
.ik-public-menu-nav a.secondary{color:#a99b89;font-size:12px}
body.ik-menu-open{overflow:hidden}

@media(max-width:900px){
  .ik-public-desktop-bar{display:none!important}
  .ik-public-menu-btn{display:flex!important}
  header nav:not(.ik-public-menu-nav),
  header .desktopnav,
  .desktopnav{display:none!important}
}


/* === MENU PUBBLICO / AREE RISERVATE - FIX 24/09 === */
@media(max-width:900px){
  body.ik-private-area .ik-public-menu-btn,
  body.ik-private-area .ik-public-menu-panel{
    display:none!important;
  }
  .ik-public-menu-drawer{
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:calc(30px + env(safe-area-inset-bottom))!important;
  }
  .ik-public-menu-nav a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
  }
}


/* FIX definitivo: nelle aree riservate su mobile esiste UN SOLO hamburger */
@media(max-width:900px){
  body.ik-private-area #ikPublicMenuBtn,
  body.ik-private-area #ikPublicMenuPanel,
  body.ik-private-area .ik-public-menu-btn,
  body.ik-private-area .ik-public-menu-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
