/* Cabeçalho: menu principal com painel "Agendar sessão", página atual e menu mobile em lista. */

/* ---------- Desktop ---------- */
.po-desktop-nav{gap:clamp(18px,2.2vw,34px)}
.po-desktop-nav > a:not(.po-nav-cta){padding:8px 0}
.po-desktop-nav > a:not(.po-nav-cta)::after,.po-nav-item > .po-nav-trigger::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#39FF14;box-shadow:0 0 10px rgba(57,255,20,.8);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.po-desktop-nav > a:not(.po-nav-cta):hover::after,.po-desktop-nav > a[aria-current="page"]::after,.po-nav-item:hover > .po-nav-trigger::after,.po-nav-item.is-open > .po-nav-trigger::after{transform:scaleX(1);transform-origin:left}
.po-desktop-nav > a[aria-current="page"]{color:#39FF14}
.po-nav-item > .po-nav-trigger{position:relative;padding:8px 0}
.po-nav-item.is-open > .po-nav-trigger,.po-nav-item:hover > .po-nav-trigger{color:#39FF14}
.po-nav-item.is-open > .po-nav-trigger svg,.po-nav-item:hover > .po-nav-trigger svg{transform:rotate(180deg)}

/* o painel ancora à direita do menu, por baixo de "Agendar sessão" e do botão "Reservar" */
.po-desktop-nav{position:relative}
.po-nav-item{position:static}
.po-mega{position:absolute;top:calc(100% + 14px);right:0;left:auto;width:min(700px,calc(100vw - 40px));transform:translateY(10px);opacity:0;visibility:hidden;z-index:60;
  background:#101210;border:1px solid rgba(57,255,20,.3);box-shadow:0 24px 60px rgba(0,0,0,.6);
  clip-path:polygon(var(--po-cut-md) 0,100% 0,100% calc(100% - var(--po-cut-md)),calc(100% - var(--po-cut-md)) 100%,0 100%,0 var(--po-cut-md));
  transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1),visibility .2s}
.po-mega::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.po-nav-item:hover .po-mega,.po-nav-item:focus-within .po-mega,.po-nav-item.is-open .po-mega{opacity:1;visibility:visible;transform:none}
.po-mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
.po-mega__item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);background:#161917;color:#e8e8e8 !important;text-decoration:none;position:relative;overflow:hidden;
  transition:border-color .2s,background .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.po-mega__item:first-child{grid-column:1 / -1;background:linear-gradient(100deg,rgba(57,255,20,.1),#161917 60%);border-color:rgba(57,255,20,.3)}
.po-mega__item:hover,.po-mega__item:focus-visible{border-color:#39FF14;background:#1b201b;transform:translateY(-2px)}
.po-mega__item.is-current{border-color:#39FF14}
.po-mega__ico{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:2px solid #39FF14;color:#39FF14;transition:background .2s,color .2s,transform .3s;
  clip-path:polygon(var(--po-cut-sm) 0,100% 0,100% calc(100% - var(--po-cut-sm)),calc(100% - var(--po-cut-sm)) 100%,0 100%,0 var(--po-cut-sm))}
.po-mega__item:hover .po-mega__ico{background:#39FF14;color:#0a0a0a;transform:rotate(-6deg) scale(1.06)}
.po-mega__txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.po-mega__txt strong{font-family:var(--po-font-ui);font-size:17px;font-weight:700;letter-spacing:.4px;color:#fff}
.po-mega__txt small{font-family:var(--po-font-body);font-size:13px;color:#9aa09a}
.po-mega__price{flex:none;font-family:var(--po-font-ui);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#39FF14;border:1px solid rgba(57,255,20,.4);padding:5px 9px;white-space:nowrap}
.po-mega__foot{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);background:#0c0e0c}
.po-mega__foot span{flex:1;font-family:var(--po-font-body);font-size:14px;color:#b5bab5}
.po-mega__foot a{font-family:var(--po-font-ui);font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#39FF14 !important;border:1px solid rgba(57,255,20,.45);padding:9px 14px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none}
.po-mega__foot a:hover{background:#39FF14;color:#0a0a0a !important}

/* seletor de idioma em pílula */
#po-header .po-lang--desktop{margin-left:6px;gap:0;border:1px solid rgba(57,255,20,.4);padding:3px;font-size:12px}
#po-header .po-lang--desktop .po-lang-sep{display:none}
#po-header .po-lang--desktop a,#po-header .po-lang--desktop .po-lang-item{padding:6px 10px;color:#c9cdc9}
#po-header .po-lang--desktop .po-lang-item.is-active{background:#39FF14;color:#0a0a0a}
#po-header .po-lang--desktop a:hover{color:#39FF14}

/* ---------- Mobile: lista limpa, com ícones e ações ---------- */
@media (max-width:899px){
  #poMobileMenu{align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;padding:92px 22px calc(104px + env(safe-area-inset-bottom)) !important;
    background:radial-gradient(circle at 90% 0%,rgba(57,255,20,.14),transparent 55%),#0a0a0a;counter-reset:mm}
  #poMobileMenu > a,#poMobileMenu .po-mm-trigger{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;padding:15px 2px;
    font-family:'Anton',sans-serif;font-size:clamp(26px,7.4vw,32px);letter-spacing:.5px;text-transform:uppercase;color:#fff;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;cursor:pointer}
  #poMobileMenu > a::before,#poMobileMenu .po-mm-trigger::before{counter-increment:mm;content:"0" counter(mm);font-family:var(--po-font-ui);font-size:13px;font-weight:700;letter-spacing:2px;color:#39FF14;margin-right:14px;opacity:.85;flex:none}
  #poMobileMenu > a > :first-child,#poMobileMenu .po-mm-trigger{gap:0}
  #poMobileMenu > a[aria-current="page"]{color:#39FF14}
  #poMobileMenu .po-mm-trigger{color:#39FF14;justify-content:flex-start}
  #poMobileMenu .po-mm-trigger svg{margin-left:auto}
  #poMobileMenu .po-mm-item{width:100%;max-width:none;align-items:stretch}
  #poMobileMenu .po-mm-submenu{align-items:stretch;gap:8px;padding:0}
  #poMobileMenu .po-mm-submenu.open{margin:12px 0 16px;max-height:760px}
  #poMobileMenu .po-mm-submenu a{display:flex !important;align-items:center;gap:14px;padding:12px 14px !important;border:1px solid rgba(255,255,255,.1) !important;background:#141714;text-align:left !important;width:auto;
    font-family:var(--po-font-ui) !important;font-size:16px !important;text-transform:none !important;color:#fff !important}
  #poMobileMenu .po-mm-submenu a::before{content:none !important}
  #poMobileMenu .po-mm-submenu a[aria-current="page"]{border-color:#39FF14 !important}
  .po-mm-sub__ico{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid #39FF14;color:#39FF14}
  .po-mm-sub__txt{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
  .po-mm-sub__txt strong{font-size:16px;font-weight:700;letter-spacing:.3px}
  .po-mm-sub__txt small{font-family:var(--po-font-body);font-size:13px;color:#9aa09a}
  .po-mm-submenu em{font-style:normal;flex:none;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#39FF14;border:1px solid rgba(57,255,20,.4);padding:4px 8px}
  .po-mm-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}
  #poMobileMenu .po-mm-actions a{display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid rgba(57,255,20,.5);font-family:var(--po-font-ui);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#39FF14;text-decoration:none;padding:0}
  #poMobileMenu .po-mm-actions a:active{background:#39FF14;color:#0a0a0a}
  .po-mm-social{display:flex;gap:12px;margin-top:20px}
  #poMobileMenu .po-mm-social a{width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(57,255,20,.4);border-bottom:1px solid rgba(57,255,20,.4);min-height:0}
  #poMobileMenu .po-mm-social a::before{content:none}
  #poMobileMenu .po-mm-social svg{width:20px;height:20px}
  #poMobileMenu .po-mm-social a:active{background:rgba(57,255,20,.15)}
  #poMobileMenu .po-mm-actions a::before{content:none}
  #poMobileMenu .po-lang--mobile{margin-top:18px}
  /* entrada escalonada */
  #poMobileMenu.is-open > *{animation:poMmIn .5s cubic-bezier(.2,.8,.2,1) both}
  #poMobileMenu.is-open > *:nth-child(2){animation-delay:.05s}
  #poMobileMenu.is-open > *:nth-child(3){animation-delay:.1s}
  #poMobileMenu.is-open > *:nth-child(4){animation-delay:.15s}
  #poMobileMenu.is-open > *:nth-child(5){animation-delay:.2s}
  #poMobileMenu.is-open > *:nth-child(6){animation-delay:.25s}
  #poMobileMenu.is-open > *:nth-child(n+7){animation-delay:.3s}
}
@media (min-width:900px){.po-mm-actions,.po-mm-social{display:none}}
@keyframes poMmIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#poMobileMenu.is-open > *{animation:none}.po-mega{transition:none}}

.po-nav-cta[aria-expanded="true"]{box-shadow:0 0 0 2px #39FF14,0 0 24px rgba(57,255,20,.5)}

/* ======================================================
   Cabeçalho "ilha": compacto, flutuante e com atalhos úteis
   ====================================================== */
#po-header{display:contents}
#po-header .po-navbar{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:1000;transition:transform .4s cubic-bezier(.2,.8,.2,1),padding .25s ease}
#po-header .po-navbar.po-hide{transform:translateY(-130%)}
body.po-menu-open #po-header .po-navbar{transform:none !important}
.po-navprog{position:absolute;left:0;right:0;bottom:0;height:2px;background:#39FF14;box-shadow:0 0 8px rgba(57,255,20,.7);transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:2}

.po-status,.po-quick{display:none}

@media (min-width:900px){
  #po-header .po-navbar{
    top:calc(var(--wp-admin--admin-bar--height,0px) + 12px);margin:12px auto 0;width:min(1260px,calc(100% - 32px));
    padding:8px 16px 8px 18px;background:transparent !important;border:0 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;isolation:isolate}
  #po-header .po-navbar.po-scrolled{padding:6px 16px 6px 18px}
  #po-header .po-navbar::before,#po-header .po-navbar::after{content:"";position:absolute;z-index:-1;
    clip-path:polygon(var(--po-cut-md) 0,100% 0,100% calc(100% - var(--po-cut-md)),calc(100% - var(--po-cut-md)) 100%,0 100%,0 var(--po-cut-md))}
  #po-header .po-navbar::before{inset:0;background:rgba(57,255,20,.4)}
  #po-header .po-navbar::after{inset:1px;background:rgba(9,10,9,.88);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
  #po-header .po-navbar.po-hide{transform:translateY(calc(-100% - 28px))}
  .po-navprog{left:14px;right:14px;bottom:1px}
  .po-logo img{height:44px}
  #po-header .po-navbar.po-scrolled .po-logo img{height:38px}
  .po-desktop-nav{gap:clamp(14px,1.7vw,26px)}
  .po-desktop-nav > a:not(.po-nav-cta),.po-nav-item > .po-nav-trigger{font-size:13.5px;letter-spacing:1.3px}
  .po-nav-cta{padding:10px 18px !important}
  .po-mega{top:calc(100% + 20px)}

  .po-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--po-font-ui);font-weight:700;font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;color:#39FF14;border:1px solid rgba(57,255,20,.35);padding:6px 10px;white-space:nowrap;cursor:default}
  .po-status[hidden]{display:none}
  .po-status i{width:8px;height:8px;border-radius:50%;background:#39FF14;box-shadow:0 0 0 0 rgba(57,255,20,.6);animation:poLivePulse 1.8s infinite;flex:none}
  .po-status.is-off{color:#b5bab5;border-color:rgba(255,255,255,.2)}
  .po-status.is-off i{background:#8a8f8a;animation:none;box-shadow:none}
  .po-quick{display:inline-flex;gap:6px}
  #po-header .po-quick a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(57,255,20,.35);color:#39FF14;transition:background .2s,color .2s,transform .25s}
  #po-header .po-quick a:hover{background:#39FF14;color:#0a0a0a;transform:translateY(-2px)}
}
@media (min-width:900px) and (max-width:1199px){.po-status{display:none !important}}
@media (min-width:900px) and (max-width:1020px){.po-quick a:last-child{display:none}.po-desktop-nav{gap:12px}}
@media (prefers-reduced-motion:reduce){.po-status i{animation:none}#po-header .po-navbar{transition:none}}

/* fundo escuro por trás da ilha (sem faixa clara no topo) */
html,body{background:#0a0a0a}

/* telemóvel: barra mais baixa */
@media (max-width:899px){
  #po-header .po-navbar{padding:8px 5vw}
  #po-header .po-navbar .po-logo img{height:44px}
  #po-header .po-navbar.po-scrolled .po-logo img{height:38px}
  .po-burger{width:44px;height:44px}
}

/* ---- Menu por cima do hero (páginas com imagem de topo) ---- */
:root{--po-nav-h:62px}
@media (min-width:900px){
  .po-hero-page #po-header .po-navbar{margin-bottom:calc(-12px - var(--po-nav-h))}
}
@media (max-width:899px){
  .po-hero-page #po-header .po-navbar{margin-bottom:calc(-1 * var(--po-nav-h));background:linear-gradient(180deg,rgba(8,8,8,.85),rgba(8,8,8,.55)) !important;border-bottom-color:rgba(57,255,20,.2) !important}
}