/* =========================================================
   SEMANTIC BUTTON FIX
   Brand colors only for real brand actions.
   Loaded last.
   ========================================================= */

/* 1) EN SAVOIR PLUS / treatment links stay MEDICAL,
      even when destination happens to be WhatsApp */
.visage-link,
.learn-more,
.more-link,
.read-more,
.treatment-card a,
.service-card a,
.corps-item a,
.visage-item a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
  min-width:150px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  border:1px solid #1f6b57!important;
  background:#1f6b57!important;
  background-image:none!important;
  color:#fff!important;
  font-size:.94rem!important;
  font-weight:750!important;
  line-height:1!important;
  box-shadow:0 7px 17px rgba(31,107,87,.14)!important;
}
.visage-link *,
.learn-more *,
.more-link *,
.read-more *,
.treatment-card a *,
.service-card a *,
.corps-item a *,
.visage-item a *{
  color:#fff!important;
}
.visage-link:hover,
.learn-more:hover,
.more-link:hover,
.read-more:hover,
.treatment-card a:hover,
.service-card a:hover,
.corps-item a:hover,
.visage-item a:hover{
  transform:translateY(-2px)!important;
  background:#174f42!important;
  border-color:#174f42!important;
  color:#fff!important;
  box-shadow:0 11px 23px rgba(31,107,87,.21)!important;
}

/* 2) REAL WhatsApp CTAs only:
      header, explicit whatsapp classes, buttons whose text/action is WhatsApp */
.rm-header-whatsapp,
.whatsapp-btn,
.results-cta-btn.whatsapp,
a.btn[href*="wa.me"],
a.btn[href*="whatsapp.com"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:0 21px!important;
  border-radius:14px!important;
  border:1px solid #25D366!important;
  background:#25D366!important;
  background-image:none!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(37,211,102,.22)!important;
}
.rm-header-whatsapp *,
.whatsapp-btn *,
.results-cta-btn.whatsapp *,
a.btn[href*="wa.me"] *,
a.btn[href*="whatsapp.com"] *{
  color:#fff!important;
}
.rm-header-whatsapp:hover,
.whatsapp-btn:hover,
.results-cta-btn.whatsapp:hover,
a.btn[href*="wa.me"]:hover,
a.btn[href*="whatsapp.com"]:hover{
  transform:translateY(-2px)!important;
  background:#1fb95a!important;
  border-color:#1fb95a!important;
  box-shadow:0 12px 25px rgba(37,211,102,.30)!important;
}

/* 3) REAL Instagram CTAs */
.rm-header-instagram,
.instagram-btn,
.instagram-link,
.instagram-cta,
a.btn[href*="instagram.com"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:0 21px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  background:linear-gradient(135deg,#833AB4 0%,#C13584 28%,#E1306C 52%,#F56040 75%,#FCAF45 100%)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(193,53,132,.20)!important;
}
.rm-header-instagram *,
.instagram-btn *,
.instagram-link *,
.instagram-cta *,
a.btn[href*="instagram.com"] *{
  color:#fff!important;
}

/* 4) Floating WhatsApp — exact actual class, ICON ONLY */
.float-whatsapp{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:9999!important;
  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;
  margin:0!important;
  border-radius:50%!important;
  border:2px solid #fff!important;
  background:#25D366!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(21,85,63,.25)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-indent:-9999px!important;
  font-size:0!important;
  overflow:hidden!important;
}
.float-whatsapp svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  fill:#fff!important;
  color:#fff!important;
  text-indent:0!important;
}
.float-whatsapp:hover{
  transform:translateY(-3px) scale(1.04)!important;
  background:#1fb95a!important;
  box-shadow:0 14px 32px rgba(21,85,63,.32)!important;
}

/* 5) Explicit Instagram content links that are not treatment "En savoir plus" */
a[href*="instagram.com"]:not(.visage-link):not(.learn-more):not(.more-link):not(.read-more):not(.treatment-card a):not(.service-card a){
  color:#fff!important;
}

/* Mobile */
@media(max-width:600px){
  .float-whatsapp{
    right:16px!important;
    bottom:16px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
  }
  .float-whatsapp svg{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
  }
}