/**
 * Mobile Menu Navigation Links and Contact Info - White Color
 * Makes mobile menu navigation links and contact info white on mobile and tablet devices
 */

/* ============================================
   NAVIGATION LINKS - WHITE
   ============================================ */

/* Mobile menu navigation links - white (all devices) - MAXIMUM SPECIFICITY */
.mobile-menu .navigation li > a,
.mobile-menu .navigation li > a:link,
.mobile-menu .navigation li > a:visited,
.mobile-menu .navigation li > a *,
.mobile-menu .navigation li > a span,
.mobile-menu .menu-outer .navigation li > a,
.mobile-menu .menu-outer .navigation li > a *,
.mobile-menu .menu-box .navigation li > a,
.mobile-menu .menu-box .navigation li > a *,
.mobile-menu nav .navigation li > a,
.mobile-menu nav .navigation li > a *,
.mobile-menu .navigation > li > a,
.mobile-menu .navigation > li > a *,
.mobile-menu .menu-outer .navigation > li > a,
.mobile-menu .menu-outer .navigation > li > a *,
.mobile-menu .menu-box .navigation > li > a,
.mobile-menu .menu-box .navigation > li > a * {
    color: #ffffff !important;
    text-decoration: none !important;
}

.mobile-menu .navigation li > a:hover,
.mobile-menu .navigation li > a:active,
.mobile-menu .navigation li > a:focus,
.mobile-menu .navigation li > a:hover *,
.mobile-menu .navigation li > a:hover span {
    color: #ffffff !important;
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li.active > a,
.mobile-menu .navigation li.current > a *,
.mobile-menu .navigation li.active > a *,
.mobile-menu .navigation li.current > a span,
.mobile-menu .navigation li.active > a span {
    color: #ffffff !important;
}

/* Mobile menu dropdown/submenu links - white */
.mobile-menu .navigation li ul li > a,
.mobile-menu .navigation li ul li > a:link,
.mobile-menu .navigation li ul li > a:visited,
.mobile-menu .navigation li ul li > a *,
.mobile-menu .navigation li ul li > a span {
    color: #ffffff !important;
}

.mobile-menu .navigation li ul li > a:hover,
.mobile-menu .navigation li ul li > a:active,
.mobile-menu .navigation li ul li > a:focus,
.mobile-menu .navigation li ul li > a:hover * {
    color: #ffffff !important;
}

/* Ensure all mobile menu navigation text is white */
.mobile-menu .navigation li,
.mobile-menu .navigation li a,
.mobile-menu .navigation li a span,
.mobile-menu .navigation li a * {
    color: #ffffff !important;
}

/* ============================================
   CONTACT INFO - WHITE
   ============================================ */

/* Mobile menu contact info section - white */
.mobile-menu .contact-info,
.mobile-menu .contact-info *,
.mobile-menu .contact-info li,
.mobile-menu .contact-info li *,
.mobile-menu .contact-info li a,
.mobile-menu .contact-info li a *,
.mobile-menu .contact-info .info-title,
.mobile-menu .contact-info .info-title *,
.mobile-menu .contact-info h3,
.mobile-menu .contact-info h3 *,
.mobile-menu .contact-info h4,
.mobile-menu .contact-info h4 * {
    color: #ffffff !important;
}

/* Contact info links (email, phone) - white */
.mobile-menu .contact-info li a[href^="mailto:"],
.mobile-menu .contact-info li a[href^="tel:"],
.mobile-menu .contact-info a[href^="mailto:"],
.mobile-menu .contact-info a[href^="tel:"],
.mobile-menu .contact-info a[href^="mailto:"] *,
.mobile-menu .contact-info a[href^="tel:"] * {
    color: #ffffff !important;
}

.mobile-menu .contact-info li a[href^="mailto:"]:hover,
.mobile-menu .contact-info li a[href^="tel:"]:hover,
.mobile-menu .contact-info a[href^="mailto:"]:hover,
.mobile-menu .contact-info a[href^="tel:"]:hover {
    color: #ffffff !important;
}

/* Specific contact info elements */
.mobile-menu .contact-info ul li,
.mobile-menu .contact-info ul li *,
.mobile-menu .contact-info ul li a,
.mobile-menu .contact-info ul li a * {
    color: #ffffff !important;
}

/* ============================================
   BUTTON TEXT - WHITE
   ============================================ */

/* Mobile menu button text - keep white */
.mobile-menu .mobile-menu-btn-box .theme-btn,
.mobile-menu .mobile-menu-btn-box .theme-btn.btn-one,
.mobile-menu .mobile-menu-btn-box .book-private-ride-btn,
.mobile-menu .mobile-menu-btn-box .theme-btn *,
.mobile-menu .mobile-menu-btn-box .theme-btn span {
    color: #ffffff !important;
}

/* ============================================
   MOBILE AND TABLET SPECIFIC OVERRIDES
   ============================================ */

/* Mobile and Tablet specific overrides (max-width: 1199px) */
@media only screen and (max-width: 1199px) {
    /* Navigation links */
    .mobile-menu .navigation li > a,
    .mobile-menu .navigation li > a:link,
    .mobile-menu .navigation li > a:visited,
    .mobile-menu .navigation li > a *,
    .mobile-menu .navigation li > a span,
    .mobile-menu .navigation li a {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li > a:hover,
    .mobile-menu .navigation li > a:active,
    .mobile-menu .navigation li > a:focus,
    .mobile-menu .navigation li.current > a,
    .mobile-menu .navigation li.active > a {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li ul li > a,
    .mobile-menu .navigation li ul li > a * {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li,
    .mobile-menu .navigation li a,
    .mobile-menu .navigation li a span {
        color: #ffffff !important;
    }
    
    /* Contact info */
    .mobile-menu .contact-info,
    .mobile-menu .contact-info *,
    .mobile-menu .contact-info li,
    .mobile-menu .contact-info li *,
    .mobile-menu .contact-info li a,
    .mobile-menu .contact-info li a *,
    .mobile-menu .contact-info ul li,
    .mobile-menu .contact-info ul li * {
        color: #ffffff !important;
    }
}

/* Tablet specific (768px - 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu .navigation li > a,
    .mobile-menu .navigation li > a *,
    .mobile-menu .navigation li > a span,
    .mobile-menu .navigation li a {
        color: #ffffff !important;
    }
    
    .mobile-menu .contact-info,
    .mobile-menu .contact-info *,
    .mobile-menu .contact-info li,
    .mobile-menu .contact-info li a,
    .mobile-menu .contact-info li a * {
        color: #ffffff !important;
    }
}

/* Mobile specific (max-width: 767px) */
@media only screen and (max-width: 767px) {
    /* Navigation links - MAXIMUM SPECIFICITY FOR MOBILE */
    .mobile-menu .navigation li > a,
    .mobile-menu .navigation li > a:link,
    .mobile-menu .navigation li > a:visited,
    .mobile-menu .navigation li > a *,
    .mobile-menu .navigation li > a span,
    .mobile-menu .navigation li a,
    .mobile-menu .navigation li a span,
    .mobile-menu .menu-outer .navigation li > a,
    .mobile-menu .menu-outer .navigation li > a *,
    .mobile-menu .menu-box .navigation li > a,
    .mobile-menu .menu-box .navigation li > a *,
    .mobile-menu nav .navigation li > a,
    .mobile-menu nav .navigation li > a *,
    .mobile-menu .menu-outer .navigation li,
    .mobile-menu .menu-box .navigation li,
    .mobile-menu nav .navigation li,
    .mobile-menu .navigation > li > a,
    .mobile-menu .navigation > li > a *,
    .mobile-menu .navigation > li > a span,
    .mobile-menu .menu-outer .navigation > li > a,
    .mobile-menu .menu-outer .navigation > li > a *,
    .mobile-menu .menu-box .navigation > li > a,
    .mobile-menu .menu-box .navigation > li > a *,
    .mobile-menu .menu-box nav .navigation li > a,
    .mobile-menu .menu-box nav .navigation li > a * {
        color: #ffffff !important;
        text-decoration: none !important;
    }
    
    /* Force white color for all text in navigation */
    .mobile-menu .navigation,
    .mobile-menu .navigation li,
    .mobile-menu .navigation li *,
    .mobile-menu .menu-outer .navigation,
    .mobile-menu .menu-outer .navigation li,
    .mobile-menu .menu-outer .navigation li *,
    .mobile-menu .menu-box .navigation,
    .mobile-menu .menu-box .navigation li,
    .mobile-menu .menu-box .navigation li * {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li > a:hover,
    .mobile-menu .navigation li > a:active,
    .mobile-menu .navigation li > a:focus,
    .mobile-menu .navigation li.current > a,
    .mobile-menu .navigation li.active > a {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li ul li > a,
    .mobile-menu .navigation li ul li > a * {
        color: #ffffff !important;
    }
    
    .mobile-menu .navigation li,
    .mobile-menu .navigation li a,
    .mobile-menu .navigation li a span {
        color: #ffffff !important;
    }
    
    /* Contact info - Mobile */
    .mobile-menu .contact-info,
    .mobile-menu .contact-info *,
    .mobile-menu .contact-info li,
    .mobile-menu .contact-info li *,
    .mobile-menu .contact-info li a,
    .mobile-menu .contact-info li a *,
    .mobile-menu .contact-info ul li,
    .mobile-menu .contact-info ul li *,
    .mobile-menu .contact-info ul li a,
    .mobile-menu .contact-info ul li a *,
    .mobile-menu .contact-info .info-title,
    .mobile-menu .contact-info h3,
    .mobile-menu .contact-info h4 {
        color: #ffffff !important;
    }
    
    /* Email and phone links */
    .mobile-menu .contact-info a[href^="mailto:"],
    .mobile-menu .contact-info a[href^="tel:"],
    .mobile-menu .contact-info li a[href^="mailto:"],
    .mobile-menu .contact-info li a[href^="tel:"],
    .mobile-menu .contact-info a[href^="mailto:"] *,
    .mobile-menu .contact-info a[href^="tel:"] * {
        color: #ffffff !important;
    }
}