/**
 * CMS Component: Modals
 * Standardizes modal spacing and appearance
 */

.modal-content {
    border: none;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-lg);
}

.modal-header {
    border-bottom: 1px solid var(--border-color);
    padding: var(--spacing-4);
    background-color: #fff;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

.modal-title {
    font-weight: var(--font-weight-bold);
    color: var(--text-main);
    font-size: 1.15rem;
}

.modal-body {
    padding: var(--spacing-4);
}

.modal-footer {
    border-top: 1px solid var(--border-color);
    padding: var(--spacing-3) var(--spacing-4);
    gap: var(--spacing-2);
}

/* Modal sizing standards */
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

/* Fix for backdrop issue reported in previous conversations */
.modal-backdrop.show {
    opacity: 0.5;
}