/*
 * Affichage des prix par profil.
 * -----------------------------------------------------------------------------
 * Le bloc de prix peut porter plusieurs lignes : le prix public, et le tarif
 * dont le client beneficie. Sans mise en forme, les deux se valaient
 * visuellement et le client ne savait pas lequel le concernait.
 *
 * La ligne qui le concerne passe donc devant : plus grande, en gras, a
 * l'encre du site. Les autres restent lisibles mais discretes, a titre de
 * reference.
 */

.rp-prices {
    display: block;
    line-height: 1.35;
}

.rp-prices .rp-line {
    display: block;
    font-size: .82em;
    color: #6d7189;
}

.rp-prices .rp-line .rp-label {
    display: inline-block;
    min-width: 5.6em;
}

.rp-prices .rp-line .rp-amount {
    font-weight: 600;
}

.rp-prices .rp-line .tax_label {
    margin-left: 2px;
    font-size: .82em;
    font-weight: 400;
    opacity: .75;
}

/* La ligne du client : celle qu'il doit lire en premier. */
.rp-prices .rp-line.rp-active {
    font-size: 1.06em;
    color: inherit;
}

.rp-prices .rp-line.rp-active .rp-amount {
    font-weight: 700;
}

/* Le prix public, quand ce n'est pas celui du client, sert de repere. */
.rp-prices .rp-line.rp-public:not(.rp-active) .rp-amount {
    font-weight: 500;
}

@media (max-width: 560px) {
    .rp-prices .rp-line .rp-label { min-width: 0; margin-right: 4px; }
}