/* Navbar Text Color Fix - Override all other CSS */

/* Force navbar text to be white */
nav.bg-green-700 a,
nav.bg-green-700 span,
nav.bg-green-700 .dropdown-toggle,
nav.bg-green-700 .text-white {
    color: #ffffff !important;
}

/* Force dropdown menu text to be white */
nav.bg-green-700 .dropdown-menu a,
nav.bg-green-700 .dropdown-menu li a {
    color: #ffffff !important;
}

/* Force mobile menu text to be white */
nav.bg-green-700 #mobile-menu a,
nav.bg-green-700 #mobile-menu span {
    color: #ffffff !important;
}

/* Hover states should remain white */
nav.bg-green-700 a:hover,
nav.bg-green-700 .dropdown-toggle:hover,
nav.bg-green-700 .dropdown-menu a:hover {
    color: #ffffff !important;
}



/* Footer text colors - ensure proper contrast */
footer.bg-green-700 h3,
footer.bg-green-700 h4 {
    color: #ffffff !important;
}

footer.bg-green-700 p,
footer.bg-green-700 a,
footer.bg-green-700 span {
    color: #d1d5db !important; /* text-gray-300 equivalent */
}

footer.bg-green-700 a:hover {
    color: #ffffff !important;
}

/* Hero Slider Text Color Fix - Override default heading colors */
#hero-slider h2.text-white,
#hero-slider .text-white {
    color: #ffffff !important;
}

#hero-slider p.text-green-600,
#hero-slider .text-green-600 {
    color: #059669 !important; /* text-green-600 equivalent */
}

/* Ensure hero slider text is always visible */
.splide__slide h2 {
    color: #ffffff !important;
}

.splide__slide p {
    color: #059669 !important;
}
/* Mobile Menu Button Improvements */
@media (max-width: 768px) {
    /* Mobile menu button touch-friendly sizing */
    #mobile-menu-button {
        min-height: 44px;
        min-width: 44px;
        touch-action: manipulation;
    }
    
    /* Language switcher mobile spacing */
    nav.bg-green-700 .container {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Ensure SVG icon is visible */
    #mobile-menu-button svg {
        display: block !important;
        visibility: visible !important;
        color: white !important;
    }
}

/* Desktop language switcher positioning */
@media (min-width: 769px) {
    nav.bg-green-700 .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}