/* Bloc prix Creative Elements en flex horizontal : passage du HT sur sa propre ligne, sous le prix TTC */
.ce-product-prices:has(> .hpte-price-tax-excl) {
    flex-wrap: wrap;
}

/* Spécificité (0,5,1) : doit primer sur la marge générée par Creative Elements pour chaque modèle,
   ex. .elementor-4170101 .elementor-element.elementor-element-87e3c79 .ce-product-prices > div (0,4,1) */
.elementor-element.elementor-widget-product-price .ce-product-prices > div.hpte-price-tax-excl.hpte-price-tax-excl {
    order: 99;
    flex-basis: 100%;
    display: flex;
    align-items: flex-start;
    /* Marge basse de 10px comme les autres blocs : .ce-product-prices la compense par un margin-bottom
       négatif et le widget est en overflow hidden, sans elle le bas du montant est rogné */
    margin: -0.6rem 0 10px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.hpte-price-tax-excl__amount {
    margin-right: 10px;
}

/* Même rendu que le libellé « TTC » de la fiche produit (.ce-tax-shipping-delivery-label) */
.hpte-price-tax-excl__label,
.hpte-tax-label {
    font-size: 1.3rem;
    line-height: normal;
}

.hpte-tax-label {
    font-weight: 700;
}

/* Vignettes produit : prix TTC en 2.5rem (custom.css), texte du bloc en gris foncé (Creative Elements)
   -> libellés et HT en bleu comme le prix, à l'échelle de la vignette.
   Même spécificité que la règle générale ci-dessus, déclarée après : elle prime. */
.elementor-widget-product-miniature-price .hpte-tax-label,
.elementor-element.elementor-widget-product-miniature-price .ce-product-prices > div.hpte-price-tax-excl.hpte-price-tax-excl {
    color: var(--blue);
}

.elementor-element.elementor-widget-product-miniature-price .ce-product-prices > div.hpte-price-tax-excl.hpte-price-tax-excl {
    margin-top: -0.8rem;
    font-size: 1.6rem;
    font-weight: 600;
}

.elementor-widget-product-miniature-price .hpte-tax-label,
.elementor-widget-product-miniature-price .hpte-price-tax-excl__label {
    font-size: 1.1rem;
}
