/**
 * Site-wide header fit, laptop band only (29 Aug 2026).
 *
 * The practice: "On the laptop version: Documents (tab) to be moved next to
 * Locations. And move slightly the contacts to squeeze it in." The Documents
 * tab IS last in the menu next to Locations -- what he saw was the row
 * WRAPPING on a laptop: at widths from 1025px (where the theme switches to
 * the hamburger) up to ~1366px, the ten menu items plus the Contact Us
 * button overflow the header row and Documents drops to a second line.
 *
 * Measured against a byte-mirror of the live homepage: the items carry
 * 12px-a-side padding (240px of air across ten items) at 13px type. Tightening
 * the padding fits one row down to ~1160px; below that the type drops a point
 * and the logo and Contact Us button give up a little width too -- "move
 * slightly the contacts", his words. Nothing changes at phone widths (the
 * hamburger owns those) or on large desktops (it already fits).
 */
@media (min-width: 1025px) and (max-width: 1366px) {
  .hfe-nav-menu li.menu-item a { padding: 15px 6px !important; }
  header .elementor-widget-button .elementor-button,
  .elementor-location-header .elementor-widget-button .elementor-button {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .hfe-nav-menu li.menu-item a { padding: 15px 4px !important; font-size: 12px !important; }
  header .elementor-widget-image img,
  .elementor-location-header .elementor-widget-image img { max-width: 140px !important; }
  header .elementor-widget-button .elementor-button,
  .elementor-location-header .elementor-widget-button .elementor-button {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }
}