/* Header template styling. Loaded site-wide, because the header renders on
   every page while the rest of home-2026.css is scoped to the home page. */

/* --------------------------------------------------------------------------
   6. Header template
   The header is an Elementor Theme Builder template (IPP Header 2026), sticky,
   120px tall at Richard's request rather than the design's 72px.
   -------------------------------------------------------------------------- */
.ipp-header-2026 > .e-con-inner{max-width:1180px;margin:0 auto;padding:0 24px;
  min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}

.ipp-header-2026__logo img{height:76px !important;width:auto !important;
  max-width:none !important;display:block}

.ipp-header-2026.elementor-sticky--effects{box-shadow:0 1px 0 var(--rule)}

.ipp-header-2026__logo img{height:52px !important}

/* The Image widget offers Width and Max Width but no Height, and the header is
   sized by height, so this stays in CSS. */
.ipp-header-2026__logo img{height:76px !important;width:auto !important;max-width:none !important}
@media(max-width:767px){.ipp-header-2026__logo img{height:52px !important}}

/* logo left, nav and search grouped right. Elementor has no auto-margin control,
   so this stays in CSS. */
.ipp-header-2026__nav{margin-left:auto !important}
.ipp-header-2026__search{margin-left:28px !important}
@media(max-width:767px){.ipp-header-2026__search{margin-left:16px !important}}