/* Header Styles */
header {
    background-color: transparent;
}

.navbar-brand {
    color: var(--wuufy-primary) !important;
}

.navbar-toggler {
    border-color: var(--wuufy-primary);
    color: var(--wuufy-primary);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2882, 37, 148, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

header .btn-outline-light {
    border-color: var(--wuufy-primary);
    color: var(--wuufy-primary);
}

header .btn-outline-light:hover {
    background-color: var(--wuufy-primary);
    color: white;
}

header .btn-light {
    background-color: var(--wuufy-primary);
    border-color: var(--wuufy-primary);
    color: white;
}

header span {
    color: var(--wuufy-primary);
}

@media (max-width: 991px) {
    .navbar-collapse {
        margin-top: 1rem;
        padding: 1rem;
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.95);
    }
    
    .navbar-nav .nav-item {
        margin-bottom: 0.5rem;
    }
}

/* Footer Styles */
footer {
    background-color: var(--wuufy-secondary) !important;
}

footer .badge {
    background-color: var(--wuufy-primary) !important;
}

footer a:hover {
    color: var(--wuufy-primary) !important;
}