/*
    Currency label: styling for the label injected by services/currency_label/script.js
    above the currency Select2 field.

    Neutral by design so it can be loaded org-wide. Branding is exposed as custom
    properties: override them from the campaign's custom CSS field, no fork needed.
*/

.ira-currency-label {
    display: block;
    /* !important: the Arya theme resets margin with "#container *" (specificity 1,0,0),
       which beats any class selector this file could use. */
    margin: var(--ira-currency-label-margin, 4px 0 16px) !important;
    font-size: var(--ira-currency-label-font-size, 14px);
    font-weight: var(--ira-currency-label-font-weight, 700);
    line-height: 1.3;
    /* --label-text-color is set by the Arya theme on <html>. */
    color: var(--ira-currency-label-color, var(--label-text-color, #515358));
}

/* Select2 hardcodes dir="ltr" on its container, so the label sets its own direction. */
.ira-currency-label[dir="rtl"] {
    text-align: right;
}

/*
    Campaign override example (custom CSS field, not this file):

    .ira-currency-label {
        --ira-currency-label-color: #d7282f;
    }
*/
