/*
 * Header nav width fix.
 *
 * ROOT CAUSE: the header row is a 2-column Elementor layout (logo | nav),
 * with column widths set by the scraped page's own generated stylesheet:
 *   public/wp-content/uploads/elementor/css/post-29.css
 *     @media (min-width: 768px) {
 *       .elementor-29 .elementor-element.elementor-element-e10a611 { width: 37.584%; }  <- logo column
 *       .elementor-29 .elementor-element.elementor-element-a0bab8f { width: 62.416%; }  <- nav column
 *     }
 * within a `.elementor-section-boxed > .elementor-container { max-width: 1140px; }`
 * wrapper (frontend.min.css / post-2593.css). That 62.416% nav column is not
 * wide enough for 7 top-level nav items and wraps to two lines.
 *
 * The logo itself only renders ~144-160px wide inside its ~428px (37.584%)
 * column at 1440px — there is no visual reason for it to keep that much
 * space. This file only re-splits that same 1140px-max header row between
 * the two EXISTING columns (same selectors/media query as the rule above,
 * so it wins purely on being loaded later in <head> — no !important needed,
 * nothing else about the columns' markup or behavior changes).
 *
 * Does NOT edit public/wp-content/plugins/**, themes/**, or wp-includes/**.
 * Loaded on all 9 pages that share this header (see each page's <head>).
 */

@media (min-width: 768px) {
  .elementor-29 .elementor-element.elementor-element-e10a611 {
    width: 18%;
  }

  .elementor-29 .elementor-element.elementor-element-a0bab8f {
    width: 82%;
  }
}