/* Modal + — i2t3 component styles
 * Richer modal (vs. the Bootstrap "modal"): a set of modals from one element —
 * each trigger button opens its own dialog with its own title, body, size,
 * header colour and optional action. Show/hide is handled by the global
 * Bootstrap bundle (no own JS).
 */

.i2t3-modal-plus__triggers {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

/* Optional intro text shown next to the triggers — light divider on its right,
 * matching the reference layout (col-sm-3 + border). Only from the small
 * breakpoint up, where the columns sit side by side. */
@media (min-width: 576px) {
    .i2t3-modal-plus__intro {
        border-right: 1px solid rgba(0, 0, 0, .08);
    }
}