/* /www/wwwroot/Test.System.GURU.Markets/frontend/css/modal-legal.css */
/*
 * Styles for legal document modal windows (Terms, Privacy, etc.).
*/
/* --- HEADER STYLING --- */
/*
 * Use specific parent IDs to scope this style ONLY to the legal modals.
 * This prevents 'justify-content: space-between' from overriding the default 'center'
 * on other modals. This style is necessary for the absolute positioning of the title group to work correctly.
*/
#terms-use-modal-overlay .modal-header,
#privacy-policy-modal-overlay .modal-header,
#disclaimer-modal-overlay .modal-header {
    justify-content: space-between;
}
.modal-header-title-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
width: max-content;
}
.modal-header-title-group h2 {
    margin: 0;
}
/* --- BODY & SCROLLBAR STYLING --- */
.modal-content .modal-body.legal-text-body {
    width: 100%;
    padding: 0;
    text-align: left;
overflow-y: auto;
    flex-grow: 1;
    min-height: 0;
}
.legal-text-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 40px;
line-height: 1.6;
    font-size: 16px;
    color: #ccc;
}
.legal-text-wrapper p {
    margin-bottom: 1em;
}