/* ============================================================ Dock fisso — volleycontrolcenter.it Due comandi sempre raggiungibili, in basso a destra: - Assistenza su WhatsApp: semplice link a wa.me (nessuno script, widget o pixel esterno; nessun messaggio inviato in automatico). - Cookie: apre lo stesso pannello preferenze di consent.js (attributo data-vcc-consent-open, listener delegato unico). Mentre banner o pannello cookie sono aperti, consent.js aggiunge a la classe .vcc-consent-ui-open e il dock si nasconde. Target minimi 44 px, safe-area iOS, larghezza minima 320 px. ============================================================ */ .vcc-dock { position: fixed; right: 12px; bottom: 12px; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); z-index: 900; /* sopra i contenuti e l'header (100), sotto banner/pannello cookie (9998/9999) */ display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(8, 8, 36, 0.88); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 10px 30px rgba(0, 0, 20, 0.55), 0 0 0 1px rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; } .vcc-dock-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; min-width: 44px; padding: 0 14px 0 11px; border: 0; border-radius: 999px; background: transparent; color: #f2f4ff; font: inherit; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0.01em; white-space: nowrap; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .vcc-dock-btn:hover { background: rgba(255, 255, 255, 0.08); } .vcc-dock-btn:active { background: rgba(255, 255, 255, 0.14); } .vcc-dock-btn:focus-visible { outline: 3px solid #38d5f5; outline-offset: 2px; } .vcc-dock-btn svg { width: 22px; height: 22px; flex: none; } .vcc-dock-wa svg { color: #25d366; } /* verde WhatsApp: icona riconoscibile */ .vcc-dock-ck svg { color: #b7c4ff; } .vcc-dock-sep { width: 1px; height: 22px; background: rgba(255, 255, 255, 0.16); } /* Il pulsante Cookie richiede consent.js (JavaScript): senza JS resta solo WhatsApp */ .vcc-dock-ck, .vcc-dock-sep { display: none; } .js .vcc-dock-ck { display: inline-flex; } .js .vcc-dock-sep { display: block; } /* Banner o pannello cookie aperti: le preferenze sono già in primo piano, il dock si ritira */ html.vcc-consent-ui-open .vcc-dock { visibility: hidden; pointer-events: none; } /* Telefoni: WhatsApp solo icona (il nome resta nell'etichetta accessibile), Cookie con testo */ @media (max-width: 480px) { .vcc-dock-wa { padding: 0 11px; } .vcc-dock-wa .vcc-dock-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } } @media (prefers-reduced-motion: no-preference) { .vcc-dock-btn { transition: background 0.15s; } } @media print { .vcc-dock { display: none; } }