/* ==============================================
   DANY & STEVE FARM — CHARTE GRAPHIQUE
   Bleu marine, rouge et blanc
   ============================================== */

/* BANDEAU SUPERIEUR */

.fi-topbar {
    background: linear-gradient(
        110deg,
        #061D43 0%,
        #082B60 65%,
        #103C79 100%
    ) !important;

    border-bottom: 3px solid #D71920 !important;
    box-shadow: 0 4px 18px rgba(8, 43, 96, 0.15);
}

.fi-topbar .fi-logo span:first-child {
    color: #FFFFFF !important;
}

.fi-topbar .fi-logo span:last-child {
    color: #FF7278 !important;
}

.fi-topbar .fi-user-menu-trigger {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 9999px;
}

/* COLONNE LATERALE */

.fi-sidebar {
    background: #F8FAFD !important;
    border-right: 1px solid #DCE5F1 !important;
    box-shadow: 5px 0 22px rgba(8, 43, 96, 0.045);
}

/* PANNEAU BLEU CLAIR */

.fi-sidebar-nav-groups {
    background: #EAF0F8 !important;
    border-radius: 24px !important;
    padding: 14px 10px !important;
    margin: 12px 8px !important;
    gap: 8px !important;
}

/* CARTES BLANCHES DES MENUS */

.fi-sidebar .fi-sidebar-item .fi-sidebar-item-button {
    position: relative !important;
    background: #FFFFFF !important;
    border: 1px solid #D5E2F2 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(8, 43, 96, 0.05) !important;
    margin: 5px 0 !important;
    padding: 13px 12px !important;
    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

/* TEXTE ET ICONES */

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #243B58 !important;
    font-weight: 500 !important;
}

.fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon {
    color: #082B60 !important;
}

/* SURVOL */

.fi-sidebar .fi-sidebar-item:not(.fi-active)
.fi-sidebar-item-button:hover {
    background: #FFFFFF !important;
    border-color: #AFC4E0 !important;
    box-shadow: 0 5px 14px rgba(8, 43, 96, 0.10) !important;
    transform: translateY(-1px);
}

/* MENU ACTIF */

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item-button[aria-current="page"] {
    background: #0B2C61 !important;
    border: 1px solid #0B2C61 !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 16px rgba(8, 43, 96, 0.16) !important;
    transform: none !important;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

/* ACCENT ROUGE A DROITE */

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button::after {
    content: "" !important;
    position: absolute !important;
    right: 12px !important;
    top: 25% !important;
    height: 50% !important;
    width: 5px !important;
    background: #E21C2A !important;
    border-radius: 999px !important;
}

/* PETITS ECRANS */

@media (max-width: 768px) {
    .fi-sidebar-nav-groups {
        margin: 8px 5px !important;
        padding: 12px 8px !important;
    }

    .fi-sidebar .fi-sidebar-item .fi-sidebar-item-button {
        padding: 12px 10px !important;
    }
}

/* ==========================================
   CORRECTIF FILAMENT 4 — CARTES DU MENU
   ========================================== */

/* Chaque élément doit avoir son fond blanc */
.fi-sidebar .fi-sidebar-item {
    background: #FFFFFF !important;
    border: 1px solid #D5E2F2 !important;
    border-radius: 15px !important;
    margin: 5px 0 !important;
    box-shadow: 0 2px 5px rgba(8, 43, 96, 0.05) !important;
    overflow: hidden;
}

/* Le bouton occupe toute la carte */
.fi-sidebar .fi-sidebar-item-button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    border-radius: 15px !important;
}

/* Carte active bleu marine */
.fi-sidebar .fi-sidebar-item.fi-active {
    background: #0B2C61 !important;
    border-color: #0B2C61 !important;
    border-left: 5px solid #E21C2A !important;
    box-shadow: 0 5px 14px rgba(8, 43, 96, 0.17) !important;
}

/* Empêcher le bouton interne de redevenir blanc */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Texte blanc sur la carte active */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #FFFFFF !important;
}

/* Supprimer l'ancien accent rouge à droite */
.fi-sidebar .fi-sidebar-item-button::after {
    display: none !important;
}

/* ==========================================
   CORRECTION DEFINITIVE DU MENU ACTIF
   ========================================== */

/* Fond bleu marine sur toute la carte active */
.fi-sidebar .fi-sidebar-item.fi-active,
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item.fi-active > a,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button[aria-current="page"] {
    background: #0B2C61 !important;
    background-color: #0B2C61 !important;
    background-image: none !important;
}

/* Texte et icône blancs */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active a,
.fi-sidebar .fi-sidebar-item.fi-active svg {
    color: #FFFFFF !important;
}

/* Conserver l'accent rouge à gauche */
.fi-sidebar .fi-sidebar-item.fi-active {
    border-left: 5px solid #E21C2A !important;
}

/* ==========================================
   DANY & STEVE FARM — TABLEAU DE BORD
   ========================================== */

/* Fond principal légèrement bleuté */
.fi-main {
    background: linear-gradient(
        145deg,
        #F3F7FD 0%,
        #F8FAFE 55%,
        #FFFFFF 100%
    ) !important;
    border-radius: 20px;
}

/* Titre principal */
.fi-header-heading {
    color: #082B60 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

/* Cartes des indicateurs statistiques */
.fi-wi-stats-overview-stat {
    background: #FFFFFF !important;
    border: 1px solid #DEE7F3 !important;
    border-radius: 18px !important;
    box-shadow: 0 5px 18px rgba(8, 43, 96, 0.055) !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Relief discret au survol */
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(8, 43, 96, 0.11) !important;
}

/* Chiffres principaux */
.fi-wi-stats-overview-stat-value {
    color: #082B60 !important;
    font-weight: 800 !important;
    letter-spacing: -0.7px;
}

/* Libellés des indicateurs */
.fi-wi-stats-overview-stat-label {
    color: #526581 !important;
    font-weight: 600 !important;
}

/* Titres des widgets */
.fi-wi-stats-overview-header-heading {
    color: #082B60 !important;
    font-weight: 700 !important;
}

/* Respect des utilisateurs préférant moins d'animations */
@media (prefers-reduced-motion: reduce) {
    .fi-wi-stats-overview-stat {
        transition: none !important;
    }

    .fi-wi-stats-overview-stat:hover {
        transform: none !important;
    }
}


/* ==========================================
   FINITIONS — MENU LATERAL
   ========================================== */

/* Barre de défilement fine et discrète */
.fi-sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: #C4D2E5 transparent;
}

.fi-sidebar-nav::-webkit-scrollbar {
    width: 5px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background: #C4D2E5;
    border-radius: 10px;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: #8DA8CA;
}