/**
 * Vehicle Detail - No Slider Mode
 * Désactive le slider horizontal et ajoute de l'espacement sur les bords
 */

/* Ajouter de l'espacement intérieur pour éviter que le contenu touche les bords */
.audi-vehicle-single {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .audi-vehicle-single {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
  }
}

/* Améliorer l'apparence de la galerie */
.audi-slider-gallery {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Optimiser l'image sur mobile */
@media (max-width: 991.98px) {
  .audi-slider-gallery {
    height: auto !important;
    min-height: 240px;
  }
  
  .audi-slider-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    max-height: 300px;
  }
  
  /* Réduire la taille des boutons sur mobile */
  .audi-viewer-btn {
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
  }
  
  .audi-viewer-btn img {
    width: 16px !important;
    height: 16px !important;
  }
  
  .audi-viewer-controls {
    gap: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
  }
}

/* Le slider fonctionne normalement, on garde juste le style */

/* Masquer seulement le compteur du slider (garder les boutons de navigation) */
#audi-slider-counter,
.audi-slider-counter {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Ajouter de l'espacement sur les sections pour éviter le collage */
.audi-choices,
.audi-colors,
.audi-rims {
  margin-top: 16px;
}

/* Espacement pour la barre de conversion */
.audi-conversion-bar .audi-conversion-inner {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 992px) {
  .audi-conversion-bar .audi-conversion-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}
/* Contact panel: remove elevation and make buttons narrower */
.audi-map-section .col-lg-6 > .p-4.p-lg-5.d-flex.flex-column.justify-content-center {
  box-shadow: none !important; /* override inline box-shadow */
}

  /* Button row inside contact panel */
  .audi-map-section .d-flex.gap-2.flex-wrap.mt-auto .btn.flex-fill {
    flex: 0 0 auto !important; /* cancel flex-fill so width shrinks to content */
  }
.audi-map-section .d-flex.gap-2.flex-wrap.mt-auto .btn {
  min-width: 140px;
  padding: .35rem .6rem; /* a bit tighter than btn-sm */
}
@media (max-width: 575.98px) {
  .audi-map-section .d-flex.gap-2.flex-wrap.mt-auto .btn {
    min-width: 120px;
    padding: .3rem .5rem;
  }
}

/* On small/medium screens, place the map above the contact block */
@media (max-width: 991.98px) {
  .audi-map-section .row.g-0 {
    display: flex;
    flex-wrap: wrap;
  }
  /* First column is contact (in markup). Move it below */
  .audi-map-section .row.g-0 > .col-12.col-lg-6:nth-child(1) {
    order: 2;
  }
  /* Second column is map. Move it on top */
  .audi-map-section .row.g-0 > .col-12.col-lg-6:nth-child(2) {
    order: 1;
  }
}