/*
    IFRC brand layer for services/currency_label.

    The service ships neutral styling so other clients can load it. This file carries
    the IFRC-specific look: it highlights the currency field and paints the injected
    label in Red Cross red (#d7282f, not the theme's --main-action-color #E81A1A).

    Load after the service stylesheet:
        <link rel="stylesheet" href="https://libs.iraiser.eu/services/currency_label/styles.css?v=1">
        <link rel="stylesheet" href="https://libs.iraiser.eu/users/ifrc/currency_label.css?v=1">
*/

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

/* The visible box. The label is injected before the <select>, so this adjacency holds. */
select.currency + .select2 .select2-selection--single {
    border: 2px solid #d7282f !important;
    border-radius: 6px !important;
    background-color: #fdf3f3 !important;
    box-shadow: 0 0 0 4px rgba(215, 40, 47, 0.15);
}

/* The "EUR" text */
select.currency + .select2 .select2-selection__rendered {
    color: #d7282f !important;
    font-weight: 700;
}

/* Focus / open state */
select.currency + .select2.select2-container--focus .select2-selection--single,
select.currency + .select2.select2-container--open .select2-selection--single {
    box-shadow: 0 0 0 4px rgba(215, 40, 47, 0.3);
}