/* EasyOnWeb — Remises clients WooCommerce : styles frontend (neutre, sans font-family imposee). */

.eow-discount-price {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}

.eow-discount-price-top {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
}

/* Ancien prix : barre, en noir. */
.eow-base-price {
    color: #000;
    text-decoration: line-through;
}

.eow-base-price del,
.eow-base-price ins {
    color: inherit;
    text-decoration: inherit;
}

/* Pourcentage de remise : rouge. */
.eow-discount-percent {
    color: #d60000;
}

/* Nouveau prix : vert. */
.eow-final-price {
    font-size: 24px;
    font-weight: 900;
    color: #1a8a1a;
}

/*
 * Le prix de variation natif (en bas, sous les sélecteurs) est masqué dès que le JS
 * a posé la classe .eow-price-moved : le prix est remonté en haut, on évite le doublon.
 * La règle ne s'applique que si le JS a tourné (classe présente) : sans JS, rien n'est caché.
 */
.eow-price-moved .single_variation .woocommerce-variation-price {
    display: none !important;
}