/* Legal Modal Fixes */
#legalModal .modal-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 70vh !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.legal-modal-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 70vh !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* Ensure scrollbar is visible and functional */
#legalModalBody::-webkit-scrollbar {
    width: 10px !important;
}

#legalModalBody::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 5px !important;
}

#legalModalBody::-webkit-scrollbar-thumb {
    background: var(--primary-color) !important;
    border-radius: 5px !important;
}

#legalModalBody::-webkit-scrollbar-thumb:hover {
    background: var(--primary-light) !important;
}

/* Firefox scrollbar */
#legalModalBody {
    scrollbar-width: thin !important;
    scrollbar-color: var(--primary-color) rgba(0, 0, 0, 0.2) !important;
}

/* Prevent Lenis from interfering with modal scroll */
#legalModal [data-lenis-prevent] {
    overscroll-behavior: contain !important;
}

/* Ensure modal dialog is scrollable */
#legalModal .modal-dialog-scrollable .modal-body {
    overflow-y: auto !important;
}

@media (max-width: 768px) {
    #legalModal .modal-body,
    .legal-modal-body {
        max-height: 60vh !important;
    }
}