body {
    background: #ffe358; /* Jaune foncé */
    color: #111;
    min-height: 100vh;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.main-content {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.05);
    max-width: 600px;
    margin: auto;
}

.garage-title {
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: 2px;
    color: #111;
}

.garage-address {
    font-size: 1.2rem;
    color: #111;
}

.garage-phone {
    font-size: 1.2rem;
}

.carousel-inner {
    background: #000; /* Fond noir autour des images */
    border-radius: 16px;
}

.carousel-inner img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 320px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #000; /* Fond noir derrière l'image */
    object-fit: contain;
}

.navbar {
    background-color: #b33b3b !important; /* Rouge foncé */
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-toggler {
    color: #111 !important; /* Texte noir */
    font-weight: bold !important;
}

.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
    color: #222 !important; /* Texte noir légèrement plus foncé au survol/actif */
}

@media (max-width: 576px) {
    .main-content {
        max-width: 100%;
        padding: 0 8px;
    }
    .carousel-inner img {
        max-height: 180px;
    }
}