/* Algemene navbar */
nav.navbar {
    width: 100%;
    z-index: 101;
    transition: background-color 0.4s ease, box-shadow 0.4s ease;
    /* position: fixed; */
    background-color: white;
    
}

nav *:not(.social-icons *) {
    color: var(--secondary-color) !important;
}

.navbar-absolute.navbar-transparent .nav-link:hover {
    color: var(--gold);
}

/* Solid look */
nav.solid,
nav.navbar-absolute {
    background-color: transparent;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

nav.solid .navbar-brand,
nav.solid .nav-link,
nav.navbar-absolute .navbar-brand,
nav.navbar-absolute .nav-link {
    color: var(--secondary-color) !important;
}

nav.solid .nav-link:hover,
nav.navbar-absolute .nav-link:hover {
    color: var(--gold) !important;
}

/* Hamburger icon styling */
.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0.2);
}

.navbar-light .navbar-toggler-icon {
    filter: none;
}

#social-icons * {
    font-size: 1.2rem;
}

#social-icons #facebook-link i {
    color: #2d5ff9 !important;
}

#social-icons img {
    width: 25px !important;
}

#social-icons {
    display: flex !important; /* override Bootstrap column behavior */
    flex-direction: row !important;
}
#social-icons .nav-item {
    /* small right margin already added via Bootstrap me-2 on first item */
}

/* extra spacing for icons on small screens if needed */
@media (max-width: 991px) {
    #social-icons {
        gap: 30px;
    }
}