/* doc-project | site-lancon/css/store-closures.css | Styles dédiés à la modale prioritaire des fermetures actives ou futures du site public Lançon avec z-index supérieur aux modales existantes. | Expose: classes store-closure-modal* | Dépend de: partials/store-closure-modal.php | Impacte: information de fermeture affichée au premier plan avant les autres modales | Tables: aucune */

.store-closure-modal[hidden]{
    display:none !important;
}

.store-closure-modal{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.store-closure-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.78);
}

.store-closure-modal__dialog{
    position:relative;
    z-index:1;
    width:min(720px, 94vw);
    max-height:calc(100vh - 40px);
    overflow:auto;
    margin:0;
    padding:0;
    background:#fff;
    color:#222;
    border:4px solid #b00020;
    border-radius:16px;
    box-shadow:0 20px 70px rgba(0,0,0,.55);
}

.store-closure-modal__header{
    padding:20px 58px 18px 22px;
    background:#b00020;
    color:#fff;
}

.store-closure-modal__header h2{
    margin:0;
    color:#fff;
    font-size:1.65rem;
    line-height:1.2;
}

.store-closure-modal__close{
    position:absolute;
    z-index:2;
    top:10px;
    right:12px;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#b00020;
    font-size:30px;
    font-weight:700;
    line-height:38px;
    cursor:pointer;
}

.store-closure-modal__body{
    padding:22px;
}

.store-closure-modal__item{
    line-height:1.55;
}

.store-closure-modal__item + .store-closure-modal__item{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #ddd;
}

.store-closure-modal__period{
    display:block;
    margin-bottom:8px;
    color:#b00020;
    font-size:1.08rem;
}

.store-closure-modal__message{
    white-space:normal;
}

.store-closure-modal__footer{
    padding:0 22px 22px;
    text-align:right;
}

.store-closure-modal__button{
    border:0;
    border-radius:8px;
    padding:11px 20px;
    background:#b00020;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}

body.store-closure-modal-open{
    overflow:hidden !important;
}