/* =========================================================
   2026 BUTTON SYSTEM — final override, loaded last
   ========================================================= */

:root{
  --btn-radius:14px;
  --btn-h:46px;
  --btn-pad-x:20px;
  --btn-font:600 0.95rem/1.1 Arial,Helvetica,sans-serif;

  --medical:#1f6b57;
  --medical-hover:#174f42;
  --medical-soft:#eef8f4;

  --gold:#c99b38;
  --gold-hover:#a97e24;

  --whatsapp:#25D366;
  --whatsapp-hover:#20bb5a;

  --maps:#4285F4;
  --maps-hover:#2f6fdb;

  --phone:#32a89d;
  --phone-hover:#278b82;

  --ink:#153f35;
  --white:#fff;
}

/* Base reset for interactive controls */
a.btn, button, [role="button"],
.visage-tab, .filter-pill, .med-toggle,
.learn-more, .more-link, .read-more,
.article-cta, .blog-teaser-link,
[data-preform-open]{
  -webkit-tap-highlight-color:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    filter .18s ease!important;
}

/* ===== PRIMARY MEDICAL CTA ===== */
[data-preform-open],
.btn-primary,
.cta-primary,
.preconsultation-btn{
  min-height:var(--btn-h)!important;
  padding:0 var(--btn-pad-x)!important;
  border-radius:var(--btn-radius)!important;
  border:1px solid var(--medical)!important;
  background:var(--medical)!important;
  background-image:none!important;
  color:var(--white)!important;
  font:var(--btn-font)!important;
  box-shadow:0 8px 18px rgba(31,107,87,.16)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}
[data-preform-open]:hover,
.btn-primary:hover,
.cta-primary:hover,
.preconsultation-btn:hover{
  transform:translateY(-2px)!important;
  background:var(--medical-hover)!important;
  border-color:var(--medical-hover)!important;
  box-shadow:0 12px 24px rgba(31,107,87,.22)!important;
}

/* ===== WHATSAPP: official green ===== */
a[href*="wa.me"],
a[href*="whatsapp.com"],
.rm-header-whatsapp,
.whatsapp-btn,
.floating-whatsapp{
  min-height:var(--btn-h)!important;
  padding:0 var(--btn-pad-x)!important;
  border-radius:var(--btn-radius)!important;
  border:1px solid var(--whatsapp)!important;
  background:var(--whatsapp)!important;
  background-image:none!important;
  color:#fff!important;
  font:var(--btn-font)!important;
  box-shadow:0 8px 18px rgba(37,211,102,.18)!important;
}
a[href*="wa.me"] *,
a[href*="whatsapp.com"] *,
.rm-header-whatsapp *,
.whatsapp-btn *{color:#fff!important}
a[href*="wa.me"]:hover,
a[href*="whatsapp.com"]:hover,
.rm-header-whatsapp:hover,
.whatsapp-btn:hover,
.floating-whatsapp:hover{
  transform:translateY(-2px)!important;
  background:var(--whatsapp-hover)!important;
  border-color:var(--whatsapp-hover)!important;
  box-shadow:0 12px 24px rgba(37,211,102,.26)!important;
}

/* ===== INSTAGRAM: brand gradient ===== */
a[href*="instagram.com"],
.rm-header-instagram,
.instagram-btn,
.instagram-link,
.instagram-cta{
  min-height:var(--btn-h)!important;
  padding:0 var(--btn-pad-x)!important;
  border-radius:var(--btn-radius)!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:var(--btn-font)!important;
  box-shadow:0 8px 18px rgba(193,53,132,.16)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
}
a[href*="instagram.com"] *,
.rm-header-instagram *,
.instagram-btn *,
.instagram-link *,
.instagram-cta *{color:#fff!important}
a[href*="instagram.com"]:hover,
.rm-header-instagram:hover,
.instagram-btn:hover,
.instagram-link:hover,
.instagram-cta:hover{
  transform:translateY(-2px)!important;
  filter:brightness(.96)!important;
  box-shadow:0 12px 24px rgba(193,53,132,.24)!important;
}

/* ===== GOOGLE MAPS ===== */
a[href*="maps.google"],
a[href*="google.com/maps"],
.map-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid rgba(66,133,244,.28)!important;
  background:rgba(66,133,244,.08)!important;
  background-image:none!important;
  color:#245db8!important;
  font-weight:750!important;
  box-shadow:none!important;
}
a[href*="maps.google"]:hover,
a[href*="google.com/maps"]:hover,
.map-link:hover{
  background:var(--maps)!important;
  border-color:var(--maps)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

/* ===== PHONE / TEL ===== */
a[href^="tel:"]{
  color:var(--phone)!important;
  font-weight:800!important;
}
a[href^="tel:"]:hover{color:var(--phone-hover)!important}

/* ===== EN SAVOIR PLUS / READ MORE =====
   Premium neutral CTA: no random green rectangle */
.learn-more, a.learn-more,
.more-link, a.more,
.read-more,
.treatment-card a:not([href*="instagram"]):not([href*="wa.me"]),
.service-card a:not([href*="instagram"]):not([href*="wa.me"]){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:max-content!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(31,107,87,.24)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.56)!important;
  background-image:none!important;
  color:var(--medical)!important;
  box-shadow:0 5px 14px rgba(31,89,72,.06)!important;
  font:var(--btn-font)!important;
}
.learn-more:hover, a.learn-more:hover,
.more-link:hover, a.more:hover,
.read-more:hover,
.treatment-card a:not([href*="instagram"]):not([href*="wa.me"]):hover,
.service-card a:not([href*="instagram"]):not([href*="wa.me"]):hover{
  transform:translateY(-1px)!important;
  background:var(--medical)!important;
  border-color:var(--medical)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(31,89,72,.13)!important;
}

/* ===== TABS / FILTERS ===== */
.visage-tab,
.filter-pill{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(31,107,87,.22)!important;
  color:var(--ink)!important;
  box-shadow:0 4px 12px rgba(31,89,72,.05)!important;
  font:var(--btn-font)!important;
}
.visage-tab:hover,
.filter-pill:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(31,107,87,.42)!important;
  box-shadow:0 7px 16px rgba(31,89,72,.09)!important;
}
.visage-tab.active,
.filter-pill.active,
.visage-tab[aria-selected="true"]{
  background:var(--medical)!important;
  border-color:var(--medical)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(31,107,87,.15)!important;
}

/* ===== ACCORDION BUTTONS ===== */
.med-toggle,
.accordion-header{
  border-radius:16px!important;
  border:1px solid rgba(31,107,87,.20)!important;
  background:rgba(255,255,255,.48)!important;
  color:var(--ink)!important;
  box-shadow:0 6px 16px rgba(31,89,72,.06)!important;
}
.med-toggle:hover,
.accordion-header:hover{
  background:#f7fcf9!important;
  border-color:rgba(31,107,87,.35)!important;
  transform:translateY(-1px)!important;
}

/* ===== HEADER ACTIONS ===== */
.rm-header-actions{
  gap:10px!important;
}
.rm-header-actions a{
  white-space:nowrap!important;
}

/* ===== ACCESSIBILITY ===== */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{
  outline:3px solid rgba(201,155,56,.65)!important;
  outline-offset:3px!important;
}
@media(max-width:600px){
  a.btn,button,[role="button"],
  .visage-tab,.filter-pill,.learn-more,.more-link,.read-more,
  [data-preform-open]{
    min-height:46px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  a,button,[role="button"]{
    transition:none!important;
  }
}