/* =========================================================================
   Personnalisations — pro.vapealliance.fr (theme classic)

   Chargee depuis templates/_partials/head.tpl avec un numero de version
   dans l'URL : le CDN Hostinger met les fichiers CSS en cache 7 jours sans
   mecanisme d'invalidation, donc sur une URL fixe une modification reste
   invisible pour les visiteurs.

   >>> INCREMENTER LA VERSION DANS head.tpl A CHAQUE MODIFICATION <<<
   ========================================================================= */

/* -------------------------------------------------------------------------
   PAGE CATEGORIE — bloc « Sous-categories » retire

   Il listait les familles de saveurs en grandes vignettes, alors que la
   facette « Categories » du filtre les propose deja, avec leurs comptages.
   Deux fois la meme navigation sur la meme page.
   ------------------------------------------------------------------------- */

#subcategories {
    display: none;
}

/* -------------------------------------------------------------------------
   PAGE CATEGORIE — encadre du titre centre et resserre

   Le theme classic reserve 13.75rem (220px) de hauteur a ce bloc, pour y
   loger une image de categorie. Aucune de tes categories n'en a, l'encadre
   restait donc presque vide autour d'un titre de 35px.
   ------------------------------------------------------------------------- */

.block-category {
    min-height: 0;
    padding: 14px 20px;
    text-align: center;
}

.block-category .h1,
.block-category h1 {
    margin-bottom: 0;
}

/* La description de categorie, quand il y en a une, reste lisible :
   centree comme le titre mais en largeur de lecture confortable. */
.block-category .category-description {
    max-width: 720px;
    margin: 8px auto 0;
}

/* -------------------------------------------------------------------------
   COLONNE DE GAUCHE — bloc d'arborescence retire

   Il listait « Accueil / PUFF / E-LIQUIDE / RECHARGE ». La facette
   « Categories » du filtre couvre deja cette navigation, avec en plus les
   familles de saveurs et leurs comptages.
   ------------------------------------------------------------------------- */

#left-column .block-categories {
    display: none;
}

/* -------------------------------------------------------------------------
   ETIQUETTES « Neuf » et « Rupture de stock » retirees

   Regle par classe : vaut pour tous les produits, y compris ceux crees
   plus tard. Les autres etiquettes eventuelles (promo, pack) restent.
   ------------------------------------------------------------------------- */

.product-flag.new,
.product-flag.out_of_stock {
    display: none;
}

/* -------------------------------------------------------------------------
   FICHE PRODUIT — mention sur le visuel

   Faute de photo pour chaque declinaison, le visuel montre parfois une
   autre saveur de la meme gamme. Le dire explicitement rassure davantage
   qu'un « photo non contractuelle » vague.
   ------------------------------------------------------------------------- */

.va-photo-mention {
    max-width: 420px;
    margin: 10px auto 0;
    font-size: 11px;
    font-style: italic;
    line-height: 1.4;
    text-align: center;
    opacity: 0.6;
}

/* -------------------------------------------------------------------------
   CARROUSEL D'ACCUEIL — hauteur liberee

   Le theme classic fige `.carousel .carousel-inner` a 340px avec
   overflow:hidden, taille calibree pour ses images de demonstration au
   format 1110 x 340 (rapport 3,26:1).

   Les bannieres de destockage sont au format 1916 x 821 (rapport 2,33:1),
   soit 476px de haut une fois ramenees a la largeur du conteneur. Les
   136px du bas etaient donc rognes — precisement la zone ou figure la
   liste des gouts.

   height:auto seul reglerait le rognage, mais le conteneur s'effondrerait
   a 20px le temps qu'une diapositive encore non chargee arrive, faisant
   sauter toute la page. aspect-ratio reserve la hauteur des le rendu,
   avant meme que l'image existe.

   Le rapport est celui des trois bannieres. Une banniere d'un autre format
   serait rognee ou laisserait un bandeau : conserver 1916 x 821, ou
   ajuster cette valeur.
   ------------------------------------------------------------------------- */

.carousel .carousel-inner {
    height: auto;
    aspect-ratio: 1916 / 821;
}