.wa-widget{position:fixed;right:24px;bottom:24px;z-index:1000;font-family:Arial,Helvetica,sans-serif;color:#202522}
.wa-head-link{display:inline-flex;align-items:center;gap:8px;margin-right:12px;color:#1f7a4d!important;text-decoration:none!important;font-size:12px;font-weight:700;letter-spacing:.04em}
.wa-head-link svg{width:20px;height:20px;fill:#25d366}
.wa-launcher{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:0 19px 0 15px;border:0;border-radius:999px;background:#25d366;color:#073b20;box-shadow:0 8px 28px #10291d3b;cursor:pointer;font-weight:700}
.wa-launcher:hover{background:#1fbd5b}
.wa-launcher svg{width:29px;height:29px;fill:currentColor}
.wa-launcher-label{font-size:13px}
.wa-badge{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border:2px solid white;border-radius:50px;background:#e53935;color:white;font-size:11px;line-height:1;font-weight:800;box-shadow:0 2px 6px #0003}
.wa-panel{position:absolute;right:0;bottom:72px;width:min(360px,calc(100vw - 32px));max-height:min(610px,calc(100dvh - 110px));overflow:auto;border-radius:16px;background:#fff;box-shadow:0 14px 50px #10291d42;transform-origin:bottom right;animation:wa-pop .18s ease-out}
.wa-panel[hidden]{display:none}
@keyframes wa-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.wa-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:#075e54;color:#fff}
.wa-brand{display:flex;align-items:center;gap:10px}
.wa-brand svg{width:34px;height:34px;fill:white}
.wa-brand strong{display:block;font-size:14px}
.wa-brand small{display:block;margin-top:3px;color:#d0eee2;font-size:11px}
.wa-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff24;color:white;font-size:20px;cursor:pointer}
.wa-panel-body{padding:18px}
.wa-greeting{margin:0 0 16px;padding:13px 14px;border-radius:4px 13px 13px;background:#f1f5ef;color:#38463d;font-size:13px;line-height:1.55}
.wa-contact-number{margin:0 0 14px;color:#647168;font-size:12px}
.wa-message-label{display:block;margin-bottom:7px;color:#39443d;font-size:12px;font-weight:700}
.wa-message{display:block;width:100%;min-height:88px;resize:vertical;padding:11px;border:1px solid #d8dfd9;border-radius:8px;font:13px/1.5 Arial,Helvetica,sans-serif}
.wa-send{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin-top:12px;border:0;border-radius:8px;background:#25d366;color:#06391f;text-decoration:none;font-size:13px;font-weight:700}
.wa-send:hover{background:#1fbd5b;color:#06391f}
.wa-send svg{width:18px;height:18px;fill:currentColor}
.wa-email{display:block;margin-top:13px;color:#52705e;text-align:center;font-size:12px}
.wa-note{margin:13px 0 0;color:#778179;text-align:center;font-size:10px;line-height:1.45}
@media(max-width:640px){.wa-widget{right:15px;bottom:16px}.wa-launcher{width:58px;height:58px;min-height:58px;justify-content:center;padding:0}.wa-launcher-label{display:none}.wa-panel{right:0;bottom:70px;width:min(360px,calc(100vw - 30px));max-height:calc(100dvh - 92px)}}
@media(prefers-reduced-motion:reduce){.wa-panel{animation:none}}
.footer-social-row.has-wa-widget{height:auto;min-height:62px;justify-content:space-between;gap:14px}
.footer-social-links{display:flex;align-items:center;gap:12px}
.wa-widget.wa-in-footer{position:relative;right:auto;bottom:auto}
@media(max-width:640px){.footer-social-links{gap:8px}.footer-social-links a{width:32px;height:32px}.footer-social-links img{width:26px;height:26px}}
@media(max-width:380px){.footer-social-links{gap:4px}.footer-social-links a{width:28px;height:28px}.footer-social-links img{width:24px;height:24px}}
/* A prompt is hidden after opening; it is not an unread conversation count. */
.wa-badge[hidden]{display:none!important}

/* Personal contact portrait and equally clear WhatsApp / email actions. */
.wa-widget,.wa-message{font-family:Manrope,Arial,Helvetica,sans-serif}
.wa-widget *{box-sizing:border-box}
.wa-avatar{display:block;width:44px;height:44px;max-width:none;border-radius:50%;object-fit:cover;object-position:center;border:2px solid #ffffffb3;background:#edece7;flex-shrink:0}
.wa-widget .wa-launcher img.wa-avatar,.wa-widget .wa-brand img.wa-avatar{width:44px;height:44px;max-width:none;object-fit:cover;border-radius:50%}
.wa-brand{min-width:0}.wa-brand>div{min-width:0}.wa-brand strong{font-size:12px;line-height:1.4}
.wa-launcher{padding-left:7px;gap:11px}
.wa-launcher-portrait{position:relative;display:block;flex-shrink:0}
.wa-avatar-channel{position:absolute;right:-3px;bottom:-1px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #25d366;border-radius:50%;background:#075e54;color:white}
.wa-avatar-channel svg{width:12px;height:12px;fill:currentColor}
.wa-email{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin-top:10px;padding:10px 14px;border:1px solid #a8b8ad;border-radius:8px;background:#f7f6f2;color:#21473b;font-size:13px;font-weight:700;text-decoration:none}
.wa-email svg{width:19px;height:19px;flex-shrink:0}.wa-email:hover{background:#eaf0eb;border-color:#21473b;color:#21473b}
/* Footer docking must not inherit the small social-icon link dimensions. */
.wa-widget .wa-panel a.wa-send,.wa-widget .wa-panel a.wa-email{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:46px;border-radius:8px;transform:none;transition:background .15s}
.wa-widget .wa-panel a.wa-send{background:#25d366;color:#06391f;border:0}.wa-widget .wa-panel a.wa-send:hover{background:#1fbd5b}
.wa-widget .wa-panel a.wa-email{background:#f7f6f2;color:#21473b;border:1px solid #a8b8ad}.wa-widget .wa-panel a.wa-email:hover{background:#eaf0eb;border-color:#21473b}
.wa-widget .wa-panel p.wa-greeting{color:#38463d}.wa-widget .wa-panel p.wa-contact-number{color:#647168}.wa-widget .wa-panel p.wa-note{color:#778179}
.wa-launcher:focus-visible,.wa-close:focus-visible,.wa-send:focus-visible,.wa-email:focus-visible{outline:3px solid #a37337;outline-offset:4px}
@media(max-width:640px){.wa-launcher{padding:0}.wa-launcher .wa-avatar{width:44px;height:44px}}