/* Theme personnalise genere depuis admin/theme.php */
:root {
    --fd-primary: #9500FF;
    --fd-primary-dark: #4B5563;
    --fd-primary-soft: #D294FF;
    --fd-action: #4B5563;
    --fd-action-dark: #4B5563;
    --fd-ink: #111827;
    --fd-muted: #4B5563;
    --fd-surface: #FFFFFF;
    --fd-border: #D2D4DB;
}

body {
    color: #111827 !important;
    background:
        linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 8%, #D294FF 24%, #D294FF 56%, #9500FF 100%)
        fixed !important;
    background-color: #9500FF !important;
}

.containerhaut,
main,
.wrapper {
    background: transparent !important;
}

.page-container,
.search-container,
.result-container,
.page-similaire,
.card {
    background-color: #FFFFFF !important;
    border-color: #D2D4DB !important;
}

.navbar,
#navbar {
    background-color: #9500FF !important;
}

a,
.search-container a,
.result-item a,
.result-table a,
.home-title,
.similaires .card-title.h2,
.similaires .card-title.h2 a {
    color: #9500FF !important;
}

.btn-primary,
.btn-warning,
.fc-btn-primary,
#toggle-search,
.search-container button[type="submit"] {
    background-color: #4B5563 !important;
    border-color: #4B5563 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-warning:hover,
.fc-btn-primary:hover,
#toggle-search:hover,
.search-container button[type="submit"]:hover {
    background-color: #9500FF !important;
    border-color: #9500FF !important;
    color: #ffffff !important;
}

.badge.text-bg-secondary,
.similaires .badge.text-bg-secondary,
.pagination .page-item.active .page-link,
.pagination .active,
.page-link.active {
    background-color: #9500FF !important;
    border-color: #9500FF !important;
    color: #ffffff !important;
}

.page-link,
.btn-outline-primary {
    color: #9500FF !important;
    border-color: #9500FF !important;
}

select.filtre-actif,
.filtre-actif {
    color: #9500FF !important;
    background-color: #D294FF !important;
    border-color: #9500FF !important;
}

footer,
.footer {
    background-color: #111827 !important;
    color: #ffffff !important;
}

footer a,
.footer a {
    color: #ffffff !important;
}