/* Default Solid Navbar (Always White Background + Black Text) */
.custom-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1090 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, background-color 0.3s ease, color 0.3s ease;
}

.custom-navbar .cart-icon-link {
    color: #000000 !important;
    transition: color 0.3s ease, transform 0.2s ease;
}

.custom-navbar .cart-icon-link:hover {
    color: #444444 !important;
    transform: scale(1.08);
}
.custom-navbar .nav-link,
.custom-navbar .navbar-brand {
    color: #000000 !important;
    text-shadow: none !important;
    transition: color 0.3s ease;
}
/* --- Default Solid Navbar (White BG + Black Greeting Text) --- */
.custom-navbar .user-greeting {
    color: #000000 !important;
    text-shadow: none !important;
    transition: color 0.3s ease;
}
/* Default Dark Buttons & Toggler */
.custom-navbar .btn-outline-light {
    color: #212529 !important;
    border-color: #212529 !important;
    background-color: transparent !important;
}

.custom-navbar .btn-outline-light:hover {
    color: #ffffff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.custom-navbar .navbar-toggler-icon {
    filter: invert(0);
    transition: filter 0.3s ease;
}

.custom-navbar .navbar-toggler {
    border-color: #6c757d !important;
}

/* --- OVER HERO IMAGE STATE (Transparent) --- */
.custom-navbar.navbar-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}

.custom-navbar.navbar-transparent .nav-link,
.custom-navbar.navbar-transparent .navbar-brand {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.custom-navbar.navbar-transparent .btn-outline-light {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.custom-navbar.navbar-transparent .btn-outline-light:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.custom-navbar.navbar-transparent .navbar-toggler-icon {
    filter: invert(1);
}
/* --- OVER HERO IMAGE STATE (Transparent BG + White Icon) --- */
.custom-navbar.navbar-transparent .cart-icon-link {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
/* --- OVER HERO IMAGE STATE (Transparent BG + White Greeting Text) --- */
.custom-navbar.navbar-transparent .user-greeting {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.custom-navbar.navbar-transparent .cart-icon-link:hover {
    color: #dddddd !important;
}
/* --- HIDDEN STATE --- */
.custom-navbar.navbar-hidden {
    transform: translateY(-100%);
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}