/* Visible by default. Reveal animations are started only after observation by JS. */
.evs-reveal { --evs-reveal-x: 0px; --evs-reveal-y: 20px; }
.evs-reveal--left { --evs-reveal-x: -20px; --evs-reveal-y: 0px; }
.evs-reveal--right { --evs-reveal-x: 20px; --evs-reveal-y: 0px; }
.evs-whatsapp {
 position: fixed; right: max(24px, env(safe-area-inset-right));
 bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 900;
 display: inline-flex; align-items: center; justify-content: center;
 width: 58px; height: 58px; border-radius: 50%; background: #128C48; color: #fff;
 box-shadow: 0 4px 16px rgb(16 24 40 / 20%); text-decoration: none;
 transition: transform 200ms ease, box-shadow 200ms ease;
}
.evs-whatsapp:hover { color: #fff; background: #107C40; transform: scale(1.04); box-shadow: 0 6px 22px rgb(16 24 40 / 25%); }
.evs-whatsapp:focus-visible { outline: 3px solid var(--evs-primary-dark); outline-offset: 4px; box-shadow: 0 0 0 4px #fff; }
.evs-whatsapp__tooltip {
 position: absolute; right: calc(100% + 12px); width: max-content; max-width: min(260px, calc(100vw - 112px));
 padding: 8px 12px; border-radius: 8px; background: var(--evs-primary-dark); color: #fff;
 font-size: 13px; line-height: 1.5; overflow-wrap: anywhere;
 opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 150ms ease;
}
.evs-whatsapp:hover .evs-whatsapp__tooltip, .evs-whatsapp:focus-visible .evs-whatsapp__tooltip { opacity: 1; visibility: visible; }
body:has(.evs-whatsapp) .evs-footer { padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
body:has(.evs-header--menu-open) .evs-whatsapp { visibility: hidden; }
.evs-whatsapp--obstructed { visibility: hidden; pointer-events: none; }
@media (max-width: 767px) {
 .evs-whatsapp { width: 55px; height: 55px; right: max(16px, env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
 .evs-whatsapp__tooltip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto !important; }
 .evs-reveal { --evs-reveal-x: 0px; --evs-reveal-y: 0px; }
 .evs-whatsapp, .evs-whatsapp__tooltip { transition: none; animation: none; transform: none; }
}
