@import url("./base_dsfr.css");
@import url("./base_form.css");

body {
    background-color: #f6f6f6;
}

body.environment-test *,
body.environment-test *:before,
body.environment-test *:after,
.no-animate,
.no-animate:before,
.no-animate:after,
.no-animate *,
.no-animate *:before,
.no-animate *:after {
    transform: none !important;
    transition-property: none !important;
    animation: none !important;
}

header {
    border-bottom: 2px solid #000091;
}
header .fr-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}
header .fr-header__body-row {
    margin: 0;
}

fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

.product-switch .fr-menu .fr-nav__link {
    padding: 0.25rem 0.5rem;
}
.product-switch .fr-menu__list {
    background: transparent;
}
.product-switch .fr-translate .fr-translate__btn::before {
    width: 0px;
}
#domain-picker {
    right: 0px;
}

.alert-container {
    margin: 2rem 1.5rem;
}
.main-container {
    margin: 2rem 1.5rem;
}
.main-container--sm {
    max-width: 992px;
    margin: 2rem 1.5rem;
}
#en-tete {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding-left: 1.5rem;
}
#seves-title {
    font-size: 2rem;
    font-weight: bold;
}
.menu__item--active {
    border-bottom: 4px solid var(--background-active-blue-france);
}

/* Make .fr-select carry the carret */
.choices::after {
    content: none !important;
    background-image: inherit !important;
}

.fr-label + .choices {
    margin-top: 0.5rem;
}

.choices__list--multiple .choices__item {
    /* Customize ChoicesJS multiple choices picker */
    min-width: 0px;
    min-height: 0px;
    padding: 0.25rem 0.75rem !important;
    margin: 0.25rem;
    color: var(--text-inverted-blue-france) !important;
    background-color: var(--background-active-blue-france) !important;
    border: 1px solid var(--background-active-blue-france) !important;
}

.fr-input .choices__input,
.fr-input .choices__list,
.fr-select .choices__input,
.fr-select .choices__list {
    padding: 0 !important;
    margin: 0 !important; /* margin should be carried by .fr-select parent */
    background-color: var(--background-contrast-grey) !important;
}

.choices__list--dropdown {
    z-index: 10 !important;
}
.choices__placeholder {
    color: black;
    opacity: 0.8 !important;
}

.white-container {
    padding: 1.5rem !important;
    background-color: white;
}
@media (min-width: 992px) {
    .white-container {
        padding: 2rem !important;
    }
}

.grey-container {
    padding: 1.5rem !important;
    background-color: var(--grey-975-100-active);
}
@media (min-width: 992px) {
    .grey-container {
        padding: 2rem !important;
    }
}

.blue-container {
    padding: 1.5rem !important;
    background-color: var(--background-open-blue-france);
}
@media (min-width: 992px) {
    .grey-container {
        padding: 2rem !important;
    }
}

.white-container--lite {
    padding: 1rem !important;
    background-color: white;
}
@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 0 !important;
    }
}
.bold {
    font-weight: bold;
}

/* -- Champs obligatoires (choices-js) -- */
.choices__input[hidden][required] {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
}

.ac-notified {
    min-height: 1.5rem;
    padding: 0 0.5rem;
    color: white;
    background-color: #faa18d;
    border-radius: 0.25rem;
}

.environment-banner::before {
    position: fixed;
    top: 20px;
    left: -55px;
    z-index: 9999;
    width: 175px;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transform: rotate(-45deg);
    transform-origin: center;
}
.environment-recette::before {
    content: "RECETTE";
    background-color: red;
}
.environment-preprod::before {
    content: "PREPROD";
    background-color: darkred;
}
.environment-dev::before {
    content: "DEV";
    background-color: green;
}

.details-top-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.details-top-row--actions {
    max-height: 2.5rem;
}
.details-top-row--actions .fr-translate__btn::before {
    -webkit-mask-image: url(/static/dsfr/dist/icons/system/add-line.svg);
    mask-image: url(/static/dsfr/dist/icons/system/add-line.svg);
}
.details-top-row--actions .fr-translate__btn {
    height: 100%;
}
.details-top-row--actions {
    margin-left: auto;
}
@media (min-width: 992px) {
    .details-top-row--actions {
        margin-left: unset;
    }
}
@media (min-width: 992px) {
    .details-top-row--actions .fr-nav__item {
        height: 100%;
    }
}
.details-top-row--actions .fr-nav__link {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
@media (min-width: 992px) {
    .details-top-row--actions .fr-nav__link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

.empty-value {
    color: var(--text-disabled-grey);
}

.fieldset-flex {
    display: flex;
    justify-content: space-between;
    margin: unset;
}

.fieldset-flex .fr-fieldset__legend {
    width: auto !important;
}
.fieldset-flex .fr-fieldset__element {
    flex: unset;
}

.fieldset-flex-options {
    display: flex;
}

.fr-fieldset__element--with-tooltip {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.generic-card-container {
    padding: 1.5rem;
    margin-bottom: 2rem;
    border: 1px var(--grey-975-100-hover) solid;
}

.history-removed {
    color: var(--red-marianne-main-472);
}

.history-added {
    color: var(--success-425-625);
}

.footer-links {
    color: var(--grey-425-625) !important;
    text-align: center;
}

.footer-links .fr-link {
    color: var(--grey-425-625) !important;
}

.general-warning-message .fr-notice__body p {
    margin-right: auto;
    margin-left: auto;
}

.muted-action,
.muted-action .history-added,
.muted-action .history-removed {
    color: var(--text-disabled-grey);
}

.img-modal {
    width: 95%;
}
.img-modal img {
    max-width: 95%;
}

.pdf-modal object {
    min-height: 400px;
}

.with-empty-placeholder:has(.with-empty-placeholder--item:not(.fr-hidden, [hidden], [aria-hidden]))
    .with-empty-placeholder--placeholder {
    display: none;
}

.seves-card {
    height: 100%;
}
.seves-card .fr-card__end {
    height: unset;
}
.seves-card .fr-card__desc {
    flex-grow: 10;
}