/**
 * -----------------------------------------------------------------------------
 * Fichier CSS : /modules/mongarage/views/css/garage.css
 * -----------------------------------------------------------------------------
 */

/* Style pour la barre d'info véhicule dans l'en-tête */
#mon-garage-top-bar {
    background-color: #f0f2f5; /* Couleur de fond discrète */
    border: 1px solid #dde2e6;
    padding: 6px 12px;
    border-radius: 20px; /* Coins arrondis */
    display: flex; /* Utilise flexbox pour l'alignement */
    align-items: center; /* Centre verticalement les éléments */
    gap: 8px; /* Espace entre les éléments */
    font-size: 0.9em; /* Taille de police légèrement réduite */
    color: #3a3a3a;
    margin: 5px; /* Un peu de marge pour ne pas coller aux bords */
}

/* Style pour l'icône de voiture */
#mon-garage-top-bar .garage-vehicle .material-icons {
    font-size: 18px; /* Taille de l'icône */
    color: #2fb5d2; /* Couleur de l'icône assortie au thème */
    margin-right: 5px;
}

/* Style pour le nom du véhicule */
#mon-garage-top-bar .garage-vehicle {
    display: inline-flex;
    align-items: center;
}

/* Style pour le lien "Changer" */
#mon-garage-top-bar .garage-change-link {
    text-decoration: none;
    font-size: 0.9em;
    color: #2fb5d2;
    font-weight: bold;
}

#mon-garage-top-bar .garage-change-link:hover {
    text-decoration: underline;
}

/* Le label "Votre véhicule :" */
#mon-garage-top-bar .garage-label {
    font-weight: normal;
}