/* ===========================================================================
   CORE — v1.2 fixes (loaded AFTER style.css, so these rules win)
   1) Header: keep the menu on one line, tidy the logo
   2) Services dropdown: clear coloured hover state
   ========================================================================= */

/* ---- 1) Header layout ---------------------------------------------------- */
.brand img{height:42px;width:auto;max-width:240px;object-fit:contain;display:block}
.header-inner{gap:18px}
.main-nav{gap:18px}
.main-nav>ul{gap:2px}
/* never let a label like "Who We Are" break onto several lines */
.main-nav>ul>li{white-space:nowrap}
.main-nav>ul>li>a{white-space:nowrap;padding:10px 12px;font-size:.95rem}
.nav-cta{gap:8px;flex-shrink:0}
.nav-cta .btn{padding:10px 18px;font-size:.86rem}

/* tighten things on mid-size laptops so nothing wraps before the mobile menu */
@media (max-width:1180px){
  .main-nav{gap:12px}
  .main-nav>ul>li>a{padding:10px 9px;font-size:.9rem}
  .brand img{height:38px}
}
@media (max-width:860px){
  .brand img{height:36px}
}
/* on phones the nav becomes the slide-down menu again (from style.css);
   make sure labels there read normally on their own rows */
@media (max-width:760px){
  .main-nav>ul>li{white-space:normal}
}

/* ---- 2) Services dropdown hover ----------------------------------------- */
.dropdown li a{transition:background-color .15s ease, color .15s ease}
.dropdown li a:hover,
.dropdown li a:focus{background:var(--navy);color:#fff}
/* keep the parent "Services" highlighted while the menu is open */
.has-dropdown:hover>a{color:var(--red)}