/* FORCE DROPDOWN STYLES - INJECTED FIX FOR CACHE ISSUES */
 .mobile-nav-logo,
 .mobile-nav-footer {
     display: none;
 }

 .nav-links {
     display: flex;
     align-items: center;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .nav-links li.dropdown {
     position: relative !important;
     display: flex !important;
     align-items: center !important;
     height: 100%;
     margin-bottom: 0 !important;
     padding-bottom: 0 !important;
 }

 /* Target direct link */
 .nav-links li.dropdown>a {
     display: flex;
     align-items: center;
     gap: 6px;
     height: 100%;
     margin-bottom: 0 !important;
 }

 /* Dropdown arrow icon */
 .dropdown-arrow {
     font-size: 0.65rem !important;
     transition: transform 0.25s ease;
     margin-left: 2px;
 }

 .dropdown.open .dropdown-arrow {
     transform: rotate(180deg);
 }

 .dropdown-content {
     display: none !important;
     position: absolute !important;
     top: 100% !important;
     left: 0 !important;
     background-color: white !important;
     min-width: 260px !important;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
     z-index: 99999 !important;
     padding: 0 !important;
     margin-top: 0 !important;
     border-radius: 0 0 4px 4px !important;
 }

 /* SHOW ON HOVER */
 .nav-links li.dropdown:hover .dropdown-content {
     display: block !important;
 }

 .dropdown-content a {
     color: #062365 !important;
     padding: 14px 20px !important;
     text-decoration: none !important;
     display: block !important;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
     font-size: 0.95rem !important;
     font-weight: 500 !important;
     text-transform: none !important;
     line-height: 1.4 !important;
     transition: all 0.2s ease !important;
     background: transparent !important;
     text-align: left !important;
     margin: 0 !important;
 }

 .dropdown-content a:last-child {
     border-bottom: none !important;
 }

 .dropdown-content a:hover {
     background-color: rgba(255, 255, 255, 0.1) !important;
     color: #f97400 !important;
     padding-left: 25px !important;
 }

 /* Mobile adjustments */
 @media (max-width: 900px) {

     .top-bar,
     .nav-right {
         display: none !important;
     }

     .mobile-toggle {
         display: flex !important;
         align-items: center;
         justify-content: center;
         width: 44px;
         height: 44px;
         background: transparent;
         border: none;
         cursor: pointer;
         z-index: 10001;
         position: relative;
     }

     .mobile-toggle i {
         font-size: 1.5rem;
         color: var(--primary, #062365);
         transition: transform 0.2s ease;
     }

     .mobile-toggle:active i {
         transform: scale(0.9);
     }

     .nav-links {
         position: fixed !important;
         top: 0 !important;
         left: -100% !important;
         width: 85% !important;
         max-width: 360px !important;
         height: 100vh !important;
         background: white !important;
         flex-direction: column !important;
         align-items: stretch !important;
         padding: 20px 24px 30px !important;
         transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
         box-shadow: 4px 0 25px rgba(0, 0, 0, 0.15);
         overflow-y: auto;
         gap: 0 !important;
         display: flex !important;
         z-index: 10000 !important;
     }

     .nav-links.active {
         left: 0 !important;
     }

     .nav-links li {
         width: 100% !important;
         border-bottom: 1px solid #f0f0f0;
         margin: 0 !important;
         padding: 0 !important;
     }

     /* Mobile logo at top of drawer */
     .mobile-nav-logo {
         display: block !important;
         border-bottom: 1px solid #eee !important;
         padding: 0 0 16px 0 !important;
         margin-bottom: 8px !important;
         text-align: center;
     }

     .mobile-nav-logo img {
         height: 40px;
     }

     /* Mobile CTA + Contact footer */
     .mobile-nav-footer {
         display: block !important;
         border-bottom: none !important;
         margin-top: auto !important;
         padding-top: 20px !important;
     }

     .mobile-cta-btn {
         display: block !important;
         background: #f97400 !important;
         color: white !important;
         text-align: center !important;
         padding: 14px 20px !important;
         border-radius: 6px !important;
         font-weight: 700 !important;
         font-size: 0.9rem !important;
         letter-spacing: 0.5px;
         text-decoration: none;
         transition: background 0.2s ease;
     }

     .mobile-cta-btn:hover {
         background: #e06800 !important;
     }

     .mobile-contact-info {
         margin-top: 16px;
         padding: 0 4px;
     }

     .mobile-contact-info div {
         display: flex;
         align-items: flex-start;
         gap: 10px;
         font-size: 0.82rem;
         color: #555;
         padding: 6px 0;
         line-height: 1.4;
     }

     .mobile-contact-info div i {
         color: #062365;
         width: 16px;
         text-align: center;
         flex-shrink: 0;
         margin-top: 2px;
     }

     .nav-links li a {
         display: block !important;
         padding: 18px 0 !important;
         font-size: 1.05rem;
         color: #062365 !important;
         margin: 0 !important;
         line-height: 1.3 !important;
     }

     .nav-links li a:hover,
     .nav-links li a.active {
         color: #f97400 !important;
     }

     /* Dropdown in mobile: reset ALL desktop flex/height */
     .nav-links li.dropdown {
         display: block !important;
         height: auto !important;
         position: relative !important;
         flex-direction: unset !important;
         align-items: unset !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     .nav-links li.dropdown>a {
         display: flex !important;
         align-items: center !important;
         justify-content: space-between !important;
         padding: 20px 0 !important;
         margin: 0 !important;
         height: auto !important;
     }

     .dropdown-arrow {
         font-size: 0.7rem !important;
         margin-left: auto;
         transition: transform 0.25s ease;
     }

     .dropdown.open .dropdown-arrow {
         transform: rotate(180deg);
     }

     /* Dropdown content: completely hidden, no space taken */
     .dropdown-content {
         position: static !important;
         box-shadow: none !important;
         width: 100% !important;
         top: auto !important;
         left: auto !important;
         display: none !important;
         background-color: white !important;
         padding: 0 0 0 12px !important;
         margin: 0 0 4px 0 !important;
         border-radius: 6px !important;
         min-width: unset !important;
     }

     /* Override hover — on mobile, JS handles toggle via .open class */
     .nav-links li.dropdown:hover .dropdown-content {
         display: none !important;
     }

     /* Show dropdown when JS adds .open class */
     .nav-links li.dropdown.open>.dropdown-content {
         display: block !important;
     }

     .dropdown-content a {
         color: #062365 !important;
         border-bottom: 1px solid #e3e3e3 !important;
         font-size: 0.92rem !important;
         padding: 12px 16px !important;
         margin: 0 !important;
     }

     .dropdown-content a:last-child {
         border-bottom: none !important;
     }

     .dropdown-content a:hover {
         color: #f97400 !important;
         background: rgba(249, 116, 0, 0.05) !important;
         padding-left: 20px !important;
     }
 }