/* STEP 11: overlay wallpaper parallax, contenuto leggibile */
html body,html[data-theme="light"] body{background-image:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),radial-gradient(rgba(0,0,0,.45) 1px,transparent 1.35px),url('/assets/branding/wallpaper-bavaglio.jpg')!important;background-size:100% 100%,4px 4px,clamp(670px,53vw,1030px) auto!important;background-repeat:no-repeat,repeat,repeat!important;background-position:center,0 0,center var(--bvg-wall-y,0px)!important;background-attachment:fixed,fixed,fixed!important}
/* CTA laterali: sagoma pill originale, tre gradienti scuri */
.float-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;z-index:80!important}
.float-right button[data-modal]{writing-mode:horizontal-tb!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:154px!important;min-width:154px!important;max-width:154px!important;height:37px!important;min-height:37px!important;padding:0 11px!important;border-radius:999px 0 0 999px!important;white-space:nowrap!important;font:500 11px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:.015em!important;border:1px solid rgba(255,255,255,.18)!important;border-right:0!important;color:#fff!important;opacity:.9!important;transform:none!important;transition:opacity .22s ease,filter .22s ease,box-shadow .22s ease!important}
.float-right button[data-modal="problem"]{background:linear-gradient(115deg,#77151d,#3c0d12)!important}
.float-right button[data-modal="feedback"]{background:linear-gradient(115deg,#15508f,#0b2b51)!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(115deg,#343434,#090909)!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important;filter:brightness(1.13)!important}
.whatsapp{opacity:.9!important}.whatsapp:hover{opacity:1!important}
.more{font-weight:400!important}
/* Privacy: checkbox e testo su righe distinte, niente compressione */
.drawer-dialog .form-privacy{width:100%!important;display:block!important;margin:8px 0!important}
.drawer-dialog .form-privacy>label{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:0 9px!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.55!important;font-size:11px!important}
.drawer-dialog .form-privacy input[type="checkbox"]{grid-column:1!important;grid-row:1!important;margin-top:3px!important;width:16px!important;height:16px!important}
.drawer-dialog .form-privacy .privacy-copy{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important}
.drawer-dialog .form-privacy .privacy-copy a{display:inline!important;white-space:normal!important}
/* Sidebar fissa durante scroll, ma scorre internamente se supera viewport */
@media(min-width:1101px){.tag-panel{align-self:stretch!important}.tag-panel .side-sticky{position:sticky!important;top:16px!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;overscroll-behavior:contain!important}}
/* Tre vignette affiancate desktop, due tablet, una smartphone */
@media(min-width:1101px){.layout{max-width:1750px!important;grid-template-columns:225px minmax(0,1fr)!important;gap:20px!important;padding-left:clamp(16px,2.1vw,34px)!important;padding-right:clamp(16px,2.1vw,34px)!important}.feed{min-width:0!important}.masonry{columns:3!important;column-gap:15px!important}.card{width:100%!important;break-inside:avoid!important}}
@media(min-width:720px) and (max-width:1100px){.masonry{columns:2!important;column-gap:14px!important}}
@media(max-width:719px){.masonry{columns:1!important}.float-right button[data-modal]{width:125px!important;min-width:125px!important;max-width:125px!important;height:34px!important;font-size:9.5px!important}html body,html[data-theme="light"] body{background-attachment:scroll,scroll,scroll!important;background-position:center,0 0,center top!important}}
/* Parallax leggero delle card, con comparsa progressiva */
.card{--bvg-rise:0px;transform:translate3d(0,var(--bvg-rise),0)!important;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .6s ease,box-shadow .3s ease,border-color .3s ease!important;will-change:auto!important}
.card.bvg-enter{opacity:0!important;--bvg-rise:18px}
.card.bvg-visible{opacity:1!important;--bvg-rise:0px}
@media(hover:hover){.card.bvg-visible:hover{transform:translate3d(0,-7px,0)!important;box-shadow:0 22px 46px rgba(0,0,0,.35)!important}}
@media(prefers-reduced-motion:reduce){.card,.card:hover{transition:none!important;transform:none!important}.card.bvg-enter{opacity:1!important}html body{background-position:center,0 0,center top!important}}

/* FIX 11.1: linguette verticali sul bordo destro, arrotondate verso il centro */
.float-right{position:fixed!important;right:0!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;z-index:80!important}
.float-right button[data-modal]{writing-mode:vertical-rl!important;text-orientation:mixed!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:145px!important;min-height:145px!important;max-height:145px!important;padding:12px 7px!important;border-radius:18px 0 0 18px!important;border:1px solid rgba(255,255,255,.18)!important;border-right:0!important;white-space:nowrap!important;font:500 11px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:.025em!important;text-align:center!important;opacity:.9!important;transform:none!important;box-shadow:-3px 4px 16px rgba(0,0,0,.18)!important}
.float-right button[data-modal="problem"]{background:linear-gradient(90deg,rgba(119,21,29,.9),rgba(60,13,18,.9))!important}
.float-right button[data-modal="feedback"]{background:linear-gradient(90deg,rgba(21,80,143,.9),rgba(11,43,81,.9))!important}
.float-right button[data-modal="collabora"]{background:linear-gradient(90deg,rgba(52,52,52,.9),rgba(9,9,9,.9))!important}
.float-right button[data-modal]:hover,.float-right button[data-modal]:focus-visible{opacity:1!important;filter:brightness(1.12)!important}
@media(max-width:719px){.float-right{top:50%!important;gap:5px!important}.float-right button[data-modal]{width:31px!important;min-width:31px!important;max-width:31px!important;height:112px!important;min-height:112px!important;max-height:112px!important;padding:8px 5px!important;font-size:9px!important;border-radius:14px 0 0 14px!important}}

/* STEP 11.2: linguette aderenti alla lunghezza del testo */
.float-right button[data-modal]{width:32px!important;min-width:32px!important;max-width:32px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px 8px!important;font-size:10px!important;line-height:1.15!important;letter-spacing:.015em!important;flex:0 0 auto!important}
/* WhatsApp accanto allo switch, stessa dimensione e stessa famiglia visiva */
.float-right .whatsapp-mini{position:relative!important;inset:auto!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;width:37px!important;height:43px!important;min-width:37px!important;min-height:43px!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px 0 0 9px!important;background:#262626!important;box-shadow:none!important;opacity:.9!important;transition:opacity .2s,filter .2s!important}
.float-right .whatsapp-mini:hover{opacity:1!important;filter:brightness(1.12)!important}
.float-right .whatsapp-mini img{width:23px!important;height:23px!important;object-fit:contain!important;display:block!important}
/* Icona bianca originale su fondo scuro; in tema chiaro invertiamo il colore via CSS. */
html[data-theme="light"] .float-right .whatsapp-mini{background:#f3f0e9!important;border:1px solid #c9c4bc!important}
html[data-theme="light"] .float-right .whatsapp-mini img{filter:brightness(0)!important}
@media(max-width:719px){.float-right button[data-modal]{width:28px!important;min-width:28px!important;max-width:28px!important;padding:9px 6px!important;font-size:9px!important}.float-right .whatsapp-mini{width:37px!important;height:43px!important}}