/* ==========================================================================
   MARS · PAGINE IN ALLESTIMENTO
   Banner d'avviso, blocco contatto e CTA fissa su telefono.
   Usa i token già presenti in liquid.css: nessun colore nuovo inventato.
   ========================================================================== */

/* ---------- schermata di allestimento (pagina autonoma) ----------
   Non è un banner sopra la pagina: è la pagina. Il contenuto vero non
   viene servito affatto, lo sostituisce gating/genera.js. */
.pa-standalone .footer{display:none}

.pa-schermo{
  position:relative;z-index:1;
  min-height:100svh;display:flex;flex-direction:column;
  padding:clamp(104px,15vh,168px) clamp(20px,5vw,48px) clamp(24px,4vh,40px);
}
.pa-schermo__in{
  flex:1;width:100%;max-width:720px;margin-inline:auto;
  display:flex;flex-direction:column;justify-content:center;
  text-align:center;
}

.pa-avviso__tag{
  display:inline-block;
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lime);padding:6px 14px;border-radius:100px;
  border:1px solid rgba(227,255,0,.42);
}
.pa-avviso h1{
  margin:clamp(18px,2.4vw,26px) 0 0;
  font-size:clamp(27px,3.8vw,46px);font-weight:700;
  letter-spacing:-.03em;line-height:1.08;color:var(--text);text-wrap:balance;
}
.pa-avviso__sub{
  margin:clamp(14px,1.8vw,20px) auto 0;max-width:52ch;
  font-size:clamp(16.5px,1.35vw,19px);line-height:1.6;color:var(--text-soft);
}
.pa-avviso__sub b{color:var(--text);font-weight:600}

.pa-sintesi{
  margin-top:clamp(28px,3.6vw,44px);
  padding:clamp(20px,2.6vw,28px) clamp(20px,2.8vw,30px);
  border-radius:20px;text-align:left;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
}
.pa-sintesi p{
  margin:0;font-size:clamp(15.5px,1.2vw,17px);line-height:1.62;color:var(--text-soft);
}
.pa-sintesi p + p{margin-top:12px}

.pa-azioni{
  margin-top:clamp(26px,3.2vw,38px);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
}

.pa-altrove{
  margin-top:clamp(26px,3vw,38px);padding-top:clamp(20px,2.4vw,28px);
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;align-items:center;
  font-size:15px;
}
.pa-altrove span{color:var(--text-mute)}
.pa-altrove a{
  color:var(--text);font-weight:600;
  padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.28);
  transition:color .3s ease,border-color .3s ease;
}
.pa-altrove a:hover{color:var(--lime);border-color:var(--lime)}

.pa-legale{
  margin-top:clamp(32px,5vh,56px);padding-top:18px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;
  font-size:13.5px;color:var(--text-mute);
}
.pa-legale nav{display:flex;flex-wrap:wrap;gap:10px 20px}
.pa-legale a{color:var(--text-mute)}
.pa-legale a:hover{color:var(--lime)}

/* ---------- pulsanti: 48px di altezza, raggiungibili col pollice ---------- */
.pa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:13px 24px;border-radius:100px;
  font-size:16px;font-weight:600;letter-spacing:-.012em;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease;
}
.pa-btn:active{transform:scale(.98)}
.pa-btn svg{width:18px;height:18px;flex:0 0 auto}
.pa-btn--wa{background:var(--lime);color:#07152F;border:1px solid var(--lime)}
.pa-btn--wa:hover{background:#eeff5c;border-color:#eeff5c}
.pa-btn--mail{color:var(--text);border:1px solid rgba(255,255,255,.3)}
.pa-btn--mail:hover{border-color:var(--text)}

/* ---------- pallino "in arrivo" sulle voci di menu ---------- */
/* un solo pallino per voce: prima la regola colpiva sia il link sia il
   titolo interno, e nel mega menu se ne vedevano due */
.nav-links > a[data-arrivo]::after,
.d-menu > a[data-arrivo]::after,
.mega-item[data-arrivo] .mi-t::after,
.d-mi[data-arrivo] b::after{
  content:"";display:inline-block;vertical-align:middle;
  width:5px;height:5px;margin-left:7px;border-radius:50%;
  background:var(--lime,#E3FF00);opacity:.75;
}
.nav-sub-mobile a[data-arrivo]::after,
.d-drawer a[data-arrivo]::after{
  content:"in arrivo";display:inline;margin-left:8px;
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--lime,#E3FF00);opacity:.8;
}

@media (prefers-reduced-motion:reduce){
  .pa-btn{transition:none}
}