/* Alert — i2t3 component styles
 * Bootstrap provides .alert and the color variants (.alert-primary … .alert-dark).
 * These rules only refine spacing, the icon and the flex/icon layout.
 */

.i2t3-alert-section { position: relative; }

.i2t3-alert-section .alert {
    border-radius: 6px;
    padding: 1rem 1.25rem;
}

/* Default layout: icon + message on one row (set inline as .d-flex on the .alert). */
.i2t3-alert-section .alert.d-flex {
    gap: 0.75rem;
}

/* Additional layout: heading / body / divider / extra text stacked,
 * icon + description still side by side inside .alert-body. */
.i2t3-alert-section .alert-body {
    gap: 0.75rem;
}

.i2t3-alert-section .alert-icon {
    flex: 0 0 auto;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0.1em;
}

.i2t3-alert-section .alert-text > :last-child {
    margin-bottom: 0;
}

.i2t3-alert-section .alert-heading {
    font-weight: 600;
    margin-bottom: 0.5rem;
}