/* ==========================================================================
   TECH-PRE Solutions - site-updates.css
   Added on top of the original theme to fix mobile/tablet issues and add
   consistent styling for the new Privacy Policy / Terms & Conditions pages.
   Safe to keep alongside the original stylesheets - loaded last so these
   rules win where they overlap.
   ========================================================================== */

/* Prevent any leftover fixed-width element from causing a horizontal
   scrollbar on phones. */
html {
  overflow-x: hidden;
}

/* Embedded content (Google Map, etc.) should never be wider than its
   container - the old theme had a hardcoded 600px map on the Contact page
   that overflowed on phones. */
iframe {
  max-width: 100%;
}

/* The theme's legacy CSS uses large fixed-pixel bottom margins on tablet
   and small-desktop sizes (e.g. 325px / 575px), which left huge empty gaps
   on iPads and similar screens. Tame them down at those widths. */
@media only screen and (max-width: 991px) {
  .boxes {
    margin-bottom: 40px;
  }
  .cts {
    margin-bottom: 40px;
  }
  .map {
    margin-top: 0;
  }
  .eform {
    width: 100%;
    max-width: 470px;
  }
}

/* Contact form: keep it comfortably full-width and tappable on phones. */
@media only screen and (max-width: 575px) {
  .eform,
  .contus form {
    width: 100%;
    padding: 15px;
  }
  .form-container,
  .right-container {
    display: block;
    height: auto;
  }
  .right-inner-container {
    width: 100%;
  }
}

/* Footer quick-links: wrap instead of overflowing now that Privacy Policy
   and Terms & Conditions have been added to the list. */
.footer .quick {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
.footer .quick li {
  margin-bottom: 6px;
}

/* --------------------------------------------------------------------------
   Contact form: spam protection + error messaging
   -------------------------------------------------------------------------- */

/* Honeypot field. Hidden from humans without using display:none, which some
   bots detect and skip. Kept out of the tab order and off-screen instead. */
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* Error notice shown when send.php redirects back with ?error=1 */
.form-error {
  background-color: #fdecea;
  border: 1px solid #f5c2c0;
  border-left: 4px solid #c0392b;
  color: #7a231d;
  padding: 14px 18px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.6;
}
.form-error a {
  color: #7a231d;
  font-weight: 600;
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Footer bottom: the "Web Designed by" credit was removed, so centre the
   remaining copyright line instead of leaving it floated to the left.
   -------------------------------------------------------------------------- */
.footer-bottom .thm-container {
  text-align: center;
}
.footer-bottom .pull-left {
  float: none;
}