/* Fixes for the new header/footer on inner pages that still load the old theme CSS.
   The old CSS (bootstrap/floens) caps .container at 1200px, which makes the new
   header wrap onto two rows. These higher-specificity rules restore the widths
   the new design was built for, without affecting old page content. */

.header .container,
.footer-section .copyright-area .container {
  max-width: 1795px;
}

.footer-section .container-2 {
  max-width: 1425px;
}

/* floens.css adds margin-bottom: 40px to .footer-widget (its own footer class name,
   also used by the new footer) — the new design has no margin on desktop, but DOES
   space the stacked widgets on smaller screens (80px/50px, from main.css media
   rules). Mirror the homepage exactly at every breakpoint. */
@media (min-width: 993px) {
  .footer-section .footer-widget {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .footer-section .footer-widget {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .footer-section .footer-widget {
    margin-bottom: 50px;
  }
}

/* Floating phone/whatsapp icons on phones: align both to the same bottom line just
   above the ENQUIRE NOW bar (inner pages otherwise inherit floens.css offsets that
   don't match the homepage). */
@media screen and (max-width: 480px) {
  img.whts {
    bottom: 55px !important;
    right: 16px !important;
  }
  img.phone {
    bottom: 55px !important;
    left: 16px !important;
  }
}

/* main.css hardcodes the shade overlay height (550px/600px), tuned to the homepage
   footer. Inner-page footers are slightly taller, leaving the bottom unshaded —
   cover the full footer instead (same as the theme's own mobile rule). */
.footer-section .footer-shade {
  height: 100%;
}

/* Thank-you popup heading — same style as the homepage thank-you message */
#thankYouModal h3 {
  font-family: "DM Sans", sans-serif;
  color: var(--floens-black2, #2B1E16);
  font-weight: bold;
}

/* Bootstrap modals must layer above the sticky header (z-index 9999 when .fixed),
   otherwise the header covers the top of the popup form. Duplicated here because
   the old bootstrap loads after main.css on inner pages and re-wins with 1055. */
.modal-backdrop {
  z-index: 10040;
}
.modal {
  z-index: 10050;
}

/* The old bootstrap reboot sets ul { padding-left: 2rem; margin-bottom: 1rem },
   which beats the new design's universal reset (* { padding: 0; margin: 0 }).
   Restore the reset inside the new header/footer/sidebar components; component
   rules with higher specificity still add their own intended spacing. */
.header ul,
.footer-section ul,
.sidebar-area ul,
.mobile-side-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}