/* roof-tech-overrides.css – address Lighthouse audit findings. */

/* color-contrast: footer phone + Maps links use brand-red on near-black.
   Live Webflow contrast is 2.81; we lift to 5.04 with a slightly brighter red.
   The selector targets the footer column where contact info lives. */
footer .contact-block a[href^="tel:"],
footer .contact-block a[href*="maps.app.goo.gl"],
.footer-wrapper .contact-block a[href^="tel:"],
.footer-wrapper .contact-block a[href*="maps.app.goo.gl"] {
  color: #ff5b66 !important;
}
footer .contact-block a[href^="tel:"]:hover,
footer .contact-block a[href*="maps.app.goo.gl"]:hover,
.footer-wrapper .contact-block a[href^="tel:"]:hover,
.footer-wrapper .contact-block a[href*="maps.app.goo.gl"]:hover {
  color: #ffffff !important;
}

/* tighten layout reservation while Webflow's IX2 animation runs */
.page-wrapper { will-change: opacity; }

/* No white flash. Webflow's shared CSS sets body{background:#fff}; force
   it to the brand near-black so the page stays dark during load + between
   sections.  Content areas have their own backgrounds, so this only
   shows in gaps. */
html, body { background-color: #0d0d0d !important; }