/* HairTC — shared header menu hover overrides + per-page tweaks
   Loaded only on the directory and graft calculator pages. */

/* Default state — normalize to navy text on transparent bg */
nav.main-navigation .menu > li > a,
nav.main-navigation.sub-menu-right li a,
nav.main-navigation .menu > li.current-menu-item > a,
nav.main-navigation .menu > li.current_page_item > a {
  color: #0F172A !important;
  background: transparent !important;
  transition: background .15s ease, color .15s ease !important;
}

/* Hover state — navy bg, WHITE text (force on the link AND any descendants) */
nav.main-navigation .menu > li:hover > a,
nav.main-navigation .menu > li > a:hover,
nav.main-navigation .menu > li > a:focus,
nav.main-navigation .menu > li > a:focus-visible,
nav.main-navigation .menu > li > a:hover *,
nav.main-navigation .menu > li:hover > a *,
nav.main-navigation.sub-menu-right li:not(.cta-btn) a:hover,
nav.main-navigation.sub-menu-right li:not(.cta-btn) a:hover *,
nav.main-navigation .menu > li.current-menu-item > a:hover,
nav.main-navigation .menu > li.current-menu-item:hover > a,
nav.main-navigation .menu > li.current_page_item > a:hover,
nav.main-navigation .menu > li.current_page_item:hover > a {
  background: #0F172A !important;
  color: #ffffff !important;
}

/* Preserve the "Start Free Assessment" CTA button styling */
nav.main-navigation li.cta-btn > a,
nav.main-navigation li.menu-item-232 > a {
  background: #2563EB !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}
nav.main-navigation li.cta-btn > a:hover,
nav.main-navigation li.cta-btn:hover > a,
nav.main-navigation li.menu-item-232 > a:hover,
nav.main-navigation li.menu-item-232:hover > a {
  background: #1D4ED8 !important;
  color: #ffffff !important;
}

/* Hide the default page title block on the Graft Calculator page only */
body.page-id-363 .entry-header,
body.page-id-363 .page-hero,
body.page-id-363 header.entry-header,
body.page-id-363 .entry-title,
body.page-id-363 .page-header,
body.page-id-363 h1.entry-title,
body.page-id-363 .inside-article > header.entry-header {
  display: none !important;
}
