/* ==========================================================================
   GLOBAL & TOP LEVEL NAVIGATION
   ========================================================================== */
.dcu-mega-menu {
  width: 100%;
  font-family: var(--global-body-font-family, sans-serif);
  position: relative;
  z-index: 999;
}

.dcu-mega-menu__top-list {
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dcu-mega-menu__top-item {
  position: relative;
}

.dcu-mega-menu__top-link {
  display: flex;
  align-items: center;
  gap: 8px;
  
  /* Matches the bold, uppercase dark blue font */
  text-transform: uppercase !important;
  font-weight: 800 !important; 
  letter-spacing: 0.5px;
  color: #17153e !important; 
  
  text-decoration: none;
  padding: 24px 0;
  transition: color 0.2s ease;
}

.dcu-mega-menu__top-link:hover,
.dcu-mega-menu__top-item:hover .dcu-mega-menu__top-link {
  color: #FF631F !important;
}

.dcu-mega-menu__top-link .caret {
  transition: transform 0.3s ease;
}

.dcu-mega-menu__top-item:hover .caret {
  transform: rotate(180deg);
}

/* ==========================================================================
   DESKTOP MEGA DROPDOWN (1025px and up)
   ========================================================================== */
@media (min-width: 1025px) {
  .dcu-mega-menu__dropdown {
    position: absolute;
    top: 100%;
    left: -20px;
    width: 900px; 
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(23, 21, 62, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    padding: 32px;
    pointer-events: none;
  }

  .dcu-mega-menu__top-item:hover .dcu-mega-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .dcu-mega-menu__grid {
    display: grid;
    grid-template-columns: 300px 1fr 250px;
    gap: 40px;
  }

  .layout-1 .dcu-mega-menu__dropdown { width: 300px; padding: 20px; }
  .layout-1 .dcu-mega-