/**handles:fluent_snippet_16-menu-css**/
/* =================================================
   TAR RIVER TECH - STRONGER UNIFIED GRADIENT
   Header and navigation with same stronger gradient
   ================================================= */

/* Header Section - Stronger Gradient */
.site-header,
header {
  background: linear-gradient(135deg, #f0f7f8 0%, #e0eff4 100%) !important;
  border-bottom: 5px solid #005271;
  transition: all 0.3s ease;
}

/* Navigation Container - Same Stronger Gradient */
.main-navigation,
.wp-block-navigation,
nav {
  border-top: none;
}

/* Navigation Menu List */
.main-navigation ul,
.wp-block-navigation__container,
.nav-menu {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0;
  margin: 0;
}

/* Individual Menu Items */
.main-navigation li,
.wp-block-navigation-item {
  position: relative;
}

/* Menu Item Dividers */
.main-navigation li:not(:last-child)::after,
.wp-block-navigation-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 1px;
  background: linear-gradient(180deg, transparent, #164951, transparent);
  opacity: 0.4;
}

/* Menu Links */
.main-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation-link__content {
  display: block;
  padding: 50px 32px;
  color: #164951 !important;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.6s ease;
  position: relative;
  border: none;
  background: transparent;
}

/* Hover Effects - Target entire menu item container for submenus */
.wp-block-navigation-item.wp-block-navigation-submenu:hover {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
  border-radius: 0;
}

/* Ensure the link and arrow text turn white on submenu hover - but NOT dropdown items */
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  > .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  > .wp-block-navigation__submenu-icon {
  color: white !important;
}

/* Hover for regular menu items (non-submenu) */
.main-navigation a:hover,
.wp-block-navigation-item:not(.wp-block-navigation-submenu) a:hover,
.wp-block-navigation-link__content:hover {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
  border-radius: 0;
}

/* Green Underline on Hover */
.main-navigation a::after,
.wp-block-navigation-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #416640;
  transition: all 0.6s ease;
  transform: translateX(-50%);
}

.main-navigation a:hover::after,
.wp-block-navigation-item a:hover::after,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation-item__content::after {
  width: 85%;
}

/* Dropdown Menu Styling */
.main-navigation .sub-menu,
.wp-block-navigation__submenu-container {
  background: linear-gradient(135deg, #f0f7f8 0%, #e0eff4 100%) !important;
  border: 1px solid #164951;
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(22, 73, 81, 0.15);
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1000;
  overflow: hidden;
}

/* Dropdown Hover State */
.main-navigation li:hover .sub-menu,
.wp-block-navigation-item:hover .wp-block-navigation__submenu-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(65px);
}

/* Dropdown Links */
.main-navigation .sub-menu a,
.wp-block-navigation__submenu-container a {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(22, 73, 81, 0.1);
  color: #164951 !important;
}

.main-navigation .sub-menu a:hover,
.wp-block-navigation__submenu-container a:hover,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  transition: all 0.6s ease;
}

/* Keep parent highlighted when hovering child items */
.wp-block-navigation-item.wp-block-navigation-submenu:hover,
.wp-block-navigation-item.wp-block-navigation-submenu:focus-within {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
  border-radius: 0;
}

/* Keep parent text white when hovering child items */
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  > .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu:focus-within
  > .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  > .wp-block-navigation__submenu-icon,
.wp-block-navigation-item.wp-block-navigation-submenu:focus-within
  > .wp-block-navigation__submenu-icon {
  color: white !important;
}

/* Override the reset rules when actually hovering the dropdown item itself */
.wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
  background: transparent !important;
}

.wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
}

/* Remove any conflicting theme styles */
.main-navigation,
.wp-block-navigation {
  border-top: none !important;
  margin-top: 0 !important;
}

/* Logo area styling (if needed) */
.site-branding,
.custom-logo-link {
  color: #164951;
}

/* Ensure proper z-index for dropdowns */
.main-navigation,
.wp-block-navigation {
  z-index: 999;
}

.main-navigation .sub-menu,
.wp-block-navigation__submenu-container {
  z-index: 1000;
}

/* Submenu icon styling */
.wp-block-navigation .wp-block-navigation__submenu-icon {
  margin-right: 35px;
}

/* Remove gap between navigation items */
.wp-block-navigation {
  gap: 0 !important;
}
/* Menu Links - Font styling */
.main-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation-link__content,
.wp-block-navigation-item__content {
  font-family: "Exo 2", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
}

/* Dropdown Links - Font styling */
.main-navigation .sub-menu a,
.wp-block-navigation__submenu-container a,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  font-family: "Exo 2", sans-serif;
  font-size: 1.1rem; /* Slightly smaller for dropdown items */
  font-weight: 600;
}

/* DESKTOP ACTIVE PAGE HIGHLIGHTING - Add this to your main CSS (before the @media block) */

/* Active Menu Items - WordPress automatically adds these classes */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.wp-block-navigation-item.current-menu-item a,
.wp-block-navigation-item.current-menu-ancestor a,
.wp-block-navigation-item.current-page-item a,
.wp-block-navigation-item.current-page-ancestor a,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation-item.current-menu-ancestor
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
  border-radius: 0;
}

/* Active Menu Item Green Underline */
.main-navigation .current-menu-item > a::after,
.main-navigation .current-menu-ancestor > a::after,
.main-navigation .current_page_item > a::after,
.main-navigation .current_page_ancestor > a::after,
.wp-block-navigation-item.current-menu-item a::after,
.wp-block-navigation-item.current-menu-ancestor a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 85%;
  height: 3px;
  background: #416640;
  transform: translateX(-50%);
}

/* Active Dropdown Menu Items */
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_item > a,
.wp-block-navigation__submenu-container .current-menu-item a,
.wp-block-navigation__submenu-container .current-page-item a,
.wp-block-navigation__submenu-container
  .current-menu-item
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
}

/* Ensure active items stay highlighted even when hovering other items */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.wp-block-navigation-item.current-menu-item a,
.wp-block-navigation-item.current-menu-ancestor a {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
}

/* Active submenu parent highlighting */
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
}

.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  > .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  > .wp-block-navigation__submenu-icon {
  color: white !important;
}
/* HIDE HOME MENU HIGHLIGHTING WHEN ON HOMEPAGE */

/* Target the home page specifically and remove active styling from home menu item */
.home .main-navigation .current-menu-item > a,
.home .main-navigation .current_page_item > a,
.home .wp-block-navigation-item.current-menu-item a,
.home .wp-block-navigation-item.current-page-item a,
.home
  .wp-block-navigation-item.current-menu-item
  .wp-block-navigation-item__content {
  background: transparent !important;
  color: #164951 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Remove the green underline from home menu item when on homepage */
.home .main-navigation .current-menu-item > a::after,
.home .main-navigation .current_page_item > a::after,
.home .wp-block-navigation-item.current-menu-item a::after {
  width: 0 !important;
  content: none !important;
}

/* Alternative: If WordPress uses different classes, try these too */
.home .main-navigation .menu-item-home.current-menu-item > a,
.home
  .wp-block-navigation-item.wp-block-navigation-item-home.current-menu-item
  a {
  background: transparent !important;
  color: #164951 !important;
  transform: none !important;
  box-shadow: none !important;
}

.home .main-navigation .menu-item-home.current-menu-item > a::after,
.home
  .wp-block-navigation-item.wp-block-navigation-item-home.current-menu-item
  a::after {
  width: 0 !important;
  content: none !important;
}

/* Ensure hover still works normally on home menu item when on homepage */
.home .main-navigation .current-menu-item > a:hover,
.home .wp-block-navigation-item.current-menu-item a:hover {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2) !important;
}

.home .main-navigation .current-menu-item > a:hover::after,
.home .wp-block-navigation-item.current-menu-item a:hover::after {
  width: 85% !important;
}

/* FILL ENTIRE PARENT MENU ITEM when active (covers dropdown arrow area) */

/* Target the entire LI element for parent menu items when active */
.main-navigation .current-menu-item.menu-item-has-children,
.main-navigation .current-menu-ancestor.menu-item-has-children,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(22, 73, 81, 0.2);
  border-radius: 0;
}

/* Ensure the link text and dropdown arrow are white */
.main-navigation .current-menu-item.menu-item-has-children > a,
.main-navigation .current-menu-ancestor.menu-item-has-children > a,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation__submenu-icon,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  .wp-block-navigation__submenu-icon {
  color: white !important;
  background: transparent !important;
}

/* Green underline still applies to the link area */
.main-navigation .current-menu-item.menu-item-has-children > a::after,
.main-navigation .current-menu-ancestor.menu-item-has-children > a::after,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation-item__content::after,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  .wp-block-navigation-item__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 85%;
  height: 3px;
  background: #416640;
  transform: translateX(-50%);
}

/* Handle homepage exception for parent menu items too */
.home .main-navigation .current-menu-item.menu-item-has-children,
.home .main-navigation .current_page_item.menu-item-has-children,
.home .wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item,
.home .wp-block-navigation-item.wp-block-navigation-submenu.current-page-item {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

.home .main-navigation .current-menu-item.menu-item-has-children > a,
.home .main-navigation .current_page_item.menu-item-has-children > a,
.home
  .wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation-item__content,
.home
  .wp-block-navigation-item.wp-block-navigation-submenu.current-page-item
  .wp-block-navigation-item__content,
.home
  .wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation__submenu-icon,
.home
  .wp-block-navigation-item.wp-block-navigation-submenu.current-page-item
  .wp-block-navigation__submenu-icon {
  color: #164951 !important;
}

/* Active dropdown/submenu items - ensure they get the blue gradient background */
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current-menu-ancestor > a,
.wp-block-navigation__submenu-container .current-menu-item a,
.wp-block-navigation__submenu-container .current-page-item a,
.wp-block-navigation__submenu-container .current-menu-ancestor a,
.wp-block-navigation__submenu-container
  .current-menu-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container
  .current-page-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container
  .current-menu-ancestor
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Also target the entire submenu list item for better coverage */
.main-navigation .sub-menu .current-menu-item,
.main-navigation .sub-menu .current_page_item,
.wp-block-navigation__submenu-container .current-menu-item,
.wp-block-navigation__submenu-container .current-page-item {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
}

/* Ensure the link inside gets proper styling */
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_item > a,
.wp-block-navigation__submenu-container .current-menu-item a,
.wp-block-navigation__submenu-container .current-page-item a {
  background: transparent !important;
  color: white !important;
}

/* Handle WordPress block navigation specifically */
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-menu-item,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-page-item {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
}

/* Make sure text is white and background is transparent for the content */
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-menu-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-page-item
  .wp-block-navigation-item__content {
  background: transparent !important;
  color: white !important;
}

/* Override any conflicting styles that might be setting the background */
.wp-block-navigation__submenu-container .current-menu-item,
.wp-block-navigation__submenu-container .current-page-item {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
}

/* Remove border from active dropdown/submenu items */
.main-navigation .sub-menu .current-menu-item > a,
.main-navigation .sub-menu .current_page_item > a,
.main-navigation .sub-menu .current-menu-ancestor > a,
.wp-block-navigation__submenu-container .current-menu-item a,
.wp-block-navigation__submenu-container .current-page-item a,
.wp-block-navigation__submenu-container .current-menu-ancestor a,
.wp-block-navigation__submenu-container
  .current-menu-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container
  .current-page-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container
  .current-menu-ancestor
  .wp-block-navigation-item__content {
  border-bottom: none !important;
}
/* Also target the list item itself */
.main-navigation .sub-menu .current-menu-item,
.main-navigation .sub-menu .current_page_item,
.wp-block-navigation__submenu-container .current-menu-item,
.wp-block-navigation__submenu-container .current-page-item,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-menu-item,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item.current-page-item {
  border-bottom: none !important;
}
/* Remove/hide the ::after element from active dropdown/submenu items */
.main-navigation .sub-menu .current-menu-item > a::after,
.main-navigation .sub-menu .current_page_item > a::after,
.main-navigation .sub-menu .current-menu-ancestor > a::after,
.wp-block-navigation__submenu-container .current-menu-item a::after,
.wp-block-navigation__submenu-container .current-page-item a::after,
.wp-block-navigation__submenu-container .current-menu-ancestor a::after,
.wp-block-navigation__submenu-container
  .current-menu-item
  .wp-block-navigation-item__content::after,
.wp-block-navigation__submenu-container
  .current-page-item
  .wp-block-navigation-item__content::after,
.wp-block-navigation__submenu-container
  .current-menu-ancestor
  .wp-block-navigation-item__content::after {
  display: none !important;
}
/* MAKE DROPDOWN ARROW BACKGROUND TRANSPARENT FOR CONSISTENT PARENT BACKGROUND */
.main-navigation
  .current-menu-item.menu-item-has-children
  .wp-block-navigation__submenu-icon,
.main-navigation
  .current-menu-ancestor.menu-item-has-children
  .wp-block-navigation__submenu-icon,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-item
  .wp-block-navigation__submenu-icon,
.wp-block-navigation-item.wp-block-navigation-submenu.current-menu-ancestor
  .wp-block-navigation__submenu-icon {
  background: transparent !important;
  background-color: transparent !important;
  color: white !important;
}
/* Target ALL submenu items (not just active ones) to ensure proper styling */
.wp-block-navigation__submenu-container .wp-block-navigation-item a,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .wp-block-navigation-link a,
.wp-block-navigation__submenu-container
  .wp-block-navigation-link
  .wp-block-navigation-item__content {
  color: #164951 !important;
  background: transparent !important;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(22, 73, 81, 0.1);
}

/* Hover effects for non-active submenu items */
.wp-block-navigation__submenu-container .wp-block-navigation-item:hover a,
.wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover
  .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .wp-block-navigation-link:hover a,
.wp-block-navigation__submenu-container
  .wp-block-navigation-link:hover
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
  transition: all 0.6s ease;
}
/* When parent is hovered, reset submenu items to look like normal top-level items */
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item
  a,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item
  .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-link
  a,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-link
  .wp-block-navigation-item__content {
  color: #164951 !important;
  background: transparent !important;
  padding: 16px 24px;
  border-bottom: 1px solid rgba(22, 73, 81, 0.1);
}

/* Remove any white text that might be applied */
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-link {
  color: #164951 !important;
  background: transparent !important;
}

/* Ensure submenu items still have hover effects when directly hovered */
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover
  a,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-item:hover
  .wp-block-navigation-item__content,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-link:hover
  a,
.wp-block-navigation-item.wp-block-navigation-submenu:hover
  .wp-block-navigation__submenu-container
  .wp-block-navigation-link:hover
  .wp-block-navigation-item__content {
  background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  color: white !important;
}

/* Mobile Responsive - CLEANED VERSION */
@media (max-width: 768px) {
  /* Remove all hover effects on mobile */
  .main-navigation a:hover,
  .wp-block-navigation-item a:hover,
  .wp-block-navigation-link__content:hover,
  .wp-block-navigation-item.wp-block-navigation-submenu:hover,
  .main-navigation .sub-menu a:hover,
  .wp-block-navigation__submenu-container a:hover {
    background: transparent !important;
    color: #164951 !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Remove hover underlines on mobile */
  .main-navigation a:hover::after,
  .wp-block-navigation-item a:hover::after {
    width: 0 !important;
  }

  /* ACTIVE PAGE HIGHLIGHTING for mobile */
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > a,
  .main-navigation .current_page_item > a,
  .main-navigation .current_page_ancestor > a,
  .wp-block-navigation-item.current-menu-item a,
  .wp-block-navigation-item.current-menu-ancestor a,
  .wp-block-navigation-item.current-page-item a,
  .wp-block-navigation-item.current-page-ancestor a,
  .wp-block-navigation-item.current-menu-item
    .wp-block-navigation-item__content,
  .wp-block-navigation-item.current-menu-ancestor
    .wp-block-navigation-item__content {
    background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
    color: white !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Active page underline for mobile */
  .main-navigation .current-menu-item > a::after,
  .main-navigation .current-menu-ancestor > a::after,
  .main-navigation .current_page_item > a::after,
  .main-navigation .current_page_ancestor > a::after,
  .wp-block-navigation-item.current-menu-item a::after,
  .wp-block-navigation-item.current-menu-ancestor a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 85%;
    height: 3px;
    background: #416640;
    transform: translateX(-50%);
  }

  /* Mobile layout adjustments */
  .main-navigation ul,
  .wp-block-navigation__container {
    flex-direction: column;
    align-items: center;
  }

  .main-navigation a,
  .wp-block-navigation-item a {
    padding: 16px 16px;
    text-align: center;
    width: 100%;
  }

  /* Mobile dropdown adjustments */
  .main-navigation .sub-menu,
  .wp-block-navigation__submenu-container {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: 0 2px 5px rgba(22, 73, 81, 0.1);
    border-radius: 0;
    min-width: auto;
    width: 100%;
    background: rgba(240, 247, 248, 0.8) !important;
  }

  /* Active dropdown items on mobile */
  .main-navigation .sub-menu .current-menu-item > a,
  .main-navigation .sub-menu .current_page_item > a,
  .wp-block-navigation__submenu-container .current-menu-item a,
  .wp-block-navigation__submenu-container .current-page-item a {
    background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
    color: white !important;
  }

  /* Mobile menu button styling */
  .wp-block-navigation__responsive-container-open {
    transform: translateX(-15px);
  }

  .wp-block-navigation__responsive-container-close,
  .wp-block-navigation__responsive-container-open {
    background: #1e5a63;
    color: #e2e8f0;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
  }

  /* Re-enable home page highlighting for mobile menu */
  .home .main-navigation .current-menu-item > a,
  .home .main-navigation .current_page_item > a,
  .home .wp-block-navigation-item.current-menu-item a,
  .home .wp-block-navigation-item.current-page-item a,
  .home
    .wp-block-navigation-item.current-menu-item
    .wp-block-navigation-item__content {
    background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
    color: white !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Re-enable the green underline for home menu item in mobile */
  .home .main-navigation .current-menu-item > a::after,
  .home .main-navigation .current_page_item > a::after,
  .home .wp-block-navigation-item.current-menu-item a::after {
    content: "" !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 85% !important;
    height: 3px;
    background: #416640;
    transform: translateX(-50%);
  }
  .main-navigation li:not(:last-child)::after,
  .wp-block-navigation-item:not(:last-child)::after {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content
    .wp-block-navigation-item__content {
    padding-right: 15px !important;
  }
  .wp-block-navigation-item.wp-block-navigation-submenu:hover
    > .wp-block-navigation-item__content {
    color: white !important;
    background: linear-gradient(135deg, #164951 0%, #29668c 100%) !important;
  }
  /* Method 1: Using nth-child selector */
  .main-navigation ul li:nth-child(3) a .wp-block-navigation-item__label,
  .wp-block-navigation__container
    .wp-block-navigation-item:nth-child(3)
    .wp-block-navigation-item__label {
    font-size: 0; /* Hide original text */
  }

  .main-navigation ul li:nth-child(3) a .wp-block-navigation-item__label::after,
  .wp-block-navigation__container
    .wp-block-navigation-item:nth-child(3)
    .wp-block-navigation-item__label::after {
    content: "Website Design and Hosting"; /* Replace with your desired text */
    font-size: var(--wp--preset--font-size--base); /* Restore font size */
    font-family: "Exo 2", sans-serif;
    font-weight: 600;
  }
  .site-header,
  header {
    padding-bottom: 10px !important;
  }
}