/* Masque l'ancien drapeau "Rupture de stock" :
   la bande VENDU le remplace. */

.product-flag.out_of_stock,
.product-flag.out-of-stock,
.product-flags .out_of_stock,
.product-flags .out-of-stock {
  display: none !important;
}


/* =========================================
   ACCUEIL ARVO - CATÉGORIES
   ========================================= */

#custom-text {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.arvo-categories-home,
.arvo-categories-home .arvo-category-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* 5 catégories par ligne sur ordinateur */

.arvo-categories-home {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 20px 15px !important;
  width: 100% !important;
  max-width: none !important;
  justify-items: center !important;
  align-items: center !important;
}

.arvo-categories-home .arvo-category-card {
  width: 100% !important;
  max-width: 175px !important;
  height: 180px !important;
}

.arvo-categories-home .arvo-category-card img {
  width: auto !important;
  height: auto !important;
  max-width: 160px !important;
  max-height: 160px !important;
}


/* Titre catégories */

.arvo-categories-heading {
  grid-column: 1 / -1 !important;
  width: 100%;
  margin: 6px 0 18px;
  text-align: center;
}

.arvo-categories-heading h2 {
  margin: 0 0 7px;
  color: #142f59;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.arvo-categories-heading p {
  margin: 0;
  color: #555;
  font-size: 16px;
  line-height: 1.4;
}


/* Tablette */

@media (max-width: 991px) {

  .arvo-categories-home {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

}


/* Téléphone */

@media (max-width: 575px) {

  .arvo-categories-home {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
  }

  .arvo-categories-home .arvo-category-card {
    height: 155px !important;
  }

  .arvo-categories-home .arvo-category-card img {
    max-width: 140px !important;
    max-height: 140px !important;
  }

  .arvo-categories-heading h2 {
    font-size: 21px;
  }

  .arvo-categories-heading p {
    font-size: 14px;
  }

}


/* =========================================
   BANDE VENDU
   ========================================= */

.thumbnail-container,
.product-cover {
  position: relative !important;
  overflow: hidden !important;
}


/* Bande VENDU générale */

.arvo-sold-ribbon {
  position: absolute !important;

  z-index: 100 !important;

  top: 43% !important;

  left: 7.5% !important;
  width: 85% !important;

  box-sizing: border-box !important;

  padding: 12px 0 !important;

  transform: rotate(-12deg) !important;
  transform-origin: center center !important;

  background: rgba(211, 0, 0, 0.94) !important;

  color: #ffffff !important;

  border-top: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;

  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.38) !important;

  font-size: 28px !important;
  font-weight: 800 !important;

  line-height: 1.15 !important;

  letter-spacing: 4px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;

  pointer-events: none !important;
}


/* =========================================
   VENDU SUR LES CARTES PRODUITS
   ========================================= */

.product-miniature .arvo-sold-ribbon {

  top: 40% !important;

  left: 7.5% !important;
  width: 85% !important;

  padding: 8px 0 !important;

  font-size: 19px !important;

  letter-spacing: 3px !important;
}


/* =========================================
   MESSAGE VENDU FICHE PRODUIT
   ========================================= */

#product-availability.arvo-sold-availability,
.product-availability.arvo-sold-availability {

  color: #b10000 !important;

  background: #ffe5e5 !important;

  border-color: #d30000 !important;

  font-weight: 800 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .arvo-sold-ribbon {

    left: 7.5% !important;
    width: 85% !important;

    padding: 9px 0 !important;

    font-size: 21px !important;
  }

  .product-miniature .arvo-sold-ribbon {

    left: 7.5% !important;
    width: 85% !important;

    font-size: 16px !important;
  }

}