/* ------------------------------------ */
/* --- Styles pour nosvoitures.html --- */
/* ------------------------------------ */

/* --- Bannière spécifique --- */
.cars-banner {
    padding: 4rem 0; /* Espacement interne */
    background-color: var(--secondary-color); /* Fond bleu foncé */
    background-image: linear-gradient(rgba(26, 46, 76, 0.8), rgba(26, 46, 76, 0.9)), url('mismotors-banner-cars.jpg'); /* Option: image de fond différente avec overlay */
    background-size: cover;
    background-position: center center;
    text-align: center;
    color: var(--light-text);
    margin-top: var(--header-height); /* Pour passer sous le header fixe */
    border-bottom: 5px solid var(--primary-color); /* Ligne décorative */
}

.cars-banner .banner-content h1 {
    font-size: clamp(2.2rem, 5vw, 3.2rem); /* Taille titre bannière */
    color: white; /* Couleur titre */
    margin-bottom: 0.8rem;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.cars-banner .banner-content .highlight {
    color: white; /* Couleur accent pour le texte important */
    /* Option: ajouter un léger soulignement ou autre style si désiré */
    /* text-decoration: underline; */
    /* text-decoration-thickness: 2px; */
}

.cars-banner .banner-content p {
    font-size: clamp(1rem, 2.5vw, 1.2rem); /* Taille sous-titre bannière */
    color: rgba(255, 255, 255, 0.9);
    max-width: 600px;
    margin: 0 auto; /* Centrer le paragraphe */
}

/* --- Contenu Principal --- */
.main-content-voitures {
    /* Utilise section-padding défini dans style.css */
    background-color: var(--light-color); /* Fond légèrement gris pour différencier */
}

/* Centrage du texte d'introduction */
.intro-text {
    text-align: center;
    margin-bottom: 3rem; /* Espace avant l'iframe */
}

/* Utiliser les styles standards pour titre et intro */
.intro-text .section-title {
    /* Hérite du style de style.css */
    margin-bottom: 1rem; /* Ajuster marge si besoin */
}
.intro-text .section-intro {
     /* Hérite du style de style.css */
     margin-bottom: 0; /* Pas de marge basse ici */
     max-width: 800px; /* Un peu plus large si besoin */
}

/* --- Conteneur de l'iframe --- */
.iframe-container {
    width: 100%;
    max-width: 100%; /* Assurer qu'il ne dépasse pas */
    margin: 0 auto; /* Centrer si largeur max est définie */
    padding: 1rem; /* Espace autour de l'iframe */
    background-color: white; /* Fond blanc pour l'iframe */
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    overflow: hidden; /* Au cas où l'iframe aurait des éléments qui dépassent */
}

.iframe-container iframe {
    border: none; /* Retirer la bordure par défaut */
    width: 100%; /* Prendre toute la largeur du container */
    height: 800px; /* Hauteur par défaut, peut être ajustée */
    display: block; /* Assurer affichage correct */
    background-color: #f1f1f1; /* Couleur de fond pendant le chargement */
}

/* Ajuster la hauteur de l'iframe pour différents écrans si besoin */
@media (min-width: 768px) {
    .iframe-container iframe {
        height: 1000px; /* Plus haut sur écran large */
    }
}

@media (min-width: 1200px) {
    .iframe-container iframe {
        height: 1200px; /* Encore plus haut sur très grand écran */
    }
}

/* --- Fin des styles nosvoitures.css --- */