/* =========================================================
   FINAL VISUAL / CTA / LOGO FIX — loaded last
   ========================================================= */

/* 1) LOGO — show the full real logo clearly */
.rm-header-shell{min-height:112px!important}
.rm-brand{
  min-width:300px!important;
  width:300px!important;
  flex:0 0 300px!important;
  display:flex!important;
  align-items:center!important;
}
.rm-brand-mark{
  width:290px!important;
  height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.rm-brand-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  filter:none!important;
  opacity:1!important;
}
@media(max-width:1500px){
  .rm-brand{min-width:250px!important;width:250px!important;flex-basis:250px!important}
  .rm-brand-mark{width:240px!important;height:82px!important}
}
@media(max-width:1200px){
  .rm-brand{min-width:220px!important;width:220px!important;flex-basis:220px!important}
  .rm-brand-mark{width:210px!important;height:74px!important}
}
@media(max-width:800px){
  .rm-header-shell{min-height:auto!important}
  .rm-brand{min-width:190px!important;width:190px!important;flex-basis:190px!important}
  .rm-brand-mark{width:185px!important;height:68px!important}
}
@media(max-width:520px){
  .rm-brand{min-width:170px!important;width:170px!important;flex-basis:170px!important}
  .rm-brand-mark{width:165px!important;height:62px!important}
}

/* 2) WHATSAPP — official green, white text */
a[href*="wa.me"],
a[href*="whatsapp.com"],
.rm-header-whatsapp,
.whatsapp-btn,
.floating-whatsapp,
[class*="whatsapp"]{
  background:#25D366!important;
  color:#ffffff!important;
  border-color:#25D366!important;
  text-shadow:none!important;
}
a[href*="wa.me"] *,
a[href*="whatsapp.com"] *,
.rm-header-whatsapp *,
.whatsapp-btn *,
[class*="whatsapp"] *{
  color:#ffffff!important;
}
a[href*="wa.me"]:hover,
a[href*="whatsapp.com"]:hover,
.rm-header-whatsapp:hover,
.whatsapp-btn:hover,
.floating-whatsapp:hover{
  background:#1fb95a!important;
  color:#ffffff!important;
  border-color:#1fb95a!important;
}

/* 3) INSTAGRAM — recognizable gradient, white text */
a[href*="instagram.com"],
.rm-header-instagram,
[class*="instagram-btn"]{
  background:linear-gradient(135deg,#833AB4 0%,#C13584 28%,#E1306C 52%,#F56040 75%,#FCAF45 100%)!important;
  color:#ffffff!important;
  border-color:transparent!important;
  text-shadow:none!important;
}
a[href*="instagram.com"] *,
.rm-header-instagram *,
[class*="instagram-btn"] *{
  color:#ffffff!important;
}
a[href*="instagram.com"]:hover,
.rm-header-instagram:hover{
  filter:brightness(.96)!important;
  color:#ffffff!important;
}

/* 4) PRE-CONSULTATION — dark button must use white text */
[data-preform-open],
.btn[data-preform-open],
button[data-preform-open],
.preconsultation-btn,
[class*="pre-consult"]{
  background:#1b604f!important;
  color:#ffffff!important;
  border-color:#1b604f!important;
  text-shadow:none!important;
  font-weight:800!important;
}
[data-preform-open] *,
.preconsultation-btn *,
[class*="pre-consult"] *{
  color:#ffffff!important;
}
[data-preform-open]:hover{
  background:#154b3e!important;
  color:#ffffff!important;
}

/* 5) BLOG CTA — strong readable text on dark green */
.blog-teaser-link,
.read-more,
.article-cta,
.article-cta *,
.blog-card .read-more,
.article-card .read-more,
.blog-teaser-card .blog-teaser-link{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.blog-teaser-card,
.article-card{
  --blog-ink:#123c32;
}
.blog-teaser-card a,
.article-card a{
  text-decoration-color:rgba(255,255,255,.7)!important;
}

/* Any large green full-width article button */
a:has(.blog-teaser-link),
a:has(.read-more){
  color:#ffffff!important;
}

/* 6) FOOTER — never dark text on dark green */
.footer,.site-footer,footer{
  color:#ffffff!important;
}
.footer a,.site-footer a,footer a,
.footer p,.site-footer p,footer p,
.footer span,.site-footer span,footer span,
.footer-bottom,.footer-bottom-line{
  color:#ffffff!important;
  opacity:1!important;
}
.footer-links a,.site-footer nav a{
  color:#ffffff!important;
  font-weight:700!important;
}
.footer-links a:hover,.site-footer nav a:hover{
  color:#f2c86a!important;
}

/* 7) Generic dark-green CTAs — white text if clearly CTA/button */
a.btn-primary, button.btn-primary,
.cta-primary, .cta-dark, .article-button,
button[class*="cta"], a[class*="cta"]{
  color:#ffffff!important;
}
a.btn-primary *, button.btn-primary *,
.cta-primary *, .cta-dark *, .article-button *{
  color:#ffffff!important;
}

/* 8) Phone/contact readability remains dark on light background */
.contact-info-row strong,
.contact-info-row a[href^="tel:"],
.contact-card a[href^="tel:"],
.contact-card .phone{
  color:#113d33!important;
  opacity:1!important;
  font-weight:800!important;
}