/* PhD Header Fix — desktop-only corrections. See plugin header for the why.
   Nothing here touches the mobile header (the chatbot's v53 pin owns that
   state) or the theme's scroll JavaScript: the rules key off the theme's
   own .is-scrolled class, so the theme keeps deciding WHEN the state
   changes; these rules only decide how the state LOOKS. */
@media (min-width: 992px) {
  /* Top state: pill flush under the top bar instead of tucked -10px
     behind it — its links' letters render in full. */
  .site-header__bottom {
    margin-top: 0;
  }

  /* Scrolled state: the top bar is meant to be fully out of view, with
     the pill as the slim fixed nav. Hide the top bar outright and clear
     the (under-measured) slide transform, so no logo sliver can leak and
     the pill sits cleanly at the top. The rules stop applying the moment
     .is-scrolled is removed, so the theme's return animation is its own. */
  .site-header.is-scrolled {
    transform: none !important;
  }
  .site-header.is-scrolled .site-header__top {
    display: none;
  }

  /* Mega-menu "hover bridges": the theme glues invisible strips to each
     dropdown — one 30px tall across the menu's full width (up to 1100px)
     at menu-bar level (::before, top:-30px), one 50px wide down its full
     height plus 50px past its right edge (::after). While a dropdown is
     open, those strips intercept clicks meant for the neighboring menu
     items (BLOG, CAREERS) and hold the dropdown's hover state over them.
     The dropdowns sit flush under the bar and span nearly the full header
     width, so the bridges serve no purpose. Remove them. */
  /* !important is required: the theme's stylesheet loads after this one
     and its equal-specificity rule generating the strips otherwise wins
     the cascade (v1.0.1 failed verification for exactly this reason). */
  .site-header__mega-menu::before,
  .site-header__mega-menu::after {
    content: none !important;
  }

  /* Sticky-logo leak: the pill carries a second logo (class
     .site-header__logo--sticky) meant to appear only in the scrolled
     state, but a clickable slice of it shows at the top of the page,
     just below the main logo (verified by click-through, 2026-10-20).
     Keep it hidden until the header is actually scrolled. */
  .site-header:not(.is-scrolled) .site-header__logo--sticky {
    display: none !important;
  }

  /* Mega-menu icons (Ard, 2026-10-20): every specialty and service in
     the dropdowns carried the same tooth glyph. Remove the icons; the
     names stay. */
  .site-header__mega-menu .site-header__mega-menu-icon-wrap {
    display: none !important;
  }

  /* Menu order (Ard, 2026-10-20): About Us, Locations, Contact Us,
     Practice Areas, Blog, Careers. The nav list is a flex row and each
     item carries a unique class. */
  .site-header__nav-item.nav-item-about-us {
    order: 1;
  }
  .site-header__nav-item.nav-item-locations {
    order: 2;
  }
  .site-header__nav-item.nav-item-contact-us {
    order: 3;
  }
  .site-header__nav-item.nav-item-practice-areas {
    order: 4;
  }
  .site-header__nav-item.nav-item-blog {
    order: 5;
  }
  .site-header__nav-item.nav-item-careers {
    order: 6;
  }
}