/* Footer styling */
footer {
    background: linear-gradient(135deg, #ffff 0%, #ffff 100%) !important;
    color: #333 !important; /* Donkere tekst kleur */
    margin-left: 220px;
}

footer h5 {
    color: #2d8c80 !important;
}

footer span, 
footer p, 
footer a {
    color: #333 !important; /* Donkere tekst voor alle elementen */
}

/* Specifiek voor de privacy links */
footer .text-light {
    color: #333 !important; /* Overschrijf de text-light class */
}

footer a:hover {
    color: #2d8c80 !important;
    transition: color 0.3s ease;
}

footer .btn-outline-light {
    border-color: #333 !important;
    color: #333 !important;
}

footer .btn-outline-light:hover {
    border-color: #2d8c80 !important;
    background-color: #2d8c80 !important;
    color: white !important;
}

footer hr {
    border-color: #2d8c80 !important;
}

/* Alleen deze drie elementen kleiner maken op mobiel */
@media (max-width: 768px) {
    footer .copyright-text {
        font-size: 0.65rem; /* nog kleiner */
    }
}

/* Responsive */
@media (max-width: 900px) {
    footer {
        margin-left: 0;
        width: 100%;
    }
}