/* ===== Joomla 4 Navbar Custom Styling ===== */

/* Navbar background */
.navbar,
.navbar.navbar-expand,
.navbar.navbar-expand-lg,
.navbar.navbar-expand-md {
    background-color: #C1131D !important;
    border: none;
}

/* Navbar brand (site title/logo) */
.navbar-brand {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 1.25rem;
}
.navbar-brand:hover,
.navbar-brand:focus {
    color: #f2f2f2 !important;
}

/* Navbar links */
.navbar-nav .nav-link {
    color: #ffffff !important;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: all 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: #FFD700 !important; /* gold highlight */
    background-color: rgba(0,0,0,0.15);
    border-radius: 6px;
}

/* Dropdown menu */
.navbar-nav .dropdown-menu {
    background-color: #C1131D;
    border: none;
}

.navbar-nav .dropdown-item {
    color: #ffffff !important;
}
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
    color: #FFD700 !important;
    background-color: rgba(0,0,0,0.2);
}

/* Navbar toggler (hamburger icon) */
.navbar-toggler {
    border: none;
}
.navbar-toggler-icon {
    background-image: none;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    position: relative;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: "";
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    left: 0;
}
.navbar-toggler-icon::before {
    top: -7px;
}
.navbar-toggler-icon::after {
    top: 7px;
}