@charset "UTF-8";

/* Import Google Fonts - La Belle Aurore */
@import url('https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap');

/*
 Base overrides Metronic – sans modifier style.bundle.css
 - Ajuster uniquement des variables et styles génériques
 - Compatible light/dark via variables Bootstrap
*/
:root {
    --bs-text-primary:#ED0146;
    --bs-link-color-rgb:#ED0146;
    --bs-nav-link-color:#ED0146!important;
    --bs-link-hover-color-rgb:#e04356;
    --bs-menu-link-color-hover:#e04356;
    --bs-link-color:#ED0146;
    --bs-link-hover-color:#e04356;
    --bs-secondary-color:#e04356;
    --bs-primary:#ED0146;
    --bs-primary-rgb:#ED0146;
    --bs-primary-active:#e04356;
    --bs-menu-link-color:#ED0146;
    --bs-menu-link-color-active:#e04356;
    --bs-pagination-bg:#ED0146;
    --bs-pagination-active-bg:#e04356;
    --bs-component-active-bg:#e04356;
    --bs-component-hover-color:#e04356;
    --bs-pagination-focus-color:#e04356!important;
    --bs-pagination-hover-color:#e04356!important;
    /*--bs-body-color:#ED0146;
    --bs-pagination-active-border-color:#e04356;
    --bs-primary-inverse:#ED0146;*/
}

.form-check-input:checked {
    background-color: #ED0146;
    border-color: #ED0146;
}
.link-primary {
    color: var(--bs-primary-rgb) !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:focus, .link-primary:hover {
    color: var(--bs-link-hover-color-rgb)!important;
    text-decoration-color: RGBA(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.nav {
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
}


.page-link:focus {
    color: var(--bs-pagination-focus-color)
}

.page-link:hover {
    color: var(--bs-pagination-hover-color);
}

/*
 Fond marque
 01. Sous le logo (zone logo aside)
 02. Header (barre haute SINGER MÉRIGNAC)
 03. Aside bar (optionnel: conserver sombre si lisibilité souhaitée)
*/
.app-sidebar .app-sidebar-logo,
.aside-logo,
#kt_aside .aside-logo { background-color: #F9F9F9 !important; }
/*.aside-menu{
    width: 180px!important;
}
.aside-menu .menu>.menu-item>.menu-link {
    width: 100%!important;
    margin:auqto 10px!important;
}*/

/* Laisser l'aside sombre pour le contraste; décommenter pour forcer la couleur marque */
/*
.app-sidebar,
#kt_app_sidebar,
#kt_aside { background-color: var(--kt-primary-active) !important; }
*/
[data-bs-theme="dark"] {
    --bs-link-color:#fff!important;
}

/* Styles for larger screens (desktops) */
@media (min-width: 1024px) {
    .responsive-menu {
        flex-wrap: nowrap;
    }

    .responsive-menu .menu-item {
        margin: 0;
    }
}

/* Styles for tablets */
@media (max-width: 1023px) and (min-width: 768px) {
    .responsive-menu {
        flex-direction: column;
    }

    .responsive-menu .menu-item {
        width: 100%;
    }
}

/* Styles for smartphones */
@media (max-width: 767px) {
    .responsive-menu {
        flex-direction: column;
        word-wrap: break-word !important;
    }

    .responsive-menu .menu-item {
        width: 100%;
    }

    .responsive-menu .menu-link {
        padding: 10px;
        width: 100%;
    }
}