/* Nav dropdowns — ultra luxury (loads after Webflow to override) */

/* ========== DESKTOP ========== */
@media (min-width: 769px) {
  .mega-nav_dropdown-list,
  .nav_dropdown-list,
  .mega-nav_dropdown-list.w--open,
  .nav_dropdown-list.w--open {
    background: linear-gradient(145deg, rgba(18, 24, 38, 0.98) 0%, rgba(10, 14, 22, 0.99) 100%) !important;
    background-color: rgba(14, 20, 30, 0.98) !important;
    border: 1px solid rgba(167, 139, 250, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    padding: 16px !important;
    margin-top: 6px !important;
  }

  .mega-nav_dropdown-list,
  .mega-nav_dropdown-list.w--open {
    min-width: 260px !important;
    max-width: 340px !important;
    padding: 8px 10px !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }

  /* Single row: only the 3 service columns (no promo) */
  .mega-nav_dropdown-list > .mega-nav_dropdown-list-wrapper > .grid_3-col {
    display: block !important;
  }
  .mega-nav_dropdown-list .w-layout-grid.grid_3-col {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px 10px !important;
  }

  .mega-nav_dropdown-list-wrapper,
  .mega-nav_dropdown-list-wrapper.w--open {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    position: relative !important;
    inset: auto !important;
  }

  .mega-nav_dropdown-list .eyebrow {
    font-size: 0.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    color: rgba(196, 181, 253, 0.95) !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
  }

  .mega-nav_list {
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .mega-nav_link-item {
    padding: 4px 6px !important;
    gap: 6px !important;
    border-radius: 6px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }

  .mega-nav_link-item:hover {
    background: rgba(167, 139, 250, 0.1) !important;
    color: #fff !important;
  }

  .mega-nav_link-item .icon_medium {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    color: rgba(196, 181, 253, 0.95) !important;
  }

  .mega-nav_link-item strong {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.98) !important;
    white-space: nowrap !important;
  }

  .mega-nav_link-item .paragraph_small,
  .mega-nav_link-item .text-color_secondary {
    font-size: 0.625rem !important;
    line-height: 1.25 !important;
    color: rgba(209, 213, 219, 0.85) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .nav_dropdown-list,
  .nav_dropdown-list.w--open {
    min-width: 160px !important;
    padding: 10px 8px !important;
    display: block !important;
  }

  .nav-menu_dropdown-list-wrapper,
  .nav-menu_dropdown-list-wrapper.w--open {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
  }

  .nav_dropdown-link {
    display: block !important;
    padding: 10px 12px !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 8px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
  }

  .nav_dropdown-link:hover,
  .nav_dropdown-link.w--current,
  .nav_dropdown-link.w--open {
    background: rgba(167, 139, 250, 0.12) !important;
    color: #fff !important;
  }

  .nav_dropdown-list .flex_vertical {
    gap: 2px !important;
  }
}

/* ========== MOBILE ========== */
.nav_mobile-menu .mega-nav_dropdown-list,
.nav_mobile-menu .nav_dropdown-list {
  background: linear-gradient(145deg, rgba(18, 24, 38, 0.98) 0%, rgba(10, 14, 22, 0.99) 100%) !important;
  border: 1px solid rgba(167, 139, 250, 0.15) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding: 0 12px !important;
}

.nav_mobile-menu .mega-nav_dropdown-list.w--open,
.nav_mobile-menu .nav_dropdown-list.w--open {
  padding: 10px 10px !important;
}

.nav_mobile-menu .mega-nav_dropdown-list-wrapper,
.nav_mobile-menu .mega-nav_dropdown-list-wrapper.w--open {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.nav_mobile-menu .mega-nav_dropdown-list .eyebrow {
  font-size: 0.55rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: rgba(196, 181, 253, 0.95) !important;
  margin-bottom: 4px !important;
}

.nav_mobile-menu .mega-nav_dropdown-list .grid_3-col {
  gap: 8px !important;
}

.nav_mobile-menu .mega-nav_list {
  gap: 0 !important;
}

.nav_mobile-menu .mega-nav_link-item {
  padding: 5px 6px !important;
  gap: 6px !important;
  border-radius: 6px !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.nav_mobile-menu .mega-nav_link-item .icon_medium {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  color: rgba(196, 181, 253, 0.95) !important;
}

.nav_mobile-menu .mega-nav_link-item strong {
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

.nav_mobile-menu .mega-nav_link-item .paragraph_small,
.nav_mobile-menu .mega-nav_link-item .text-color_secondary {
  font-size: 0.625rem !important;
  line-height: 1.3 !important;
  color: rgba(209, 213, 219, 0.85) !important;
}

.nav_mobile-menu .nav_dropdown-link {
  padding: 10px 12px !important;
  font-size: 0.875rem !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.nav_mobile-menu .nav_dropdown-link:hover {
  background: rgba(167, 139, 250, 0.12) !important;
  color: #fff !important;
}