/* The anchor text should be “Chat on WhatsApp”; its real URL is supplied by PHP. */
body .mbr-whatsapp-float,
body .mbr-whatsapp-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  min-width:44px;
  padding:12px 18px;
  border:1px solid #245e4e;
  border-radius:7px;
  background:#073b2d;
  color:#fff;
  font:700 15px/1.4 Inter,Arial,sans-serif;
  text-align:center;
  text-decoration:none;
  overflow-wrap:anywhere;
  cursor:pointer;
  transition:background-color .16s,box-shadow .16s;
}
body .mbr-whatsapp-float{
  position:fixed;
  z-index:1001;
  right:calc(20px + env(safe-area-inset-right,0px));
  bottom:calc(16px + var(--mbr-whatsapp-preview-offset,0px) + env(safe-area-inset-bottom,0px));
  width:max-content;
  max-width:calc(100vw - 40px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  min-height:56px;
  padding:14px 20px;
  box-shadow:0 5px 22px #102a2433;
}
body .mbr-whatsapp-link{max-width:100%}
.mbr-site-footer .mbr-footer-phone{display:block;width:max-content;max-width:100%;margin-bottom:14px}
.mbr-site-footer .mbr-whatsapp-link{margin-bottom:14px}
body .mbr-whatsapp-float svg,
body .mbr-whatsapp-link svg{
  display:block;
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:#66e995;
}
body .mbr-whatsapp-float:hover,
body .mbr-whatsapp-link:hover{background:#105440;color:#fff;text-decoration:none}
body .mbr-whatsapp-float:focus-visible,
body .mbr-whatsapp-link:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 7px #073b2d;
}
@media(max-width:650px){
  body .mbr-whatsapp-float{
    right:calc(16px + env(safe-area-inset-right,0px));
    max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
    min-height:52px;
    padding:12px 16px;
    font-size:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  body .mbr-whatsapp-float,body .mbr-whatsapp-link{transition:none}
}
@media(forced-colors:active){
  body .mbr-whatsapp-float,body .mbr-whatsapp-link{border:2px solid ButtonText}
  body .mbr-whatsapp-float:focus-visible,body .mbr-whatsapp-link:focus-visible{outline:3px solid Highlight;box-shadow:none}
}
.mbr-header-actions{display:contents}
@media screen{
  body.mbr-whatsapp-enabled{padding-bottom:var(--mbr-whatsapp-preview-offset,0px)}
  .mbr-site-header .mbr-header-inner{gap:8px}
  .mbr-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
  body .mbr-header-actions .mbr-whatsapp-float{position:static;display:inline-flex;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;max-width:none;margin:0;padding:0;border-radius:7px;box-shadow:none}
  .mbr-header-actions .mbr-menu-toggle>span:last-child,
  .mbr-header-actions .mbr-whatsapp-float>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .mbr-header-actions .mbr-menu-toggle{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;flex:0 0 44px}
}
@media(min-width:1280px){
  body .mbr-header-actions .mbr-whatsapp-float{flex:0 0 auto;width:auto;padding:0 16px}
  .mbr-header-actions .mbr-whatsapp-float>span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
}
@media(max-width:370px){
  /* Keep the signed-in preview toolbar from wrapping over the mobile controls. */
  body.mbr-refreshed #wpadminbar #wp-admin-bar-wpseo-menu{display:none}
  .mbr-site-header .mbr-header-inner{padding-left:16px;padding-right:16px}
  .mbr-refreshed .mbr-site-header .mbr-brand{gap:8px}
  .mbr-site-header .mbr-brand-icon{width:32px;height:32px}
  .mbr-site-header .mbr-brand-icon svg{width:23px;height:23px}
  .mbr-site-header .mbr-brand strong{font-size:15px;letter-spacing:0}
  .mbr-site-header .mbr-brand small{font-size:10px;letter-spacing:.1em}
}
@media print{
  body .mbr-whatsapp-float{display:none!important}
  body.mbr-whatsapp-enabled{padding-bottom:0}
}


/* Refined mobile header controls: clearer WhatsApp mark and centred menu bars. */
@media (max-width:950px){
  .mbr-header-actions{gap:10px}
  body .mbr-header-actions .mbr-whatsapp-float,
  .mbr-header-actions .mbr-menu-toggle{width:46px;min-width:46px;height:46px;min-height:46px;flex:0 0 46px;border-radius:8px}
  body .mbr-header-actions .mbr-whatsapp-float{background:#075e54;border-color:#1c8f76}
  body .mbr-header-actions .mbr-whatsapp-float svg{width:26px;height:26px;flex:0 0 26px;color:#ecfff5}
  .mbr-header-actions .mbr-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border-color:#ffffff47}
  .mbr-header-actions .mbr-menu-bars{display:block;width:20px;height:2px;margin:0;border:0;border-radius:999px;background:currentColor;position:relative}
  .mbr-header-actions .mbr-menu-bars::before,
  .mbr-header-actions .mbr-menu-bars::after{content:'';position:absolute;left:0;width:20px;height:2px;border:0;border-radius:999px;background:currentColor}
  .mbr-header-actions .mbr-menu-bars::before{top:-6px}
  .mbr-header-actions .mbr-menu-bars::after{top:6px}
}
