/* Dark-only site shell and the persistent WhatsApp contact shortcut. */
:root { color-scheme: dark; --wedx-mode-rule: color-mix(in srgb, var(--wedx-text) 24%, transparent); scroll-padding-bottom: 96px; }
.site-header .menu-toggle { order: 4; margin-inline-start: auto; }
.site-header .site-nav { order: 2; }
@media (min-width: 1024px) {
    .site-header__inner { gap: 16px; }
    .site-header .site-nav__panel { gap: 12px; }
    .site-header .site-nav__list { gap: 0; }
    .site-header .site-nav__item a { padding-inline: 6px; }
}
@media (max-width: 359px) {
    .site-header__inner { gap: 8px; }
    .site-header .logo-slot, .site-header .logo-slot img { width: 132px; }
    .site-header .menu-toggle { min-width: 72px; }
}
.whatsapp-float {
    position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom));
    z-index: 40; display: grid; place-items: center; width: 56px; height: 56px;
    padding: 0; color: var(--wedx-ivory); background: var(--wedx-forest);
    border: 1px solid color-mix(in srgb, var(--wedx-sage) 35%, transparent);
    border-radius: 50%; text-decoration: none; box-shadow: 0 6px 24px rgb(0 0 0 / 32%);
}
.whatsapp-float svg { display: block; flex: none; width: 28px; height: 28px; }
.whatsapp-float:is(:hover,:focus-visible) { color: var(--wedx-ivory); border-color: var(--wedx-sage); }
.whatsapp-float__label {
    position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%);
    padding: 9px 14px; border: 1px solid var(--wedx-forest); border-radius: 6px;
    color: var(--wedx-ivory); background: var(--wedx-black); white-space: nowrap;
    font-family: var(--wedx-font-ui); font-size: 14px; line-height: 1.5;
    opacity: 0; visibility: hidden; pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
    .whatsapp-float:is(:hover,:focus-visible) .whatsapp-float__label { opacity: 1; visibility: visible; }
}
@media (prefers-reduced-motion: no-preference) {
    .whatsapp-float { transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
    .whatsapp-float:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgb(0 0 0 / 40%); }
}
.whatsapp-float:focus-visible { outline: 3px solid var(--wedx-butter); outline-offset: 4px; }
.whatsapp-float[inert] { visibility: hidden; }
@media (max-width: 767px) { .whatsapp-float { right: max(16px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); } }