/* HG Oil Holdings: site-specific overrides on top of the captured Squarespace CSS (none needed: fidelity comes from the original rules). */

/* Phone header: the captured Squarespace rules let the 10:1 mobile logo take the full row width, which pushed the
   burger past the viewport edge and clipped the logo (HG OIL HOLDING, no menu). Let the logo shrink to fit beside
   the burger. Scoped to the mobile header; desktop header (.header-display-desktop) is untouched. */
.header .header-display-mobile .header-title-nav-wrapper { min-width: 0; }
.header .header-display-mobile .header-title { min-width: 0; flex: 1 1 auto; }
.header .header-display-mobile .header-title--use-mobile-logo .header-mobile-logo { max-width: 100%; }
.header .header-display-mobile .header-title--use-mobile-logo .header-mobile-logo a { max-width: 100%; }
.header .header-display-mobile .header-title--use-mobile-logo .header-mobile-logo img { max-width: 100%; width: auto; height: auto; max-height: 36px; }