/* --- 1. Largeur du contenu (version corrigée) --- */
@media (min-width: 992px) {
  .container {
    width: 95%;
    max-width: 1400px;
  }
}

/* --- 2. Couleurs de la charte --- */

a {
  color: #4A7752;
}
a:hover,
a:focus {
  color: #588B61;
}

.product-title a {
  color: #222836;
}
.product-title a:hover {
  color: #588B61;
}

.btn-primary {
  background-color: #4A7752;
  border-color: #4A7752;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #588B61;
  border-color: #588B61;
}

/* Pastilles sur les vignettes produit */
.product-flags li.product-flag {
  background-color: #4A7752;
}
.product-flags li.product-flag.out_of_stock {
  background-color: #8C5861;
}
/* --- 3. Prix et onglets --- */

.product-price,
.product-prices .current-price span,
.product-price-and-shipping .price {
  color: #4A7752;
}

.tabs .nav-tabs .nav-link.active {
  color: #4A7752;
  border-bottom-color: #4A7752;
}
.tabs .nav-tabs .nav-link:hover {
  color: #588B61;
}
/* --- 4. Menu déroulant en colonnes --- */

#_desktop_top_menu .popover .top-menu[data-depth="1"] {
  column-count: 4;
  column-gap: 2rem;
}
#_desktop_top_menu .popover .top-menu[data-depth="1"] > li {
  display: block;
  float: none;
  width: 100%;
  break-inside: avoid;
}
/* --- 6. Sous-catégories et colonne de gauche --- */

#subcategories a:hover,
#subcategories a:focus,
#subcategories .subcategory-name:hover,
.block-categories a:hover,
.block-categories a:focus,
.block-categories .category-sub-menu a:hover {
  color: #588B61;
}
/* --- 4b. Noms longs dans le menu --- */
#_desktop_top_menu .popover .top-menu[data-depth="1"] > li > a {
  white-space: normal;
  padding-right: 1rem;
}

/* --- 5. Menu principal et derniers bleus --- */

#header .top-menu a[data-depth="0"]:hover,
#header .top-menu a[data-depth="0"]:focus,
#header .top-menu .current > a[data-depth="0"],
#header .top-menu a.dropdown-item:hover {
  color: #4A7752;
}

.page-list .current a,
.pagination .current a {
  color: #4A7752;
}

.form-control:focus,
.input-group.focus {
  border-color: #588B61;
  outline-color: #588B61;
}
/* --- 7. Masquer les cadres d'images de catégorie vides --- */
#subcategories .subcategory-image {
  display: none;
}
/* --- 8. Diapositives : bouton et lisibilité du texte --- */

.carousel .caption {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.carousel .caption .btn-slider {
  display: inline-block;
  margin-top: 1.2rem;
  padding: 0.7rem 1.6rem;
  background-color: #4A7752;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 3px;
  text-shadow: none;
}
.carousel li:hover .btn-slider {
  background-color: #588B61;
}
/* --- 9. Texte des diapositives : taille et largeur --- */

.carousel .carousel-inner .carousel-item .caption {
  width: 46%;
  max-width: 46%;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  left: 6%;
  right: auto;
}

.carousel .caption h2,
.carousel .caption .display-1 {
  font-size: 2.2rem;
  line-height: 1.15;
  margin-bottom: 0.9rem;
}

.carousel .caption .caption-description,
.carousel .caption .caption-description p {
  font-size: 1.05rem;
  line-height: 1.55;
}

@media (max-width: 991px) {
  .carousel .carousel-inner .carousel-item .caption {
    width: 72%;
    max-width: 72%;
  }
  .carousel .caption h2,
  .carousel .caption .display-1 {
    font-size: 1.6rem;
  }
  .carousel .caption .caption-description,
  .carousel .caption .caption-description p {
    font-size: 0.95rem;
  }
}

@media (max-width: 575px) {
  .carousel .caption .caption-description p {
    display: none;
  }
  .carousel .caption h2,
  .carousel .caption .display-1 {
    font-size: 1.2rem;
  }
}
/* --- 10. Derniers bleus : en-tête, pied de page, boutons --- */

#header .header-nav a,
#header .header-nav .cart-preview a,
#header .header-nav .user-info a {
  color: #4A7752;
}
#header .header-nav a:hover {
  color: #588B61;
}

.product-miniature .quick-view,
.product-miniature .highlighted-informations .quick-view {
  color: #4A7752;
}
.product-miniature .quick-view:hover {
  color: #588B61;
}

.btn-primary,
.add-to-cart {
  background-color: #4A7752;
  border-color: #4A7752;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):active,
.add-to-cart:hover,
.add-to-cart:focus {
  background-color: #588B61;
  border-color: #588B61;
}

.tabs .nav-tabs .nav-link:hover,
.tabs .nav-tabs .nav-link:focus {
  color: #4A7752;
  border-bottom-color: #4A7752;
}

#footer a,
.footer-container a,
.block_newsletter a {
  color: #4A7752;
}
#footer a:hover,
.footer-container a:hover {
  color: #588B61;
}
.block_newsletter input:focus,
.block_newsletter form input[type="email"]:focus {
  border-color: #588B61;
  outline-color: #588B61;
}
/* --- 11. Description recentrée sous la photo (essai) --- */
@media (min-width: 992px) {
  .product-container .tabs {
    margin-left: -50%;
    margin-top: 2rem;
  }
}