/* CSS personnalisé pour appliquer les couleurs du tenant */

/* Forcer la couleur du header */
.theme-header-1__top-navbar.bg-primary,
.theme-header-2__top-navbar.bg-primary,
header.bg-primary {
    background-color: var(--header-bg) !important;
}

/* Forcer la couleur du footer */
footer,
.theme-footer-1,
.theme-footer-2,
.footer-bg {
    background-color: var(--footer-bg) !important;
}

/* Si le footer utilise bg-dark, on override */
footer.bg-dark,
.theme-footer-1.bg-dark,
.theme-footer-2.bg-dark {
    background-color: var(--footer-bg) !important;
}

/* Appliquer la couleur primaire aux éléments */
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

/* Boutons */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary-border) !important;
}

.btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover-border) !important;
}

.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary-border) !important;
}

.btn-secondary:hover {
    background-color: var(--secondary-hover) !important;
    border-color: var(--secondary-hover-border) !important;
}