.contact-method-icon img { display: block; width: 26px; height: 26px; object-fit: contain; }
.whatsapp-float { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 35; display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #66e6a56b; border-radius: 50%; background: #142c28; box-shadow: 0 8px 26px #0005; transition: transform .3s ease, background .3s ease; }
.whatsapp-float img { display: block; width: 30px; height: 30px; }
.whatsapp-float-label { position: absolute; right: calc(100% + 12px); top: 50%; padding: 9px 14px; white-space: nowrap; background: #182233; border: 1px solid #8ea8d540; border-radius: 9px; color: #edf3fc; font-size: .875rem; line-height: 1.5; opacity: 0; transform: translate(5px, -50%); pointer-events: none; transition: transform .25s ease, opacity .25s ease; }
.whatsapp-float:focus-visible { outline: 2px solid #97ecc0; outline-offset: 5px; }
.whatsapp-float:focus-visible .whatsapp-float-label { opacity: 1; transform: translate(0, -50%); }
body.modal-open .whatsapp-float, body:has(dialog[open]) .whatsapp-float, body:has(.menu-toggle[aria-expanded="true"]) .whatsapp-float { visibility: hidden; }
@media (hover: hover) and (pointer: fine) {
  .whatsapp-float:hover { transform: translateY(-3px); background: #1b3c31; }
  .whatsapp-float:hover .whatsapp-float-label { opacity: 1; transform: translate(0, -50%); }
}
@media (max-width: 679px) {
  .whatsapp-float { width: 52px; height: 52px; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); }
  .site-footer, .journal-footer { padding-bottom: 88px; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp-float, .whatsapp-float-label { transition: none; }
  .whatsapp-float:hover { transform: none; }
}