/*
  Feuille de style personnalisée de VigiAlert.
  Bootstrap fait le gros du travail ; ici on ajoute notre identité visuelle.
*/

/* --- Palette de couleurs VigiAlert ---
   On définit nos couleurs ici pour les réutiliser partout.
   Plus tard, si on veut changer une couleur, on change UNE seule ligne.
*/
:root {
    --vigi-green:   #2F3E2E;  /* Vert treillis : couleur principale, sobre */
    --vigi-brown:   #5A3E2B;  /* Marron Manitoba : fond, solidité */
    --vigi-fuchsia: #E6007A;  /* Fuchsia : couleur d'accent (boutons) */
    --vigi-indigo:  #3F2B96;  /* Indigo : accent secondaire (optionnel) */
}

/* --- Style général de la page --- */
body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #212529;
}

/* --- Barre de navigation --- */
.vigialert-navbar {
    background-color: var(--vigi-green);
    padding: 0.75rem 0;
}

.vigialert-navbar a:hover {
    color: #fff !important;
}

/* --- Bouton VigiAlert (accent fuchsia) --- */
.btn-vigi {
    background-color: var(--vigi-fuchsia);
    border-color: var(--vigi-fuchsia);
    color: #fff;
    font-weight: 500;
}

.btn-vigi:hover,
.btn-vigi:focus {
    background-color: #B3005F;
    border-color: #B3005F;
    color: #fff;
}

/* --- Cartes (effet survol léger) --- */
.card {
    border: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
}

/* --- Carte de verdict (page de résultat de scan) ---
   La couleur de la bordure gauche change selon le verdict.
   - ok        → vert
   - attention → jaune
   - critique  → rouge
*/
.verdict-card {
    border-left: 6px solid #ccc !important;
}

.verdict-ok {
    border-left-color: #198754 !important;
    background-color: #f0fdf4;
}

.verdict-attention {
    border-left-color: #ffc107 !important;
    background-color: #fffbeb;
}

.verdict-critique {
    border-left-color: #dc3545 !important;
    background-color: #fef2f2;
}

/* --- Tableau plus lisible --- */
.table > :not(caption) > * > * {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}