/* shared/wa-float.css: bottone WhatsApp fisso e pannello con due domande (vedi shared/wa-float.js). */
.waf{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2147482900;font-family:var(--font-body,system-ui,sans-serif);}
.waf.is-lifted{bottom:calc(78px + env(safe-area-inset-bottom,0px));}
.waf.is-hidden{display:none;}
/* 28/09 (titolare): si fa da parte quando sullo schermo c'e' gia' un bottone WhatsApp o un bottone per iniziare */
.waf{transition:opacity 0.25s ease,transform 0.25s ease;}
.waf.is-away{opacity:0;transform:scale(0.85);pointer-events:none;}
.waf-btn{width:60px;height:60px;border-radius:50%;border:none;background:#22bf5b;box-shadow:0 8px 24px rgba(37,211,102,0.45),0 2px 6px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.25s cubic-bezier(0.22,1,0.36,1);}
.waf-btn svg{width:32px;height:32px;fill:#fff;}
.waf-btn:hover{transform:scale(1.06);}
.waf-btn:active{transform:scale(0.96);}
.waf.is-open .waf-btn{transform:scale(0.9);}
.waf-panel{position:absolute;right:0;bottom:74px;width:390px;max-width:calc(100vw - 36px);max-height:calc(100vh - 120px);overflow:auto;background:#fff;color:#1a2744;border-radius:18px;border:1px solid rgba(37,211,102,0.35);box-shadow:0 24px 60px -18px rgba(26,39,68,0.4),0 6px 18px rgba(26,39,68,0.1);padding:22px 20px 18px;box-sizing:border-box;}
.waf-panel[hidden]{display:none;}
.waf-close{position:absolute;top:6px;right:6px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(26,39,68,0.12);background:rgba(26,39,68,0.04);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.waf-close svg{width:14px;height:14px;stroke:#1a2744;stroke-width:2.2;fill:none;stroke-linecap:round;}
.waf-title{font-family:var(--font-headline,Georgia,serif);font-size:22px;font-weight:700;line-height:1.2;margin:0 40px 4px 0;color:#1a2744;letter-spacing:-0.01em;}
.waf-title em{font-style:italic;font-weight:400;color:#b8893d;}
.waf-sub{font-size:13.5px;line-height:1.45;color:#6b6358;margin:0 0 6px;}
.waf-q{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1a2744;margin:14px 0 8px;}
.waf-q__n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(212,168,83,0.18);color:#8a6a2c;font-size:12px;font-weight:700;flex:none;}
/* schede in stile quiz: emoji + testo, bordo verde e spunta alla scelta */
.waf-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.waf-card{position:relative;display:flex;align-items:center;gap:7px;min-height:46px;padding:8px 10px;font-family:var(--font-headline,Georgia,serif);font-size:13px;font-weight:700;line-height:1.2;color:#1a2744;text-align:left;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 2px 10px rgba(26,39,68,0.06),0 0 0 1px rgba(26,39,68,0.07);cursor:pointer;transition:transform 0.2s ease,border-color 0.2s,box-shadow 0.2s;}
.waf-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(26,39,68,0.08),0 0 0 1px rgba(37,211,102,0.35);}
.waf-card__emoji{font-size:17px;line-height:1;flex:none;}
.waf-card__text{flex:1;}
.waf-card__check{position:absolute;right:5px;top:5px;width:13px;height:13px;fill:none;stroke:#22c55e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity 0.2s;}
.waf-card[aria-pressed="true"]{border-color:#22c55e;box-shadow:0 6px 18px rgba(34,197,94,0.16);}
.waf-card[aria-pressed="true"] .waf-card__check{opacity:1;}
.waf-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-size:16px;font-weight:700;text-decoration:none;color:#fff;background:#22bf5b;border:1.5px solid #1ea952;border-radius:14px;padding:14px 20px;box-shadow:0 8px 22px rgba(37,211,102,0.32);}
.waf-cta svg{width:22px;height:22px;fill:#fff;flex:none;}
@media (max-width:600px){
  .waf{right:14px;}
  .waf-panel{position:fixed;left:8px;right:8px;padding:18px 14px 14px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:calc(100vh - 150px);}
  .waf.is-lifted .waf-panel{bottom:calc(148px + env(safe-area-inset-bottom,0px));}
}
@media (prefers-reduced-motion:reduce){.waf-btn,.waf-card{transition:none;}}