/*
 Theme Name:   Divi shop child
 Theme URI:    https://exemple.com/mon-theme-enfant
 Description:  Thème enfant basé sur Twenty Twenty‑Four
 Author:       Joël
 Author URI:   https://exemple.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-shop-child
*/


.categories-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
}

.categorie-card {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.categorie-image {
  position: relative;
  height: 300px; /* hauteur fixe pour uniformiser */
  overflow: hidden;
}

.categorie-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* garde les proportions */
  transition: filter 0.3s ease;
}

.categorie-image:hover img {
  filter: brightness(70%); /* assombrir au hover */
}

.overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  text-align: left;
}

.overlay .count {
  font-size: 0.95em;
  color: #fff;
  margin: 0 0 5px 0;
}

.overlay .title {
  display: inline-block;
  background: rgba(0,0,0,0.7); /* fond noir derrière le texte */
  color: #fff;
  padding: 5px 10px;
  font-size: 1.2em;
  margin: 0;
  border-radius: 4px;
}