/* V39: open calculator CTA readability.
   Fixes Avaa maalämpölaskuri / Avaa laskuri white-on-white issue site-wide. */

.ml-open-calculator-cta-v39,
main a.ml-open-calculator-cta-v39,
section a.ml-open-calculator-cta-v39,
article a.ml-open-calculator-cta-v39{
  min-height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 18px !important;
  background:#06142f !important;
  background-image:linear-gradient(135deg,#06142f 0%,#09265b 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(78,227,255,.42) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  border-radius:0 !important;
}

.ml-open-calculator-cta-v39::after{
  content:"→" !important;
  color:#4ee3ff !important;
  font-weight:950 !important;
}

.ml-open-calculator-cta-v39:hover,
main a.ml-open-calculator-cta-v39:hover,
section a.ml-open-calculator-cta-v39:hover,
article a.ml-open-calculator-cta-v39:hover{
  background:#09265b !important;
  color:#ffffff !important;
  border-color:#4ee3ff !important;
}

/* Secondary quote link beside calculator CTA should also stay readable */
.ml-open-calculator-row-v39{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:22px !important;
}

.ml-open-calculator-row-v39 > a:not(.ml-open-calculator-cta-v39){
  min-height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  background:#ffffff !important;
  color:#06142f !important;
  border:1px solid #ffffff !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-shadow:none !important;
  border-radius:0 !important;
}

/* Hard override for any CTA class that includes open calculator text */
main a[class*="ml-open-calculator"],
section a[class*="ml-open-calculator"]{
  color:#ffffff !important;
}

@media(max-width:560px){
  .ml-open-calculator-row-v39{
    width:100% !important;
  }

  .ml-open-calculator-row-v39 > a,
  .ml-open-calculator-cta-v39{
    width:100% !important;
  }
}
