/**
 * Navbar Fix - White text on homepage, gray when scrolled
 * Ensures proper visibility on homepage hero section
 */

/* Base navbar styling */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    background: transparent;
}

/* Homepage navbar - white text by default */
.home-page .navbar {
    background: transparent;
}

.home-page .navbar .nav-link {
    color: #ffffff !important;
    font-weight: 500;
    transition: color 0.3s ease;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.home-page .navbar .nav-link:hover {
    color: #ff7a1a !important;
}

.home-page .navbar .nav-link.active {
    color: #ff7a1a !important;
}

.home-page .navbar .nav-phone {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.home-page .navbar .nav-phone:hover {
    color: #ff7a1a !important;
}

.home-page .navbar .social-icon {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.home-page .navbar .social-icon:hover {
    color: #ff7a1a !important;
}

.home-page .navbar .hamburger {
    background: #ffffff;
}

/* Navbar when scrolled - gray text with white background */
.navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

.navbar.scrolled .nav-link {
    color: #4b5563 !important;
    text-shadow: none;
}

.navbar.scrolled .nav-link:hover {
    color: #ea6004 !important;
}

.navbar.scrolled .nav-link.active {
    color: #ea6004 !important;
}

.navbar.scrolled .nav-phone {
    color: #4b5563 !important;
    text-shadow: none;
}

.navbar.scrolled .nav-phone:hover {
    color: #ea6004 !important;
}

.navbar.scrolled .social-icon {
    color: #4b5563 !important;
    text-shadow: none;
}

.navbar.scrolled .social-icon:hover {
    color: #ea6004 !important;
}

.navbar.scrolled .hamburger {
    background: #4b5563;
}

/* Dropdown menu - always gray background */
.dropdown-menu {
    background: white;
}

.dropdown-menu a {
    color: #4b5563 !important;
}

.dropdown-menu a:hover {
    color: #ea6004 !important;
    background: rgba(234, 96, 4, 0.1);
}

/* Mobile menu */
.mobile-menu {
    background: white;
}

.mobile-nav-list a {
    color: #4b5563 !important;
}

.mobile-nav-list a:hover {
    color: #ea6004 !important;
}

/* Other pages - gray text by default */
.navbar .nav-link {
    color: #4b5563 !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

.navbar .nav-link:hover {
    color: #ea6004 !important;
}

.navbar .nav-link.active {
    color: #ea6004 !important;
}

.navbar .nav-phone {
    color: #4b5563 !important;
}

.navbar .nav-phone:hover {
    color: #ea6004 !important;
}

.navbar .social-icon {
    color: #4b5563 !important;
}

.navbar .social-icon:hover {
    color: #ea6004 !important;
}

.navbar .hamburger {
    background: #4b5563;
}