/* =========================================================
   GOTIQUE — shop-loop.css
   Chargé sur : boutique, catégories/tags produit, recherche.
   Contenu : bouton quickview des cartes produit, compteur
   de résultats, filtres FiboFilters.
   ========================================================= */


/* =========================================================
   BOUTON QUICKVIEW (carte produit)
   ========================================================= */

.kt-woo-quickview-button{

    display:inline-flex !important;
    align-items:center;
    gap:7px;

    width:auto !important;
    min-height:auto !important;

    padding:0 0 0 6px !important;

    margin:2px 0 6px !important;

    cursor:pointer;

    font-size:13px !important;
    font-weight:700 !important;

    letter-spacing:.01em;

    text-transform:none !important;

    line-height:1 !important;

    transition:opacity .2s ease;
}

.kt-woo-quickview-button:hover{
    opacity:.72;
}

/* Icône */
.kt-woo-quickview-button img{
    width:14px !important;
    height:14px !important;

    opacity:.9;
}

/* Libellé */
.kt-woo-quickview-button__label{
    transform:translateY(1px);
}


/* =========================================================
   COMPTEUR DE RÉSULTATS
   ========================================================= */

.custom-result-count {
  font-size: 16px;
  font-weight: 600;
  color: #2f2f2f;
  margin: 20px 0 10px;
}


/* =========================================================
   FIBOFILTERS — barre mobile
   ========================================================= */

.fibofilters-mobile-filters {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 8px;
  padding-bottom: 6px;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;

  -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
  mask-image: linear-gradient(to right, black 85%, transparent 100%);
}

.fibofilters-mobile-filters::-webkit-scrollbar {
  display: none;
}

.fibofilters-mobile-filters .fibofilters-button {
  flex: 0 0 auto;
  white-space: nowrap;
}


/* =========================================================
   FIBOFILTERS — bouton "voir plus"
   ========================================================= */

.fibofilters-show-more {

  background: linear-gradient(135deg, #3b0f3a, #6a1bb9);

  color: #fff;

  border: 1px solid #8A2BE2;
  border-radius: 999px;

  padding: 12px 30px;

  font-weight: 500;
  letter-spacing: 0.4px;

  /* transition explicite (remplace `all`) */
  transition:
    background 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;

  cursor: pointer;

  display: inline-block;
}

.fibofilters-show-more:hover {

  background: linear-gradient(135deg, #6a1bb9, #a855f7);

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(138, 43, 226, 0.35);
}