/* ============================================================
   Styles pour protéger la navbar et footer
   des styles génériques d'autres pages
   ============================================================ */

/* Protège le header (navbar) */
.header {
    background-color: #ffffff;
    color: inherit;
}

.header * {
    background-color: inherit;
    color: inherit;
}

/* Protège le footer */
.mainfooter {
    background-color: #f5f5f5;
    color: #333;
    padding: 40px 0;
}

.mainfooter a {
    color: #666;
    text-decoration: none;
}

.mainfooter a:hover {
    color: #333;
    text-decoration: underline;
}

.mainfooter h4 {
    color: #1a1a1a;
    margin-bottom: 15px;
}

/* S'assure que les styles du body n'affectent pas ces sections */
body .header {
    background-color: #ffffff !important;
    color: var(--primary) !important;
}

body .mainfooter {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}