/*
Theme Name:   Movedo Child
Theme URI:    http://themeforest.net/user/greatives
Description:  Movedo Child Theme
Version:      3.3.8
Author:       Greatives Team
Author URI:   http://greatives.eu
Template:     movedo
*/

/* =========================
   Galerie produit (Swiper)
   ========================= */

.car-gallery {
  max-width: 100%;
  margin: 0 2.5rem 2.5rem;
}

/* === Slider principal === */

.car-gallery-main {
  width: 100%;
  margin-bottom: 1rem;
  aspect-ratio: 16 / 9; 
}

/* Swiper occupe tout le ratio */
.car-gallery-main .swiper-wrapper,
.car-gallery-main .swiper-slide {
  height: 100%;
}

.car-gallery-main .swiper-slide {
  overflow: hidden;
}

/* Image : remplissage + crop + centrage */
.car-gallery-main img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* === Thumbnails === */

.car-gallery-thumbs {
  margin-top: 0.75rem;
}

.car-gallery-thumbs .swiper-slide {
  height: 90px;          /* uniformise la hauteur des vignettes */
  overflow: hidden;
  opacity: 0.5;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: opacity 150ms ease, border-color 150ms ease, transform 150ms ease;
}

/* État actif / hover plus lisible */
.car-gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border-color: rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
}

.car-gallery-thumbs .swiper-slide:hover {
  opacity: 0.9;
}

/* Image de vignette : crop et centrage */
.car-gallery-thumbs img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* === Navigation Swiper === */

.car-gallery-main .swiper-button-prev,
.car-gallery-main .swiper-button-next {
  width: 3rem;                 /* plus grand */
  height: 3rem;
  border-radius: 999px;        /* rond */
  background: rgba(0, 0, 0, 0.35); /* léger fond sombre pour que la flèche blanche soit visible */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease, transform 150ms ease;
}

.car-gallery-main .swiper-button-prev::after,
.car-gallery-main .swiper-button-next::after {
  font-size: 1.6rem;           /* flèche plus grande */
  color: #fff;                 /* flèche blanche */
}

/* petit effet hover */
.car-gallery-main .swiper-button-prev:hover,
.car-gallery-main .swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.55);
  transform: translateY(-1px);
}
.car-gallery ::selection {
  background: transparent; 
  color: inherit;
}
/* title thumb product */
figcaption > a > h3.grve-h6 {
	font-style: italic!important;
}
/* Meta voitures sous le titre sur la grille produits (À vendre) */
.car-card-meta {
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
  font-size: 14px;
  color: #9d9d9d!important; /* gris  */
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center; /* centré sous le titre */
}

.car-card-meta-item::before {
  content: "•";
  margin-right: 0.25rem;
  color: #777;
}

.car-card-meta-item:first-child::before {
  content: "";
  margin-right: 0;
}

.car-card-meta-price {
  font-weight: 500;
}
/* ===== Meta Année / Km / Prix sous le titre (fiche produit) ===== */

body.single-product .single-car-meta {
  margin-top: 0.35rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #444;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

body.single-product .single-car-meta-item::before {
  content: "•";
  margin-right: 0.3rem;
  color: #777;
}

body.single-product .single-car-meta-item:first-child::before {
  content: "";
  margin-right: 0;
}

body.single-product .single-car-meta-price {
  font-weight: 500;
}