/* Bouton Ajouter au panier responsive */
#add-to-cart-btn {
  font-size: 1.1rem;
}
@media (max-width: 576px) {
  #add-to-cart-btn {
    font-size: 0.95rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}
/* FICHIER CSS SPÉCIFIQUE BOUTIQUE
   Extension des classes Bootstrap et variables personnalisées.
*/

:root {
  --shop-sage: #8a9a5b;
  --shop-terra: #e2725b;
  --shop-dark: #36454f;
  --shop-font-title: "Lora", serif;
  --shop-coquille-oeuf: #fdfbf7;
}

/* --- UTILITAIRES COULEURS --- */
.text-sage {
  color: var(--shop-sage) !important;
}
.bg-sage {
  background-color: var(--shop-sage) !important;
}

.text-terra {
  color: var(--shop-terra) !important;
}
.bg-terra {
  background-color: var(--shop-terra) !important;
}

.text-shop-dark {
  color: var(--shop-dark) !important;
}

/* Badges spécifiques */
.badge-sage {
  background-color: var(--shop-sage);
  color: white;
}
.badge-terra {
  background-color: var(--shop-terra);
  color: white;
}
.badge-unique {
  background-color: var(--shop-terra);
  color: white !important;
}

/* Product badges in listing (under the image) */
.product-badges {
  display: inline !important;
  flex-wrap: nowrap !important;
  gap: 0.25rem !important;
  justify-content: center;
}
.product-badges .badge {
  font-size: 0.65rem;
  padding: 0.18em 0.55em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  letter-spacing: 0.01em;
  white-space: nowrap;
  line-height: 1.1;
}
.product-badges .badge.bg-white,
.product-badges .badge.bg-light {
  background-color: #fff !important;
  color: var(--shop-dark) !important;
  border: 1px solid #e9e9e9;
}

/* --- TYPOGRAPHIE --- */
.font-title {
  font-family: var(--shop-font-title);
}

/* --- NAVIGATION --- */
.nav-link-shop {
  color: var(--shop-dark);
  transition: color 0.3s ease;
}
.nav-link-shop:hover,
.nav-link-shop.active {
  color: var(--accent-color) !important;
}

/* --- BOUTONS --- */
.btn-terra {
  background-color: var(--shop-terra);
  color: white;
  border: none;
  transition: background-color 0.3s ease;
}
.btn-terra:hover {
  background-color: #c0604b; /* Terracotta un peu plus foncé */
  color: white;
}

/* --- CARTES & GRID --- */
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* --- IMAGES INDEX --- */
.product-img-fit {
  height: 250px;
  object-fit: contain;
}

/* --- GALERIE PRODUIT (PAGE SHOW) --- */
.product-main-img-container {
  height: 500px;
  background-color: var(--shop-coquille-oeuf);
  padding: 20px;
}

.product-thumb {
  cursor: pointer;
  transition: opacity 0.2s;
  border: 1px solid #dee2e6;
}
.product-thumb:hover {
  opacity: 0.8;
  border-color: var(--shop-sage);
}

/* --- CROSS-SELLING (PAGE SHOW) --- */
.cross-sell-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--shop-sage) #f1f1f1;
}