/*
 * CSS personnalisé Mon Tapis de Jeux — migré depuis l'ancien themes/warehouse/assets/css/custom.css (prod 4.6.4)
 * Placé dans le THÈME ENFANT (upgrade-safe) : chargé via warehousechild/config/theme.yml > assets.css
 */

@font-face {
  font-display: swap;
}

@counter-style thumbs {
  system: fixed;
  symbols: "\2702 \FE0F" "\01F4CF" "\01F3A8" "\01F5BC \FE0F";
  suffix: " ";
}

.product-variants .color, .product-variants .input-color {
  width: 5rem;
  height: 5rem;
}

.color {
  background-size: cover;
  background-position: center;
}

#iqithtmlandbanners-block-1 .rte-content ul {
  list-style-type: thumbs;
  padding: 0.2rem 0.2rem 0.2rem 1.5rem;
  font-weight: bold;
}

#customize-btn {
  width: 100%;
}

.logo {
  max-width: 180px;
}
/*
.stuck .cbp-horizontal {
  max-width: 1000px;
} */

/* .stuck #iqitmegamenu-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
} */

/* .stuck .cbp-horizontal > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
} */

.cms-id-8 #wrapper {
  padding-top: 0;
}

.cms-id-8 #wrapper .breadcrumb, .cms-id-8 #wrapper .page-header{
  display: none;
}

.cms-id-8 .elementor-image-carousel-wrapper .swiper-image-stretch .swiper-slide-image {
  height: 500px;
  width: auto;
  object-fit: cover;
}

.product-flags .discount, .product-flags .on-sale {
  background: #2da050;
}

.product-flags .product-flag {
  font-size: 1rem;
}

.msg-box {
  padding: 20px 40px;
  margin: 20px 0;
  background-color: rgba(45, 160, 80, 0.6);
  color: #fff;
  border: 2px solid #2da050;
  /* border-radius: 15px; */
}

.msg-box p {
  margin: 0;
}

.product-variants .input-radio, .product-variants .radio-label, .product-variants .input-radio:hover {
  min-width: 3.5rem;
  min-height: 3.5rem;
  line-height: 3.5rem;
  /* padding: 10px; */
}


.product-variants .input-radio+span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.custom-warning {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

.custom-info {
  background-color: #2da050;
  border-color: #2da050;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

/* Centrage du menu horizontal — via text-align + inline-block (SANS flex, pour ne pas
   rétrécir les sous-menus "narrow" calés sur la largeur du li).
   (l'option "Aligner: Centre" de l'éditeur n'est pas appliquée par Warehouse 4.8.2). */
#cbp-hrmenu.cbp-horizontal { position: relative; }
#cbp-hrmenu.cbp-horizontal > ul {
  float: none;
  text-align: center;
}
#cbp-hrmenu.cbp-horizontal > ul > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
/* Personnaliser : float:right natif (reproduit float=1 de l'onglet), se cale à droite
   du menu sans chevaucher les icônes recherche/compte/panier */
#cbp-hrmenu.cbp-horizontal > ul > li#cbp-hrmenu-tab-6 {
  float: right;
}