/* GetnDrive Visual Rebrand — phone logo scale. v0.2.10.30

   Nik's iPhone review of 0.2.10.29 (brief 2026-09-25): on phones the Header logo is ~15% too large and the Footer
   lockup ~25% too large, with the Footer visibly wider than the Header. Display scale only: the approved PNGs
   (`getndrive-logo-horizontal-55.png` 1200x208, `getndrive-footer-lockup-white.png` 1129x181), their aspect
   ratios, colours, lettering, reading order and alternative text are unchanged.

   Loaded on every public request (the Header and Footer are shared), after `getndrive-footer-lockup.css`. Every rule
   sits inside the phone band (`max-width: 767px`); tablet and desktop receive nothing from this file. A separate file:
   the main, lockup and shell stylesheets are SHA-frozen by the rendered-evidence checkers.

   1. Header: 85% of the 0.2.10.29 box, min(314px, 100vw - 96px), at every phone width (249.9px at 390px). The link
      keeps its 55px height, so the tap target (>= 44 x 44), the row height and the fixed-header reservation are
      unchanged; the logo stays left-aligned and gains clearance before the menu button. The homepage keeps its own
      smaller search-first lockup (150 x 26, `getndrive-home-mobile-search-first.css`), whose more specific rule wins.
   2. Footer: min(100%, 250px, 82% of the Header measure) — 241px at 390px, about 25% below 324px — so its visible
      lockup is never wider than the Header's at any phone width (ink 1117/1129 vs 1163/1200).
   3. Homepage (Codex HOLD 2026-09-25; Nik: the Footer must not look wider than the Header on any phone page, the
      homepage included). The homepage keeps its approved 150 x 26 search-first Header lockup (ink ~145px), so its
      Footer lockup is 144px (ink ~142px): the same apparent width, slightly narrower. Its 150 x 26 logo link gets an
      invisible hit area 9px above and below (`::after`, no paint): the effective tap target is 150 x 44, centred on
      the logo inside the 64px row, while every layout box, the visible logo, the row and the first fold stay
      pixel- and geometry-identical. The homepage stylesheet that owns the 150 x 26 link is SHA-pinned
      (`check-header-rental-nav-drawer-signin-v1.php`) and stays untouched. */

@media (max-width: 767px) {
	body.getndrive-visual-rebrand #mobile-header .site-branding a.brand {
		width: min(267px, calc((100vw - 96px) * 0.85));
	}

	body.getndrive-visual-rebrand .sch-footer .sch-footer__brand .sch-footer__brand-name .gnd-footer-lockup {
		width: min(100%, 250px, calc((100vw - 96px) * 0.82));
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .site-branding a.brand {
		position: relative;
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .site-branding a.brand::after {
		content: "";
		position: absolute;
		top: -9px;
		right: 0;
		bottom: -9px;
		left: 0;
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell .sch-footer .sch-footer__brand .sch-footer__brand-name .gnd-footer-lockup {
		width: min(100%, 144px);
	}
}