.sl-landing{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1a1a1a;line-height:1.55}
.sl-wrap{max-width:1040px;margin:0 auto;padding:20px}
.sl-hero{background:#f6f6f6;border:1px solid #eaeaea;border-radius:16px;padding:26px}
.sl-hero h1{font-size:clamp(26px,4.2vw,40px);margin:0 0 8px}
.sl-hero .lead{font-size:clamp(16px,2.6vw,20px);margin:0 0 12px}
.sl-bullets{display:grid;gap:8px;margin:12px 0}
.sl-bullets li{list-style:none;background:#fff;border:1px solid #eee;border-radius:10px;padding:10px 12px}
.sl-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.sl-btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid transparent}
.sl-btn-primary{background:#111;color:#fff}
.sl-btn-secondary{background:#fff;color:#111;border-color:#111}
.sl-price{font-weight:600;margin-top:8px}
.sl-trust{font-size:13px;color:#666;margin-top:6px}

.sl-guide-info{margin:26px 0}
.sl-card{background:#fafafa;border:1px solid #eaeaea;border-radius:14px;padding:18px}
.sl-card h3{margin-top:0}

.sl-high{margin:22px 0}
.sl-high .grid{display:grid;gap:14px;grid-template-columns:1fr}
.sl-high .item{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}
.sl-high img{width:100%;height:220px;object-fit:cover;display:block}
.sl-high .cap{padding:12px;font-weight:600}

.sl-quote{border-left:4px solid #111;background:#f9f9f9;padding:14px 16px;border-radius:8px;margin:20px 0}
.sl-faq details{border:1px solid #eee;border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff}

.sl-form{margin:26px 0;padding:18px;background:#f6f6f6;border:1px solid #e5e5e5;border-radius:14px}

.sl-sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 14px;background:rgba(255,255,255,.97);border-top:1px solid #e5e5e5;display:flex;gap:8px;z-index:9999}
.sl-sticky .sl-btn{flex:1;text-align:center}

@media(min-width:768px){
    .sl-bullets{grid-template-columns:repeat(3,1fr)}
    .sl-high .grid{grid-template-columns:repeat(4,1fr)}
}

.sl-cta-wrap {
    text-align:center;
    margin-top:16px;
}

.sl-cta-wrap .sl-btn {
    display:inline-block;
    margin-bottom:10px;
}

.sl-cta-wrap .sl-trust {
    font-size:13px;
    color:#666;
    margin-top:6px;
}

.sl-btn-center { text-align:center; margin-top:12px; }

.sl-bullets {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.sl-bullets li {
    list-style: none !important;
}

.post-entry a.custom-btn-primary,
.container-single .post-entry a.custom-btn-primary {
    color: #b3830e !important;       /* colore testo */
    background-color: #111 !important; /* opzionale: sfondo nero */
    border-color: #b3830e !important;  /* opzionale: bordo oro */
}

/* Nascondo i br dentro i pulsanti */
.sl-btn br {
    display: none;
}

/* Whatsapp */
:root{ --sl-sticky-h: 0px; } /* lo aggiorniamo via JS se c'è la barra .sl-sticky */

/* Visibile dove l'HTML è presente: fisso in basso a destra (mobile + desktop) */
.sl-whatsapp-fab{
    position: fixed;
    right: 18px;
    bottom: calc(var(--sl-sticky-h) + 18px + env(safe-area-inset-bottom));
    z-index: 10010; /* sopra la .sl-sticky (9999) */
    width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: #25D366; color: #fff; text-decoration: none;
    box-shadow: 0 6px 16px rgba(0,0,0,.2);
    transition: transform .15s ease, box-shadow .15s ease;
}

/* hover/focus */
.sl-whatsapp-fab:hover,
.sl-whatsapp-fab:focus{
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    outline: none;
    color: #fff !important;            /* l'SVG con fill=currentColor eredita questo */
    text-decoration: none !important;
}

/* Se stai usando l'SVG inline, assicura l'ereditarietà del colore */
.sl-whatsapp-fab svg path{
    fill: currentColor !important;
}

/* Se invece usi Font Awesome */
.sl-whatsapp-fab .fab{
    color: #fff !important;
}


.sl-whatsapp-fab:focus-visible{
    box-shadow: 0 0 0 3px rgba(37,211,102,.4), 0 6px 16px rgba(0,0,0,.2);
}

/* Desktop: un filo più grande e distanziato */
@media (min-width: 992px){
    .sl-whatsapp-fab{
        right:24px;
        bottom: calc(var(--sl-sticky-h, 0px) + 24px); /* usa la variabile anche su desktop */
        width:64px; height:64px;
    }
}

/* Mobile (<=991px): sposta la bolla un po' a sinistra */
@media (max-width: 991px){
    .sl-whatsapp-fab{
        right: 34px !important;  /* era ~18px: +16px verso sinistra */
    }
}

/* Desktop (>=992px): idem, spostata leggermente */
@media (min-width: 992px){
    .sl-whatsapp-fab{
        right: 40px !important;  /* era ~24px: +16px verso sinistra */
    }
}

/* Forza il bianco SOLO sull’icona/bottone WhatsApp dentro i post */
.container-single .post-entry a.sl-whatsapp-fab,
.container-single .post-entry a.sl-whatsapp-fab:visited,
.container-single .post-entry a.sl-whatsapp-fab:hover,
.container-single .post-entry a.sl-whatsapp-fab:focus{
    color:#fff !important;            /* sovrascrive .post-entry a { color: ... !important } */
    text-decoration:none !important;
}

/* Se usi l’SVG inline (consigliato) */
.container-single .post-entry a.sl-whatsapp-fab svg,
.container-single .post-entry a.sl-whatsapp-fab svg *{
    fill:#fff !important;             /* icona bianca in ogni stato */
}