/* ------------------------------------------- */
/* CSS Aggiornato per Dark Mode Uniforme (codemind style) */
/* ------------------------------------------- */

:root {
    --color-primary-inv: #1e90ff; /* Blu brillante */
    --color-text-dark: #e0e0e0; /* Testo chiaro */
    --color-background-dark: #212529; /* Sfondo scuro */
}

/* Stili generali (Molti sono gestiti da Bootstrap bg-dark/text-white) */
/* Rimuoviamo la definizione del body per lasciare che Bootstrap gestisca lo sfondo */

/* Blocchi Contenuto (Visione/Obiettivo) - Ridefiniti per Dark Mode */
.vision-box, .goal-box {
    margin-top: 20px;
    padding: 15px;
    border-left: 5px solid var(--color-primary-inv);
    background-color: rgba(30, 144, 255, 0.1); /* Sfondo blu molto tenue */
    color: var(--color-text-dark); /* Testo chiaro */
    border-radius: 4px;
}

.vision-box h4, .goal-box h4 {
    /* Il colore è gestito da class="text-primary" nell'HTML */
    font-weight: 600;
}

/* Stile per i pulsanti di navigazione */
.btn-primary {
    background-color: var(--color-primary-inv);
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s;
    border: none;
}

.btn-primary:hover {
    background-color: #1a7ad1;
}

/* Stile per le tabelle (solo se non usi le classi Bootstrap table-dark) */
/* Se usi le classi Bootstrap table-dark, questi stili non servono, ma li lasciamo per sicurezza */
.data-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.data-table th, .data-table td {
    padding: 12px 15px;
    border: 1px solid #444; /* Bordo scuro per le celle */
    text-align: left;
}

.data-table thead th {
    background-color: #343a40; /* Sfondo scuro per l'header */
    color: white;
}

/* ------------------------------------------- */
/* CORREZIONE ALLINEAMENTO MOBILE (NavBar Bootstrap) */
/* ------------------------------------------- */

@media (max-width: 991px) {
    /* Forziamo la centratura del testo all'interno del menù collassato */
    .navbar-collapse {
        text-align: center !important; 
    }
    
    /* Centra il blocco UL */
    .navbar-nav {
        display: inline-block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    /* Centra il testo all'interno di ogni voce di menù */
    .navbar-nav .nav-item {
        text-align: center;
    }
}