@font-face {
    font-family: "Gotham";
    src: url("/fonts/gotham/Gotham-Book.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url("/fonts/gotham/Gotham-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url("/fonts/gotham/Gotham-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --brand-primary: #007b3d;
    --brand-secondary: #ea5b0c;
    --brand-blue: #025f9d;
    --brand-font-primary: "Gotham", "Metropolis", Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
    font-family: var(--brand-font-primary);
}

.modal-form .btn-close,
.btn-close:hover {
    background-color: #fff !important;
    opacity: 9;
}

.selectr-tag {
    background: var(--brand-blue);
    border-radius: 3px;
}

.selectr-option.active {
    color: #fff;
    background-color: var(--brand-blue);
}

.selectr-tag-input {
    width: auto !important;
}

.btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #006432 !important;
    border-color: #006432 !important;
}


/* Bouton à sa largeur naturelle dans un conteneur flex (app.min.css donne flex:1 à .d-flex > .btn). */
.flex-none {
    flex: none !important;
    white-space: nowrap;
}