/* Types d'engin : page /galerie/engin/{slug}, bloc « autres maquettes » de la
   fiche et liste des types sur les pages de catégorie. */

.vehicle-type-intro {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
    align-items: start;
}
@media (max-width: 991.98px) {
    .vehicle-type-intro { grid-template-columns: minmax(0, 1fr); }
}
.vehicle-type-intro__text,
.vehicle-type-summary {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    border: 1px dashed grey;
    box-shadow: 3px 3px 5px grey;
}
.vehicle-type-intro__text p:last-child { margin-bottom: 0; }
.vehicle-type-summary__lead { font-size: 1.05rem; margin-bottom: .75rem; }
.vehicle-type-summary__facets { margin: 0; }
.vehicle-type-summary__facets dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: #6c757d; margin-top: .5rem; }
.vehicle-type-summary__facets dd { margin: .25rem 0 0; display: flex; flex-wrap: wrap; gap: .35rem; }

.vehicle-type-chip {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .6rem;
    border-radius: 999px;
    background: #e9ecef;
    border: 1px solid #ced4da;
    font-size: .85rem;
    color: #212529;
    text-decoration: none;
}
.vehicle-type-chip small { color: #6c757d; }
a.vehicle-type-chip:hover,
a.vehicle-type-chip:focus-visible { background: #1f3a5f; border-color: #1f3a5f; color: #fff; }
a.vehicle-type-chip:hover small,
a.vehicle-type-chip:focus-visible small { color: #dfe7f1; }

.vehicle-type-grid-title { font-size: 1.25rem; margin-bottom: 1rem; }

/* Pages de catégorie : types d'engin les plus présents */
.vehicle-type-links { margin: 1rem 0 0; }
.vehicle-type-links__title { font-size: .9rem; font-weight: 600; margin-bottom: .4rem; }
.vehicle-type-links__list { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: 0; padding: 0; }

/* Fiche : les autres maquettes du même engin */
.vehicle-type-siblings { margin-top: 1.5rem; }
.vehicle-type-siblings__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .5rem; margin-bottom: .75rem; }
.vehicle-type-siblings__head h2 { font-size: 1.15rem; margin: 0; }
.vehicle-type-siblings__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.vehicle-type-sibling { display: block; border-radius: 6px; overflow: hidden; background: #1a1a1a; color: #fff; text-decoration: none; }
.vehicle-type-sibling img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: opacity .2s; }
.vehicle-type-sibling:hover img,
.vehicle-type-sibling:focus-visible img { opacity: .8; }
.vehicle-type-sibling span { display: block; padding: .35rem .5rem; font-size: .8rem; line-height: 1.25; }
.vehicle-type-sibling small { color: #adb5bd; }