/* CSS pour créer un logo de fallback si les images ne se chargent pas */
.logo-fallback {
    display: inline-block;
    background: linear-gradient(45deg, #1db02a, #189223);
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.logo-fallback::before {
    content: "📞";
    margin-right: 8px;
}

/* Style pour le logo principal */
#logo {
    max-height: 40px;
    width: auto;
    vertical-align: middle;
    margin-right: 10px;
}

/* Fallback si l'image ne charge pas */
#logo:not([src]), #logo[src=""] {
    display: none;
}

.navbar-brand {
    display: flex;
    align-items: center;
    color: #434343 !important; /* gris du logo (logopetit.png) */
    font-weight: bold;
    text-decoration: none;
}

.navbar-brand:hover {
    color: #2e2e2e !important;
}