/* ============================================================
   MEGAMENU (25 set 2026) - PHP e script in inc/megamenu.php
   1. Porte (da 1024 px)   2. Pannelli   3. Cassetto del telefono
   ============================================================ */

/* ---- 1. PORTE ------------------------------------------------------------- */
.pp-mm{ display:none; }
@media (min-width:1024px){
  .pp-mm{ display:flex; align-items:center; gap:14px; margin-left:auto; }
}
.pp-mm-lista{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }
.pp-mm-lista > li{ margin:0; }
:is(#pp-peso, body) .pp-mm-voce{ appearance:none; position:relative; display:inline-flex; align-items:center; gap:.45rem; min-height:44px; margin:0; padding:.5rem .8rem;
  background:transparent; color:var(--pp-ink,#242124); border:0; border-radius:10px; box-shadow:none; transform:none;
  font:700 .84rem/1 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; }
:is(#pp-peso, body) .pp-mm-voce:hover{ background:#FFE0B0; }
:is(#pp-peso, body) .pp-mm-voce[aria-expanded="true"]{ background:var(--pp-acid,#F9DB62); }
:is(#pp-peso, body) .pp-mm-voce:focus-visible{ outline:3px solid var(--pp-ink,#242124); outline-offset:2px; }
.pp-mm-voce svg{ transition:transform .2s ease; }
.pp-mm-voce[aria-expanded="true"] svg{ transform:rotate(180deg); }
/* la porta della pagina in cui sei: una riga gialla sotto */
.pp-mm-voce.pp-mm-qui::after{ content:""; position:absolute; left:.8rem; right:1.9rem; bottom:5px; height:4px; background:var(--pp-acid,#F9DB62); }
.pp-mm-voce.pp-mm-qui[aria-expanded="true"]::after{ background:var(--pp-ink,#242124); }
.pp-mm-carrello{ display:inline-flex; align-items:center; min-height:44px; padding:.35rem 1rem; background:var(--pp-acid,#F9DB62); color:var(--pp-ink,#242124);
  border:3px solid var(--pp-ink,#242124); border-radius:999px; box-shadow:2px 3px 0 var(--pp-ink,#242124);
  font:400 .8rem/1 "Archivo Black",sans-serif; text-transform:uppercase; text-decoration:none; transition:transform .15s ease,box-shadow .15s ease; }
.pp-mm-carrello:hover{ transform:translate(-1px,-2px); box-shadow:3px 5px 0 var(--pp-ink,#242124); text-decoration:none; }

/* ---- 2. PANNELLI ---------------------------------------------------------- */
.pp-mm-pannello{ position:fixed; left:0; right:0; top:70px; z-index:49; max-height:calc(100vh - 100px); overflow:auto; overscroll-behavior:contain;
  background:#FBFAF7; border-bottom:3px solid var(--pp-ink,#242124); box-shadow:0 9px 0 var(--pp-ink,#242124); }
.pp-mm-pannello[hidden]{ display:none; }
.pp-mm-velo{ position:fixed; inset:70px 0 0; z-index:48; background:rgba(36,33,36,.28); }
.pp-mm-velo[hidden]{ display:none; }
.pp-mm-dentro{ display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:28px 44px; max-width:1200px; margin:0 auto; padding:28px 2rem 22px;
  animation:pp-mm-scendi .28s cubic-bezier(.2,.8,.2,1); }
@keyframes pp-mm-scendi{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:none; } }
.pp-mm-col{ min-width:0; }
.pp-mm-h{ margin:0 0 14px; padding-bottom:10px; max-width:none; border-bottom:3px solid var(--pp-ink,#242124);
  font:700 .74rem/1 "Space Mono",monospace; text-transform:uppercase; letter-spacing:.08em; color:var(--pp-ink,#242124); }
.pp-mm-voci{ list-style:none; margin:0; padding:0; display:grid; gap:4px; }
.pp-mm-voci li{ margin:0; }
.pp-mm-link{ display:grid; grid-template-columns:auto 1fr; gap:3px 12px; align-items:center; margin-inline:-.6rem; padding:.55rem .6rem;
  color:var(--pp-ink,#242124); text-decoration:none; border-radius:12px; }
.pp-mm-link:hover,.pp-mm-link:focus-visible{ background:var(--pp-cream,#F0E6C7); text-decoration:none; }
.pp-mm-link strong{ font:400 1rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-conta{ font:700 .72rem/1.2 "Space Mono",monospace; text-transform:uppercase; color:rgba(36,33,36,.62); }
.pp-mm-desc{ grid-column:1 / -1; font:400 .86rem/1.45 "Space Mono",monospace; color:rgba(36,33,36,.72); }
.pp-mm-pill{ justify-self:start; padding:.22rem .7rem; border:2px solid var(--pp-ink,#242124); border-radius:999px; background:#fff;
  font:400 .9rem/1.1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-pill--bivacco{ background:var(--pp-acid,#F9DB62); }
/* TÖLT ha il suo viola (01_BRAND); Bivacco mai */
.pp-mm-pill--tolt{ background:var(--pp-viola,#702963); color:#FBFAF7; }
.pp-mm-pill--siparietto{ background:var(--pp-rosa,#FF85A5); }
.pp-mm-scheda{ display:grid; grid-template-columns:92px 1fr; gap:14px; align-items:center; padding:12px; color:var(--pp-ink,#242124); text-decoration:none;
  background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:16px; box-shadow:4px 6px 0 var(--pp-ink,#242124); transition:transform .16s ease,box-shadow .16s ease; }
.pp-mm-scheda:hover{ transform:translate(-2px,-3px); box-shadow:6px 9px 0 var(--pp-ink,#242124); text-decoration:none; }
.pp-mm-scheda img{ display:block; width:92px; height:118px; object-fit:contain; background:var(--pp-cream,#F0E6C7);
  border:2px solid var(--pp-ink,#242124) !important; border-radius:4px !important; }
.pp-mm-scheda b{ display:block; margin-bottom:4px; font:400 1.05rem/1.1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-dida{ display:block; font:400 .84rem/1.4 "Space Mono",monospace; color:rgba(36,33,36,.72); }
.pp-mm-vai{ display:inline-block; margin-top:6px; font:700 .76rem "Space Mono",monospace; text-transform:uppercase; border-bottom:3px solid var(--pp-acid,#F9DB62); }
.pp-mm-vai::after{ content:" →"; }
.pp-mm-fatti{ list-style:none; margin:0; padding:0; display:grid; gap:10px; font:400 .86rem/1.45 "Space Mono",monospace; }
.pp-mm-fatti li{ display:grid; grid-template-columns:14px 1fr; gap:10px; align-items:start; margin:0; }
.pp-mm-fatti li::before{ content:""; width:12px; height:12px; margin-top:4px; background:var(--pp-acid,#F9DB62); border:2px solid var(--pp-ink,#242124); }
.pp-mm-testo{ margin:0 0 12px; max-width:none; font:400 .9rem/1.5 "Space Mono",monospace; color:var(--pp-ink,#242124); }
.pp-mm-bottone{ display:inline-flex; margin-top:8px; padding:.6rem 1.1rem; background:var(--pp-grad,linear-gradient(135deg,#F9DB62,#FF85A5)); color:var(--pp-ink,#242124);
  border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px); box-shadow:3px 4px 0 var(--pp-ink,#242124);
  font:400 .82rem/1 "Archivo Black",sans-serif; text-transform:uppercase; text-decoration:none; }
.pp-mm-bottone::after{ content:" ↗"; }
.pp-mm-evento{ display:grid; grid-template-columns:62px 1fr; gap:12px; align-items:center; margin-inline:-.6rem; padding:.5rem .6rem; color:var(--pp-ink,#242124); text-decoration:none; border-radius:12px; }
.pp-mm-evento:hover{ background:var(--pp-cream,#F0E6C7); text-decoration:none; }
.pp-mm-data{ display:grid; place-content:center; aspect-ratio:1; text-align:center; background:var(--pp-acid,#F9DB62); border:3px solid var(--pp-ink,#242124); border-radius:12px;
  font:400 .72rem/1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-data b{ display:block; font-size:1.2rem; }
.pp-mm-evento strong{ display:block; font:400 .95rem/1.15 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-noi{ display:grid; gap:12px; justify-items:start; align-content:start; }
.pp-mm-noi img{ width:120px; height:auto; border:0 !important; border-radius:0 !important; }
.pp-mm-noi strong{ font:400 1.7rem/1 "Archivo Black",sans-serif; text-transform:uppercase; }
.pp-mm-piede{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:10px 30px; padding-top:14px; border-top:3px solid var(--pp-ink,#242124); }
.pp-mm-piede a{ font:700 .8rem "Space Mono",monospace; text-transform:uppercase; color:var(--pp-ink,#242124); text-decoration:none; }
.pp-mm-piede a::after{ content:" →"; }
.pp-mm-piede a:hover{ text-decoration:underline; text-decoration-color:var(--pp-acid,#F9DB62); text-decoration-thickness:4px; }
@media (min-width:1024px) and (max-width:1140px){
  .pp-mm-dentro{ grid-template-columns:1fr 1fr; }
  .pp-mm-dentro > .pp-mm-col:nth-child(3){ grid-column:1 / -1; }
}

/* ---- 3. CASSETTO DEL TELEFONO -------------------------------------------- */
.pp-mm-fis{ display:grid; gap:12px; margin-top:2px; }
.pp-mm-fis > a,.pp-mm-fis summary{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; padding:.7rem 1.1rem;
  font:400 1.3rem/1.05 "Archivo Black",sans-serif; text-transform:uppercase; color:var(--pp-ink,#242124); text-decoration:none; }
.pp-mm-fis > a{ background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); }
.pp-mm-fis > .pp-mm-fis-carrello{ background:var(--pp-acid,#F9DB62); }
.pp-mm-fis details{ background:#fff; border:3px solid var(--pp-ink,#242124); border-radius:var(--pp-r-ctrl,12px); box-shadow:var(--pp-shadow,4px 6px 0 #242124); }
.pp-mm-fis summary{ list-style:none; cursor:pointer; }
.pp-mm-fis summary::-webkit-details-marker{ display:none; }
.pp-mm-fis summary::after{ content:"+"; font-size:1.6rem; line-height:1; transition:transform .2s ease; }
.pp-mm-fis details[open] summary::after{ transform:rotate(45deg); }
.pp-mm-fis details[open] summary{ border-bottom:3px solid var(--pp-ink,#242124); background:var(--pp-grad,linear-gradient(135deg,#F9DB62,#FF85A5)); border-radius:9px 9px 0 0; }
.pp-mm-fis ul{ list-style:none; margin:0; padding:8px 0; }
.pp-mm-fis li{ margin:0; }
.pp-mm-fis li a{ display:flex; align-items:center; min-height:48px; padding:.4rem 1.1rem; color:var(--pp-ink,#242124); text-decoration:none;
  font:700 .95rem/1.2 "Space Mono",monospace; text-transform:uppercase; }
.pp-mm-fis li a::after{ content:"→"; margin-left:auto; }
.pp-mm-fis li a:hover,.pp-mm-fis li a:focus-visible{ background:var(--pp-cream,#F0E6C7); }

@media (prefers-reduced-motion:reduce){
  .pp-mm-dentro{ animation:none; }
  .pp-mm-voce svg,.pp-mm-scheda,.pp-mm-carrello,.pp-mm-fis summary::after{ transition:none; }
}