/* T3_HEADER_INK_v1 — option A: header takes the hero ink so the photo starts at the top of the page. Docroot-only, all pages. */
[class*="_topHeader_"],[class*="_headerMain_"]{background:#0b1220 !important;color:#fff;box-shadow:none !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
[class*="_headerMain_"] nav{background:transparent !important}
[class*="_headerMain_"] [class*="_unitedMotorsLogo_"]{color:#fff !important}
[class*="_headerMain_"] [class*="_unitedMotorsFullAddress_"]{color:#b9c3d6 !important}
[class*="_headerLinks_"] a{color:#d7deea !important}
[class*="_headerLinks_"] a:hover{color:#fff !important}
[class*="_headerLinks_"] a[class*="_active_"]{background:var(--primary-color) !important;color:#fff !important}
[class*="_unitedMotorsMobilename_"],[class*="_unitedMotorsMobilename_"] h1,[class*="_unitedMotorsMobilename_"] svg{color:#fff !important;fill:currentColor}
[class*="_humburgurIcon_"]{color:#fff !important}
[class*="_humburgurMenuContainer_"]{background:#141c2e !important}
[class*="_humburgurMenuContainer_"] a,[class*="_humburgurMenuContainer_"] svg{color:#fff !important}
[class*="_titleHeader_"]{background:transparent !important}

/* T3_HEADER_NAVY_v1 - option C: navy header meets the hero photo glow with no hard edge. Supersedes the ink in T3_HEADER_INK_v1 above. */
[class*="_topHeader_"],[class*="_headerMain_"]{background:#12325c !important;border-bottom:1px solid rgba(255,255,255,.10) !important}
[class*="_headerLinks_"] a{color:#bcd0e6 !important}
[class*="_headerLinks_"] a:hover{color:#fff !important}
[class*="_headerLinks_"] a[class*="_active_"]{background:transparent !important;color:#fff !important;border-bottom:3px solid #8fc0f5 !important}
[class*="_humburgurMenuContainer_"]{background:#16355f !important}
body.t3-hero-photo [class*="_headerMain_"] a[class*="_unitedMotorsLogo_"]{background:#12325c !important}
body.t3-hero-photo [class*="_unitedMotorsMobilename_"]{background:#12325c !important}

/* T3_HEADER_NAVY_v2 - phone: dac-mobile.css uses `html body [class*=_headerMain_]` (0,1,2) so v1 lost. Same shape here, hero-photo mode only. */
@media (max-width:700px){
  html body.t3-hero-photo [class*="_headerMain_"],
  html body.t3-hero-photo [class*="_topHeader_"]{background:#12325c !important}
  html body.t3-hero-photo [class*="_headerMain_"] a[class*="_unitedMotorsLogo_"]{background:#12325c !important}
  html body.t3-hero-photo [class*="_unitedMotorsMobilename_"]{background:#12325c !important}
  html body.t3-hero-photo [class*="_headerLinks_"] > ul > li:not(:has(a.t3mActive)){background:#12325c !important}
  html body.t3-hero-photo [class*="_humburgurMenuContainer_"]{background:#16355f !important}
}

/* T3_I18N_PILL_v1 - lift the language pill onto the business-name row, right side, styled for the navy header. titleHeader holds the hamburger, logo and address; the pill is a sibling of headerLinks so it is absolutely placed against the header. */
[class*="_headerMain_"]{position:relative}
.t2LangPill{position:absolute !important;top:14px;right:18px;z-index:5;display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid rgba(255,255,255,.55);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;cursor:pointer;line-height:1;font-family:inherit}
.t2LangPill:hover{border-color:#8fc0f5;color:#8fc0f5}
[class*="_unitedMotorsMobilename_"] .t2LangPill{position:static !important;top:auto;right:auto}
@media (max-width:700px){
  .t2LangPill{top:10px;right:12px;font-size:12px;padding:5px 11px}
}

/* T3_NAVSHORT_v1 - Spanish labels are longer than English and four tabs collided on a 393px phone. Show the short forms under 600px and tighten the row. */
.t3NavShort{display:none}
@media (max-width:600px){
  .t3NavFull{display:none}
  .t3NavShort{display:inline}
  html body [class*="_headerLinks_"] > ul > li{font-size:13px !important;letter-spacing:0 !important}
  html body [class*="_headerLinks_"] > ul > li > a{padding-left:6px !important;padding-right:6px !important;white-space:nowrap !important}
}