/* SITE-01. Styles for the consent banner, the WhatsApp button and the install button (js/site-extras.js).
 *
 * This is a stylesheet in the page head, not CSS injected by the script, on purpose: adding a
 * <style> element after the page has loaded makes the browser recalculate styles for the whole
 * document, which Lighthouse measured as two long tasks of 300 ms and more on the homepage.
 * Colours are fixed (not theme-driven) so the same box reads the same on the light homepage, the
 * dark map and the society pages; every pair was checked against WCAG AA. Text is 14px or more,
 * targets 44px. */
#zv-consent{position:fixed;z-index:2147483000;left:12px;right:12px;bottom:12px;max-width:440px;
background:#1a2321;color:#f1f7f5;border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:16px;
box-shadow:0 12px 40px rgba(0,0,0,.45);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#zv-consent *{box-sizing:border-box}
#zv-consent h2{margin:0 0 6px;font-size:16px;line-height:1.3;color:#f1f7f5}
#zv-consent p{margin:0 0 12px;color:#d6e2de;font-size:14px}
#zv-consent .zv-row{display:flex;flex-wrap:wrap;gap:8px}
#zv-consent button,#zv-consent a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;
padding:0 16px;border-radius:999px;font-family:inherit;font-weight:650;font-size:15px;line-height:1.2;cursor:pointer;text-decoration:none}
#zv-consent .zv-yes{background:#00d68f;color:#00291d;border:1px solid #00d68f}
#zv-consent .zv-no{background:transparent;color:#f1f7f5;border:1px solid rgba(255,255,255,.5)}
#zv-consent a{color:#8fe6c3;border:1px solid transparent;padding:0 8px;font-weight:500;text-decoration:underline}
#zv-consent button:focus-visible,#zv-consent a:focus-visible,.zv-wa:focus-visible{outline:2px solid #8fe6c3;outline-offset:2px}
.zv-wa{position:fixed;z-index:2147482000;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:52px;min-height:52px;padding:0 14px;
border-radius:999px;background:#075e54;color:#fff;border:1px solid rgba(255,255,255,.35);text-decoration:none;
box-shadow:0 6px 22px rgba(0,0,0,.35);font:650 14px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.zv-wa svg{width:26px;height:26px;flex:none}
.zv-wa .zv-wa-label{display:none}
.zv-wa.zv-lift{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (min-width:768px){.zv-wa .zv-wa-label{display:inline}.zv-wa.zv-lift{bottom:20px}#zv-consent{left:20px;right:auto;bottom:20px}}
[data-zv-install][hidden]{display:none!important}
