/* ==================================================================================
   KEEPGREEN COMPONENT LIBRARY - MODALS
   ==================================================================================
   Modal components with BEM naming convention.
   Extracted from inline styles in admin users modals and plant delete modals.

   Usage: Apply classes to Bootstrap modal elements for custom styling.
   Example: <div class="modal-content kg-modal-content--rounded">
   ================================================================================== */

/* ==================================================================================
   MODAL CONTENT
   ================================================================================== */

.kg-modal-content {
    border: none;
    border-radius: var(--kg-radius-5xl); /* 20px */
    box-shadow: var(--kg-shadow-lg);
}

.kg-modal-content--rounded {
    border-radius: var(--kg-radius-5xl);
    border: none;
}

/* ==================================================================================
   MODAL HEADER
   ================================================================================== */

.kg-modal-header {
    border-bottom: 0;
    padding: var(--kg-spacing-2xl);
}

/* ==================================================================================
   MODAL BODY
   ================================================================================== */

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

.kg-modal-body--lg {
    padding: var(--kg-spacing-2xl);
}

/* ==================================================================================
   MODAL FOOTER
   ================================================================================== */

.kg-modal-footer {
    border-top: 0;
    padding: var(--kg-spacing-lg);
}

/* ==================================================================================
   IMAGE MODAL (Layout.cshtml lightbox)
   ================================================================================== */

.kg-image-modal__content {
    max-height: 90vh;
}