/* cw-ui-fix.css — layout corrections and the print stylesheet.
   Visual styling now lives in assets/css/style.css. */

/* hero and CTA button rows size together rather than to their own label */
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.hero-cta .btn{flex:0 1 clamp(200px,20vw,260px);min-height:54px;text-align:center}
.cta-row .btn{flex:1 1 clamp(200px,20vw,260px);min-height:52px;text-align:center}
@media(max-width:660px){
  .hero-cta,.cta-row{flex-direction:column;align-items:stretch}
  .hero-cta .btn,.cta-row .btn{flex:1 1 auto;width:100%;min-height:52px}
}

.mapbox iframe{width:100%;display:block}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  html,body{background:#fff!important;color:#000!important;font-size:11pt}
  .offer-strip,.topbar,header.nav,.float,.mobar,.marquee,.hero-scroll,
  .rev-wrap,.mapbox,.mapfacade,.social{display:none!important}
  .sec,.sec-dune,.sec-pearl,.sec-white,.pg-hero{padding:0 0 14pt!important;background:#fff!important;border:0!important}
  .hero{min-height:auto!important;color:#000!important;background:#fff!important}
  .hero-bg,.hero-scrim,.price-tag{display:none!important}
  .hero h1,.hero .lead{color:#000!important}
  .card,.plan,.step,.faq{break-inside:avoid;background:#fff!important}
  .faq .ans{max-height:none!important}
  a{color:#000;text-decoration:none;border:0}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8.5pt;color:#444}
  a[href^="/"]::after{content:" (citywalkcleaning.com" attr(href) ")";font-size:8.5pt;color:#444}
  footer{background:#fff!important;color:#000!important;border-top:1pt solid #999;padding-top:14pt}
  footer::before,footer::after{display:none!important}
}