/* WhatsApp branding based on the two user-supplied resources. */

/* Floating WhatsApp control: use the full supplied wordmark on a clean white pill. */
a.whatsapp[href*="wa.me"],
a.whatsapp[href*="whatsapp.com"]{
  width:158px!important;
  min-width:158px!important;
  height:50px!important;
  min-height:50px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid rgba(37,211,102,.44)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 10px 28px rgba(15,44,73,.14)!important;
  overflow:hidden!important;
}
a.whatsapp[href*="wa.me"]::before,
a.whatsapp[href*="whatsapp.com"]::before{
  content:""!important;
  display:block!important;
  width:130px!important;
  height:31px!important;
  flex:0 0 130px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent url('/assets/whatsapp-wordmark.svg?v=1') center/contain no-repeat!important;
}
a.whatsapp[href*="wa.me"]::after,
a.whatsapp[href*="whatsapp.com"]::after{content:none!important;display:none!important}
a.whatsapp[href*="wa.me"]:hover,
a.whatsapp[href*="whatsapp.com"]:hover{
  background:#fff!important;
  border-color:#25D366!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 32px rgba(37,211,102,.18)!important;
}

/* All other WhatsApp buttons use the supplied standalone WhatsApp icon. */
a.btn[href*="wa.me"],
a.btn[href*="whatsapp.com"]{
  gap:8px!important;
}
a.btn[href*="wa.me"]::before,
a.btn[href*="whatsapp.com"]::before{
  content:""!important;
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent url('/assets/whatsapp-icon.svg?v=1') center/contain no-repeat!important;
}

/* Contact rows and other WhatsApp links receive the same supplied icon. */
a.contact-link[href*="wa.me"],
a.contact-link[href*="whatsapp.com"]{
  position:relative!important;
  padding-left:30px!important;
}
a.contact-link[href*="wa.me"]::before,
a.contact-link[href*="whatsapp.com"]::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:19px!important;
  height:19px!important;
  transform:translateY(-50%)!important;
  background:transparent url('/assets/whatsapp-icon.svg?v=1') center/contain no-repeat!important;
}
a.contact-link[href*="wa.me"] .contact-icon,
a.contact-link[href*="whatsapp.com"] .contact-icon,
a.btn[href*="wa.me"] .icon,
a.btn[href*="whatsapp.com"] .icon{display:none!important}

/* Fallback for plain WhatsApp links that are neither buttons nor contact rows. */
a[href*="wa.me"]:not(.whatsapp):not(.btn):not(.contact-link),
a[href*="whatsapp.com"]:not(.whatsapp):not(.btn):not(.contact-link){
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
a[href*="wa.me"]:not(.whatsapp):not(.btn):not(.contact-link)::before,
a[href*="whatsapp.com"]:not(.whatsapp):not(.btn):not(.contact-link)::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  background:transparent url('/assets/whatsapp-icon.svg?v=1') center/contain no-repeat!important;
}

@media(max-width:620px){
  a.whatsapp[href*="wa.me"],a.whatsapp[href*="whatsapp.com"]{
    width:146px!important;min-width:146px!important;height:47px!important;min-height:47px!important;padding:8px 12px!important
  }
  a.whatsapp[href*="wa.me"]::before,a.whatsapp[href*="whatsapp.com"]::before{
    width:120px!important;height:29px!important;flex-basis:120px!important
  }
  a.btn[href*="wa.me"]::before,a.btn[href*="whatsapp.com"]::before{width:18px!important;height:18px!important;flex-basis:18px!important}
}