/* Company Chicago repair 2026-10-06-header-and-access. Header template 1811, footer section f9c15b5. */

/* Laptops 1025–1250px: the header phone number ran 30–50px past the right edge (site-wide-typography.css sets it to
   22px with !important), "Free Estimate" wrapped onto two lines and the top-bar "Features" link dropped under "FAQ".
   Phone 18px, the two button columns as wide as their content, both menus kept on one line. Tested 1025–1440px. */
@media (min-width: 1025px) and (max-width: 1250px) {
  #masthead a.elementor-button[href^="tel:844"] {
    font-size: 18px !important;
    letter-spacing: 0 !important;
  }
  #masthead .elementor-element.elementor-element-caf184a,
  #masthead .elementor-element.elementor-element-bf3138f {
    flex: 0 0 auto;
    width: auto;
    --width: auto;
  }
  #masthead .elementor-element.elementor-element-3a2e59c .elementor-button {
    padding: 12px 16px !important;
    letter-spacing: 1px !important;
    font-size: 15px !important;
    white-space: nowrap;
  }
  .elementor-1811 .elementor-element.elementor-element-86113f3 ul.hfe-nav-menu,
  .elementor-1811 .elementor-element.elementor-element-0d8ada0 ul.uael-nav-menu {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }
  .elementor-1811 .elementor-element.elementor-element-86113f3 ul.hfe-nav-menu > li > a,
  .elementor-1811 .elementor-element.elementor-element-86113f3 ul.hfe-nav-menu > li > div > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .elementor-1811 .elementor-element.elementor-element-0d8ada0 ul.uael-nav-menu > li > a,
  .elementor-1811 .elementor-element.elementor-element-0d8ada0 ul.uael-nav-menu > li > div > a {
    font-size: 14px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* Footer: white text on light blue #059cd3 had a contrast of 3.1:1 (4.5:1 needed to be easy to read). A deeper shade
   of the same blue: 5.3:1. */
.elementor-element.elementor-element-f9c15b5:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-f9c15b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #0473a0 !important;
}

/* Product cards: the category line was light grey #9ea0a4 on white (2.6:1). */
.ast-woo-product-category {
  color: #5f6368 !important;
}

/* Slideshow dots were 10px targets packed 10px apart — hard to tap. */
.elementor-image-carousel-wrapper .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 7px !important;
}