/*
 * Styles propres à la page dédiée « Déstockage »
 * (modules/vapoteurventeflash/controllers/front/destockage.php).
 *
 * Tout scoper sous .page-destockage : la feuille est chargée uniquement sur cette page,
 * mais le préfixe évite toute fuite si elle était réutilisée ailleurs, et rend explicite
 * en relecture ce qui appartient à cette page.
 *
 */

.page-destockage {
    .warning {
        padding-top: 20px;
    }
}

/*
 * Le badge « Déstockage » est redondant sur cette page : tous les produits y sont.
 *
 * .labels n'affiche que son :last-child (les autres sont en opacity 0), et lorsque .labels
 * porte la classe .clearance ce dernier enfant est justement le label déstockage — la chaîne
 * elseif de product-vignette.tpl le place en fin de bloc. On masque donc précisément le seul
 * label visible, sans toucher aux badges d'angle .flag (coup de cœur, meilleure vente,
 * choix de l'équipe, à découvrir) qui doivent rester affichés.
 *
 * La hauteur de .labels (20px) est conservée : tous les produits de la page étant en
 * déstockage, la bande reste vide partout et la grille des vignettes ne se décale pas.
 * Les .flag y sont positionnés en absolu, effondrer la hauteur les déplacerait.
 *
 * Sélecteur écrit à plat et non imbriqué : l'imbrication CSS native n'est pas supportée
 * par Safari < 16.5 ni Firefox < 117, et un badge qui resterait visible serait une
 * régression visible, contrairement à un simple padding non appliqué.
 */
.page-destockage .product-vignette .labels.clearance span:not(.flag):last-child {
    display: none;
}