Modèle:Monnaie/styles.css

.monnaie {

    display: inline-flex;

    align-items: flex-end;

    gap: 0.5em;

    white-space: nowrap;

    vertical-align: center;

    cursor: default;

}



.monnaie-groupe {

    display: inline-flex;

    align-items: flex-end;

    gap: 0.2em;

}



/* Alignement bas + blocage zoom Citizen */

.monnaie-groupe img {

    display: inline-block;

    vertical-align: bottom;

    transform: none !important;

    transition: none !important;

}



.monnaie-valeur {

    color: var(--color-base);

    font-weight: 600;

    font-variant-numeric: tabular-nums;

    line-height: 1;

}


/* --- Monnaie/Légende --- */
.monnaie-legende {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em 0.75em;
    padding: 0.5em 0.9em;
    border: 1px solid var(--border-color-base);
    border-radius: var(--border-radius-base);
    background-color: var(--color-surface-1);
    color: var(--color-base);
    font-size: 0.9em;
}

.monnaie-legende__item {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    white-space: nowrap;
}

.monnaie-legende__sep {
    color: var(--color-subtle);
    user-select: none;
}

.monnaie-legende__label {
    font-weight: 600;
    color: var(--color-emphasized);
    padding-right: 0.5em;
    border-right: 1px solid var(--border-color-base);
    margin-right: 0.25em;
    white-space: nowrap;
}