/* Habillage commun aux modales Bootstrap de Logibox. */
.modal .modal-content { border: 7px solid #355a78; border-radius: 26px; background: #fff; color: #37414b; overflow: hidden; }
.modal .modal-header { position: relative; flex-shrink: 0; justify-content: center; border: 0; border-radius: 0 0 18px 18px; background: #355a78; color: #fff; padding: 12px 52px 16px; min-height: 60px; }
.modal .modal-header .modal-title { margin: 0; font-size: clamp(1.15rem, 1.6vw, 1.65rem) !important; font-weight: 400; line-height: 1.25; text-align: center; }
.modal .modal-header .btn-close { position: absolute; right: 14px; top: 14px; margin: 0; opacity: 1; border-radius: 50%; background: #d79678; width: 27px; height: 27px; padding: 0; }
.modal .modal-header .btn-close::before, .modal .modal-header .btn-close::after { content: ''; position: absolute; left: 5px; top: 12px; width: 18px; height: 4px; background: #fff; transform: rotate(45deg); }
.modal .modal-header .btn-close::after { transform: rotate(-45deg); }
.modal .modal-body { padding: 20px 24px; min-width: 0; }
.modal .form-control, .modal .form-select { border: 1px solid #d1d2cd; border-radius: 0; background-color: #e5e7e4; color: #37414b; font-size: 14px; min-height: 32px; }
.modal .form-control[readonly], .modal .form-control:disabled, .modal .form-select:disabled { background-color: #f8f8f8; }
.modal .modal-footer { flex-shrink: 0; justify-content: center; border: 0; gap: 8px; padding: 12px 20px 24px; }
.modal .modal-footer .btn { background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color); border-radius: 0; font-weight: 700; padding: 9px 20px; min-width: 140px; max-width: 100%; margin: 0; }
.modal .modal-footer :is(.btn-primary, .btn-outline-primary, .btn-success, .btn-outline-success, .lx-quote-confirm) { --bs-btn-bg: #a0bf3b; --bs-btn-border-color: #a0bf3b; --bs-btn-color: #fff; --bs-btn-hover-bg: #8ca931; --bs-btn-hover-border-color: #8ca931; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #7e982d; --bs-btn-active-border-color: #7e982d; }
.modal .modal-footer :is(.btn-secondary, .btn-outline-secondary, .lx-quote-cancel) { --bs-btn-bg: #a2a3a1; --bs-btn-border-color: #a2a3a1; --bs-btn-color: #fff; --bs-btn-hover-bg: #898a88; --bs-btn-hover-border-color: #898a88; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #767775; --bs-btn-active-border-color: #767775; }
.modal .modal-footer :is(.btn-danger, .btn-outline-danger, .lx-quote-close) { --bs-btn-bg: #d82520; --bs-btn-border-color: #d82520; --bs-btn-color: #fff; --bs-btn-hover-bg: #bc201c; --bs-btn-hover-border-color: #bc201c; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #a41c18; --bs-btn-active-border-color: #a41c18; }
.modal .modal-footer .btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color); }
.modal .modal-footer .btn:active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
/* Ces enveloppes conservent un corps défilant et les actions accessibles. */
.modal-content > form, .modal-content > [data-reservation-modal], .modal [data-reservation-modal] > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
@media (max-width: 767.98px) {
    .modal .modal-content { border-width: 5px; border-radius: 22px; }
    .modal .modal-header { padding-inline: 38px; }
    .modal .modal-header .btn-close { right: 6px; }
    .modal .modal-body { padding: 16px; }
    .modal .modal-footer { padding: 10px 12px 18px; }
    .modal .modal-footer .btn { min-width: 0; }
}