/* forms */
/* color */
/* title */
/* border */
/* background */
/* header */
/* buttons */
/* tabs */
/* menu */
/* effects */
/* rating */
/* footer subscribe*/
/* social home */
/* carousel arrows */
/* alert */
/* Theme's schemes */
/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
/*.content_scene_cat {
  margin-bottom: 40px; }*/
.content_scene_cat .rte {
  line-height: normal;
  font-size: 16px;
}

.content_scene_cat .cat_desc .rte .categorie_desc {
  font-size: 16px;
  font-family: 'League Spartan', sans-serif;
  /* font-weight: bold; */
}

.content_scene_cat .category-name {
  display: block;
  /* font-size: 34px; */
  font-size: 25px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 12px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .content_scene_cat .category-name {
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  .content_scene_cat .category-name {
    font-size: 20px;
  }
}

.content_scene_cat p {
  line-height: inherit;
}

.content_scene_cat .content_scene {
  color: #2d2d2d;
}

.content_scene_cat .content_scene .cat_desc {
  padding-top: 20px;
}

.content_scene_cat .content_scene .cat_desc a {
  color: #333;
}

.content_scene_cat .content_scene .cat_desc a:hover {
  color: #000;
}

.content_scene_cat_bg {
  position: relative;
  /*background-color: #76c4e5 !important; */
}

.content_scene_cat_bg:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}

.category-cover img {
  display: block;
  max-width: unset;
  width: 100%;
}

/* ===== Subcategories — 5 (PC) / 4 (tablettes) / 2 (mobiles), ratio 1:1 ===== */

#subcategories ul{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
  list-style:none;
  padding:10px;
  margin:0;
  font-size:0;
  text-align:left;
  background-color: rgba(202, 202, 202, 0.1);
  gap:0; /* on gère l’espacement via les marges des <li> */
}

#subcategories ul>li{
  list-style:none;
  margin:15px;              /* espace entre tuiles */
  padding:0 !important;
  float:none !important;
  width:calc(20% - 30px);   /* ? PC: 5 par ligne */
  box-sizing:border-box;
  background:#fff;
  border-radius:6px;
}

/* Tuile cliquable : carré parfait */
.subcategory-image a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:12px;
  background:none;
  transition:transform .15s ease, opacity .15s ease;
  aspect-ratio:1 / 1;  /* carré */
  height:auto;
}

/* Fallback vieux navigateurs */
@supports not (aspect-ratio: 1 / 1){
  .subcategory-image a{ position:relative; height:auto; }
  .subcategory-image a::before{ content:""; display:block; padding-top:100%; }
  .subcategory-image a>*{
    position:absolute; inset:0;
    display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px;
  }
}

/* Image : non déformée */
.subcategory-image img{
  display:block;
  max-width:80%;
  max-height:70%;
  height:auto;
  width:auto;
  object-fit:contain;
  margin:0 auto;
  flex:0 0 auto;
}

/* Titre */
.subcategory-image h5{
  font-size:17px;
  line-height:1.2;
  color:#222;
  margin-top:auto;  /* pousse le titre vers le bas */
  padding-top:10px;
  text-align:center;
}

/* Hover léger */
.subcategory-image a:hover{ transform:translateY(-3px); opacity:.9; }

/* ? Tablettes: 4 par ligne */
@media (max-width: 992px){
  #subcategories ul>li{ width:calc(25% - 30px); }
}

/* ? Mobiles: 2 par ligne, tuiles plus compactes */
@media (max-width:480px){
  #subcategories ul>li{ width:calc(50% - 10px); margin:5px; }
  .subcategory-image a{ padding:8px; }
  .subcategory-image img{ max-height:65%; max-width:85%; }
  .subcategory-image h5{ font-size:14px; padding-top:8px; }
}