/*
 Theme Name:     Astra Child
 Description:    Child theme for Astra
 Author:         Your Name
 Template:       astra
 Version:        1.0.0
 Text Domain:    astra-child
*/
/* PRIMARY MENU CSS */
/* Make the UL the underline container */
#primary-site-navigation-desktop .main-header-menu {
  position: relative;
}

/* faint baseline across the whole menu */
#primary-site-navigation-desktop .main-header-menu::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: rgba(255,255,255,.35);
  pointer-events: none;
  z-index: 1;
}

/* the animated strong underline (driven by --u-start / --u-end) */
#primary-site-navigation-desktop .main-header-menu::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--u-start, 0px);
  width: calc(var(--u-end, 0px) - var(--u-start, 0px));
  height: 2px;
  background: #fff;
  opacity: 0;                /* hidden until hovering */
  transition: left .38s ease, width .38s ease, opacity .15s linear;
  pointer-events: none;
  z-index: 2;
}

/* show the bold line while hovering any item */
#primary-site-navigation-desktop .main-header-menu.is-hovering::before {
  opacity: 1;
}


/* SUBMENU CSS */
/* Kill Astra’s default submenu box border */
#primary-site-navigation-desktop .main-header-menu .sub-menu {
  border: none !important;
  box-shadow: none !important;
}

/* Add divider lines between submenu items */
#primary-site-navigation-desktop .main-header-menu .sub-menu .menu-item {
  border: none !important; /* clear Astra defaults */
  border-bottom: 1px solid rgba(255,255,255,0.35);
}

/* Remove the line on the very last item */
#primary-site-navigation-desktop .main-header-menu .sub-menu .menu-item:last-child {
  border-bottom: none;
}

/* Submenu hover background */
#primary-site-navigation-desktop .main-header-menu .sub-menu .menu-item > .menu-link:hover,
#primary-site-navigation-desktop .main-header-menu .sub-menu .menu-item > .menu-link:focus {
  background-color: #1A6C7A;
  color: #fff; /* optional: keeps text readable */
}