/* Point d'entree des styles globaux de l'application. */
@import url("./style_base/core.css");
@import url("./style_base/topbar.css");
@import url("./style_base/footer.css");
@import url("./style_base/help-popup.css");
@import url("./style_base/feedback-modal.css");
@import url("./style_base/responsive.css");

/* Uniformise tous les en-tetes de popup avec la meme charte visuelle. */
.project-action-modal__header,
.app-feedback-modal__header,
.user-action-modal__header,
.library-action-modal__header,
.toiture-modal__header,
.toiture-note-modal__header,
.plancher-modal__header,
.plancher-note-modal__header,
.facade-dim-modal__header,
.facade-note-modal__header,
.facade-conception-modal__header,
.facades-table-modal__header,
.batiment-reference-modal__header,
.batiment-composition-modal__header,
.composition-popup__header,
.help-modal__header,
.logement-modal__header,
.forgot-password-modal__header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    gap: 0.75rem !important;
    min-height: 3.2rem !important;
    padding: 0.8rem 1.2rem !important;
    background: #67ba84 !important;
    color: #fff !important;
    border-bottom: 3px solid #ffd046 !important;
}

.app-feedback-modal--success .app-feedback-modal__header,
.app-feedback-modal--error .app-feedback-modal__header,
.library-action-modal__header--info {
    background: #67ba84 !important;
    color: #fff !important;
    border-bottom: 3px solid #ffd046 !important;
}

.project-action-modal__header h1,
.project-action-modal__header h2,
.project-action-modal__header h3,
.app-feedback-modal__header h1,
.app-feedback-modal__header h2,
.app-feedback-modal__header h3,
.user-action-modal__header h1,
.user-action-modal__header h2,
.user-action-modal__header h3,
.library-action-modal__header h1,
.library-action-modal__header h2,
.library-action-modal__header h3,
.toiture-modal__header h1,
.toiture-modal__header h2,
.toiture-modal__header h3,
.toiture-note-modal__header h1,
.toiture-note-modal__header h2,
.toiture-note-modal__header h3,
.plancher-modal__header h1,
.plancher-modal__header h2,
.plancher-modal__header h3,
.plancher-note-modal__header h1,
.plancher-note-modal__header h2,
.plancher-note-modal__header h3,
.facade-dim-modal__header h1,
.facade-dim-modal__header h2,
.facade-dim-modal__header h3,
.facade-note-modal__header h1,
.facade-note-modal__header h2,
.facade-note-modal__header h3,
.facade-conception-modal__header h1,
.facade-conception-modal__header h2,
.facade-conception-modal__header h3,
.facades-table-modal__header h1,
.facades-table-modal__header h2,
.facades-table-modal__header h3,
.batiment-reference-modal__header h1,
.batiment-reference-modal__header h2,
.batiment-reference-modal__header h3,
.batiment-composition-modal__header h1,
.batiment-composition-modal__header h2,
.batiment-composition-modal__header h3,
.composition-popup__header h1,
.composition-popup__header h2,
.composition-popup__header h3,
.help-modal__header h1,
.help-modal__header h2,
.help-modal__header h3,
.logement-modal__header h1,
.logement-modal__header h2,
.logement-modal__header h3,
.forgot-password-modal__header h1,
.forgot-password-modal__header h2,
.forgot-password-modal__header h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.7rem !important;
}

.project-action-modal__header img,
.project-action-modal__header svg,
.user-action-modal__header img,
.user-action-modal__header svg,
.library-action-modal__header img,
.library-action-modal__header svg,
.toiture-modal__header img,
.toiture-modal__header svg,
.toiture-note-modal__header img,
.toiture-note-modal__header svg,
.plancher-modal__header img,
.plancher-modal__header svg,
.plancher-note-modal__header img,
.plancher-note-modal__header svg,
.facade-dim-modal__header img,
.facade-dim-modal__header svg,
.facade-note-modal__header img,
.facade-note-modal__header svg,
.facade-conception-modal__header img,
.facade-conception-modal__header svg,
.facades-table-modal__header img,
.facades-table-modal__header svg,
.batiment-reference-modal__header img,
.batiment-reference-modal__header svg,
.batiment-composition-modal__header img,
.batiment-composition-modal__header svg,
.composition-popup__header img,
.composition-popup__header svg,
.help-modal__header img,
.help-modal__header svg,
.logement-modal__header img,
.logement-modal__header svg,
.forgot-password-modal__header img,
.forgot-password-modal__header svg {
    width: 1.9rem !important;
    height: 1.9rem !important;
    flex: 0 0 auto !important;
}

.project-action-modal__close,
.app-feedback-modal__close,
.user-action-modal__close,
.library-action-modal__close,
.toiture-modal__close,
.toiture-note-modal__close,
.plancher-modal__close,
.plancher-note-modal__close,
.facade-dim-modal__close,
.facade-note-modal__close,
.facade-conception-modal__close,
.facades-table-modal__close,
.batiment-reference-modal__close,
.batiment-composition-modal__close,
.composition-popup__close,
.help-modal__close,
.logement-modal__close,
.forgot-password-modal__close {
    position: absolute !important;
    right: 0.85rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 2.0rem !important;
    height: 2.0rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #d8344b !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 6px 16px rgba(49, 66, 33, 0.18) !important;
    text-align: center !important;
}

.project-action-modal__close:hover,
.app-feedback-modal__close:hover,
.user-action-modal__close:hover,
.library-action-modal__close:hover,
.toiture-modal__close:hover,
.toiture-note-modal__close:hover,
.plancher-modal__close:hover,
.plancher-note-modal__close:hover,
.facade-dim-modal__close:hover,
.facade-note-modal__close:hover,
.facade-conception-modal__close:hover,
.facades-table-modal__close:hover,
.batiment-reference-modal__close:hover,
.batiment-composition-modal__close:hover,
.composition-popup__close:hover,
.help-modal__close:hover,
.logement-modal__close:hover,
.forgot-password-modal__close:hover {
    background: #f7fbf7 !important;
    color: #b61f34 !important;
}