/* Header Styling for Pricing Page - FIXED */
 .pricing-page-header {
     position: fixed !important;
     top: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     transition: all 0.3s ease;
 }

 /* Initial state - transparent with white text */
 .pricing-page-header.header-transparent {
     background: rgba(0, 0, 0, 0.1) !important;
     backdrop-filter: blur(10px);
 }

 /* MAIN MENU ITEMS - White text on transparent header */
 .pricing-page-header.header-transparent .navbar-nav .nav-link {
     color: white !important;
 }

 .pricing-page-header.header-transparent .navbar-brand img {
     filter: brightness(0) invert(1);
 }

 .pricing-page-header.header-transparent .er_btn {
     background: rgba(255, 255, 255, 0.2) !important;
     color: white !important;
     border: 1px solid rgba(255, 255, 255, 0.3) !important;
 }

 .pricing-page-header.header-transparent .er_btn:hover {
     background: white !important;
     color: #5e2ced !important;
 }

 .pricing-page-header.header-transparent .hamburger span {
     background-color: white !important;
 }

 /* DROPDOWN MENUS - Dark text on white background for transparent header */
 .pricing-page-header.header-transparent .dropdown-menu {
     background: rgba(255, 255, 255, 0.98) !important;
     backdrop-filter: blur(20px);
     border: 1px solid rgba(0, 0, 0, 0.1) !important;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
 }

 .pricing-page-header.header-transparent .dropdown-menu .nav-link {
     color: #333 !important;
 }

 .pricing-page-header.header-transparent .dropdown-menu .nav-link:hover {
     color: #667eea !important;
     background: rgba(102, 126, 234, 0.1) !important;
 }

 /* Scrolled state - white background with dark text */
 .pricing-page-header.header-scrolled {
     background: rgba(255, 255, 255, 0.98) !important;
     backdrop-filter: blur(20px);
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
 }

 /* MAIN MENU ITEMS - Dark text on white header */
 .pricing-page-header.header-scrolled .navbar-nav .nav-link {
     color: #333 !important;
 }

 .pricing-page-header.header-scrolled .navbar-brand img {
     filter: none !important;
 }

 .pricing-page-header.header-scrolled .er_btn {
     background: #5e2ced !important;
     color: white !important;
     border: 1px solid #5e2ced !important;
 }

 .pricing-page-header.header-scrolled .er_btn:hover {
     background: transparent !important;
     color: #5e2ced !important;
 }

 .pricing-page-header.header-scrolled .hamburger span {
     background-color: #333 !important;
 }

 /* DROPDOWN MENUS - Dark text on white background for scrolled header */
 .pricing-page-header.header-scrolled .dropdown-menu {
     background: rgba(255, 255, 255, 0.98) !important;
     backdrop-filter: blur(20px);
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 }

 .pricing-page-header.header-scrolled .dropdown-menu .nav-link {
     color: #333 !important;
 }

 .pricing-page-header.header-scrolled .dropdown-menu .nav-link:hover {
     color: #5e2ced !important;
     background: rgba(94, 44, 237, 0.1) !important;
 }

 /* Responsive */
 @media (max-width: 991px) {

     /* Mobile navbar styling - COMPLETE FIX */
     .pricing-page-header .navbar-collapse {
         background: rgba(255, 255, 255, 0.98) !important;
         backdrop-filter: blur(20px);
         border-radius: 10px;
         margin-top: 10px;
         padding: 20px;
         box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
     }

     /* Force all mobile menu text to be dark regardless of header state */
     .pricing-page-header.header-transparent .navbar-collapse .navbar-nav .nav-link,
     .pricing-page-header.header-scrolled .navbar-collapse .navbar-nav .nav-link {
         color: #333 !important;
     }

     /* Force all mobile dropdown text to be dark */
     .pricing-page-header.header-transparent .navbar-collapse .dropdown-menu .nav-link,
     .pricing-page-header.header-scrolled .navbar-collapse .dropdown-menu .nav-link {
         color: #333 !important;
         padding: 10px 20px;
     }

     .pricing-page-header.header-transparent .navbar-collapse .dropdown-menu .nav-link:hover,
     .pricing-page-header.header-scrolled .navbar-collapse .dropdown-menu .nav-link:hover {
         color: #5e2ced !important;
         background: rgba(94, 44, 237, 0.1) !important;
     }

     /* Mobile dropdown menu styling */
     .pricing-page-header .navbar-collapse .dropdown-menu {
         background: transparent !important;
         backdrop-filter: none !important;
         border: none !important;
         box-shadow: none !important;
         padding: 10px 0;
         position: static !important;
         transform: none !important;
         margin-top: 0 !important;
     }
 }