/**
* Increase modal selector specificity with an unused ID inside :is().
* This helps modal styles override block styles that use ID selectors inside cp.css or *_block.css.
* The ID does not need to exist in the HTML.
* @see https://www.w3.org/TR/selectors-4/#specificity-rules
*/
:is(#modal-style-virtual-id, .modal) .modal-dialog .modal-content .modal-footer .btn {
    width: auto;
}

:is(#modal-style-virtual-id, .modal) .modal-dialog .modal-content .modal-header .btn-close {
    box-sizing: content-box;
    width: 1em;
    padding: 0.5rem;
    border: 0;
    border-radius: 0.375rem;
}

:is(#modal-style-virtual-id, .modal) .modal-body h2 {
    color: #212529;
    margin-bottom: .5rem;
    line-height: var(--bs-modal-title-line-height);
    font-size: 22px;
    font-weight: 600;
    text-align: left;
}

:is(#modal-style-virtual-id, .modal) .modal-body h3 {
    color: #292929;
    margin-bottom: .5rem;
    line-height: 1.2;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
}

:is(#modal-style-virtual-id, .modal) .modal-dialog .modal-content .modal-header h5 {
    color: #212529;
    margin-bottom: 0;
    text-align: start;
    line-height: var(--bs-modal-title-line-height);
    font-size: 22px;
}

:is(#modal-style-virtual-id, .modal) .modal-body p {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    color: #212529;
    font-weight: var(--bs-body-font-weight);
    text-align: justify;
    text-align-last: left;
}

:is(#modal-style-virtual-id, .modal) .modal-body a {
    color: #444 !important;
    border: 0;
    display: inline;
    text-decoration: underline;
}

:is(#modal-style-virtual-id, .modal) .modal-body li {
    line-height: 24px;
    text-align: start;
    color: #212529;
    font-size: var(--bs-body-font-size);
}

:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg) !important;
    border-color: var(--bs-btn-border-color);
    border-radius: 0.375rem;
    padding: 6px 12px;
}

:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary:hover,
:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color);
    border-radius: 0.375rem;
    padding: 6px 12px;
}

:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary:active,
:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg) !important;
    border-color: var(--bs-btn-active-border-color);
    border-radius: 0.375rem;
    padding: 6px 12px;
}

:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary:disabled,
:is(#modal-style-virtual-id, .modal) .modal-footer .btn-secondary.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg) !important;
    border-color: var(--bs-btn-disabled-border-color);
    border-radius: 0.375rem;
    padding: 6px 12px;
}
/************************* Custom styles in modals *************************/
/* LP CGU modal */
:is(#modal-style-virtual-id, .modal) .lp-cgu-modal .modal-body h2 {
    font-size: 2rem;
    font-weight: 500;
}
/* End of LP CGU modal */

/* LP Mentions modal */
:is(#modal-style-virtual-id, .modal) .lp-mentions-modal .modal-content .modal-header h5 {
    font-size: 20px;
}

:is(#modal-style-virtual-id, .modal) .lp-mentions-modal .modal-body p {
    line-height: 22px;
}

:is(#modal-style-virtual-id, .modal) .lp-mentions-modal .modal-body h2 {
    line-height: 1.2;
}
/* End of LP Mentions modal */

/* R3 Mentions modal */
:is(#modal-style-virtual-id, .modal) .r3-mentions-modal .modal-body p {
    color: #292929;
    font-size: 15px;
    margin: 0;
    line-height: 22px;
}

:is(#modal-style-virtual-id, .modal) .r3-mentions-modal .modal-content .modal-header h5 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
}

:is(#modal-style-virtual-id, .modal) .r3-mentions-modal .modal-body h2 {
    line-height: 1.2;
}
/* End of R3 Mentions modal */

/* R3 CGU modal */
:is(#modal-style-virtual-id, .modal) .r3-cgu-modal .modal-body * {
    font-size: 15px;
    line-height: var(--bs-body-line-height);
    color: #292929;
}

:is(#modal-style-virtual-id, .modal) .r3-cgu-modal .modal-body p {
    margin: 0;
}

:is(#modal-style-virtual-id, .modal) .r3-cgu-modal .modal-content .modal-header h5 {
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
}

:is(#modal-style-virtual-id, .modal) .r3-cgu-modal .modal-body h2 {
    font-size: 19px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: .5rem;
    line-height: 1.2;
}
/* End of R3 CGU modal */