/* ============================================================
   AIIMS Desktop Nav Fix — injected via Nova
   Fixes: gap overflow, font size, dropdown styling
   ============================================================ */

/* ── Top-level nav bar ── */
@media (min-width: 1024px) {

  /* Tighten the gap so all items fit without cutting off */
  #menu-primary-menu {
    gap: 6px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    font-family: 'TT Interphases Pro', 'Inter', -apple-system, sans-serif !important;
  }

  /* Top-level link padding so they have a decent hit area */
  #menu-primary-menu > li > a {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    transition: background 0.18s ease, color 0.18s ease !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  #menu-primary-menu > li > a:hover {
    background: rgba(255,255,255,0.07) !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  /* Active / current page item */
  #menu-primary-menu > li.current-menu-item > a,
  #menu-primary-menu > li.current-menu-ancestor > a,
  #menu-primary-menu > li.current_page_parent > a {
    color: #F5412C !important;
  }

  /* "Let's Talk" CTA styling */
  #menu-primary-menu > li.menu-item-36 > a {
    background: #F5412C !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 40px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
  }

  #menu-primary-menu > li.menu-item-36 > a:hover {
    background: rgba(245,65,44,0.85) !important;
    color: #fff !important;
  }

  /* "Let's Talk" dropdown — anchor to RIGHT edge of button so it opens leftward */
  #menu-primary-menu > li.menu-item-36 {
    position: relative !important;
  }

  #menu-primary-menu > li.menu-item-36 > .sub-menu,
  #menu-primary-menu > li.menu-item-36 > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }

  /* ── Dropdown panel ── */
  #menu-primary-menu .dropdown-menu,
  #menu-primary-menu .sub-menu {
    width: auto !important;
    min-width: 220px !important;
    max-width: 300px !important;
    background: #111111 !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.55), 0 4px 16px rgba(0,0,0,0.3) !important;
    padding: 8px !important;
    margin-top: 6px !important;
    list-style: none !important;
  }

  /* Dropdown items */
  #menu-primary-menu .sub-menu li a {
    display: block !important;
    padding: 9px 14px !important;
    color: rgba(255,255,255,0.78) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    border-radius: 7px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    text-decoration: none !important;
    white-space: normal !important;
    font-family: 'TT Interphases Pro', 'Inter', -apple-system, sans-serif !important;
  }

  #menu-primary-menu .sub-menu li a:hover {
    background: rgba(245,65,44,0.1) !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  /* Active item in dropdown */
  #menu-primary-menu .sub-menu li.current-menu-item > a,
  #menu-primary-menu .sub-menu li.active > a {
    color: #F5412C !important;
    background: rgba(245,65,44,0.08) !important;
    font-weight: 600 !important;
  }

  /* Thin divider between dropdown sections if needed */
  #menu-primary-menu .sub-menu li + li {
    margin-top: 1px !important;
  }

  /* Remove default Tailwind/WP margins on li inside dropdown */
  #menu-primary-menu .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Let's Talk dropdown phone/contact rows */
  #menu-primary-menu li.menu-item-36 .sub-menu li a[href^="tel:"] {
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    font-size: 13.5px !important;
    letter-spacing: 0.01em !important;
  }

  #menu-primary-menu li.menu-item-36 .sub-menu li a[href*="/contact"] {
    color: #F5412C !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    padding-top: 10px !important;
  }

  #menu-primary-menu li.menu-item-36 .sub-menu li a[href*="/contact"]:hover {
    background: rgba(245,65,44,0.12) !important;
  }

  /* Blogs & Case Studies dropdown — long items need a bit more width */
  #menu-item-1223 .sub-menu,
  #menu-item-1223 .dropdown-menu {
    min-width: 270px !important;
  }

  /* Services dropdown — also has long items */
  #menu-item-138 .sub-menu,
  #menu-item-138 .dropdown-menu {
    min-width: 250px !important;
  }

}