/* ============================================================
   FINAL BRAND LINK BUTTONS
   Explicit semantic classes added in HTML from destination URL.
   This file is loaded LAST.
   ============================================================ */

/* WHATSAPP BUTTONS */
a.brand-whatsapp-link:not(.float-whatsapp):not(.floating-whatsapp):not(.whatsapp-float){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:0 22px!important;
  border:1px solid #25D366!important;
  border-radius:15px!important;
  background:#25D366!important;
  background-image:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:800!important;
  text-align:center!important;
  line-height:1.1!important;
  opacity:1!important;
  box-shadow:0 9px 22px rgba(37,211,102,.24)!important;
  text-decoration:none!important;
}
a.brand-whatsapp-link:not(.float-whatsapp):not(.floating-whatsapp):not(.whatsapp-float) *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
a.brand-whatsapp-link:not(.float-whatsapp):not(.floating-whatsapp):not(.whatsapp-float):hover{
  transform:translateY(-2px)!important;
  background:#1fb95a!important;
  border-color:#1fb95a!important;
  color:#ffffff!important;
  box-shadow:0 13px 28px rgba(37,211,102,.32)!important;
}

/* INSTAGRAM BUTTONS — same recognizable colors as Instagram icon */
a.brand-instagram-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(
    135deg,
    #405DE6 0%,
    #5851DB 14%,
    #833AB4 30%,
    #C13584 45%,
    #E1306C 58%,
    #FD1D1D 69%,
    #F56040 80%,
    #F77737 90%,
    #FCAF45 100%
  )!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:800!important;
  text-align:center!important;
  line-height:1.1!important;
  opacity:1!important;
  box-shadow:0 9px 22px rgba(193,53,132,.25)!important;
  text-decoration:none!important;
}
a.brand-instagram-link *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
a.brand-instagram-link svg{
  color:#ffffff!important;
  fill:#ffffff!important;
  stroke:#ffffff!important;
}
a.brand-instagram-link:hover{
  transform:translateY(-2px)!important;
  filter:brightness(.96)!important;
  color:#ffffff!important;
  box-shadow:0 13px 28px rgba(193,53,132,.33)!important;
}

/* FLOATING WHATSAPP — keep as round icon only */
a.brand-whatsapp-link.float-whatsapp,
a.brand-whatsapp-link.floating-whatsapp,
a.brand-whatsapp-link.whatsapp-float{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid #ffffff!important;
  background:#25D366!important;
  background-image:none!important;
  color:#ffffff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 26px rgba(21,85,63,.25)!important;
  overflow:hidden!important;
  font-size:0!important;
  text-indent:-9999px!important;
}
a.brand-whatsapp-link.float-whatsapp svg,
a.brand-whatsapp-link.floating-whatsapp svg,
a.brand-whatsapp-link.whatsapp-float svg{
  width:29px!important;
  height:29px!important;
  fill:#ffffff!important;
  stroke:#ffffff!important;
  color:#ffffff!important;
  text-indent:0!important;
}

@media(max-width:600px){
  a.brand-whatsapp-link:not(.float-whatsapp):not(.floating-whatsapp):not(.whatsapp-float),
  a.brand-instagram-link{
    min-height:48px!important;
    padding:0 18px!important;
  }
  a.brand-whatsapp-link.float-whatsapp,
  a.brand-whatsapp-link.floating-whatsapp,
  a.brand-whatsapp-link.whatsapp-float{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
  }
}