/**
 * Utility Classes — assets/css/utilities.css
 * Generic helper classes for spacing, alignment, and text.
 *
 * @package  DEI4SME
 * @used-in  Any template
 *
 * SELECTORS:
 *   .text-center   — Centered text
 *   .mt-1/2/3      — Margin-top (--spacing-sm / --spacing-md / --spacing-lg)
 *   .mb-1/2/3      — Margin-bottom (--spacing-sm / --spacing-md / --spacing-lg)
 *   .alignleft     — Float left with right margin (block on mobile)
 *   .alignright    — Float right with left margin (block on mobile)
 *   .aligncenter   — Block centered (margin: 0 auto)
 */

/* === Text === */
.text-center { text-align: center; }

/* === Margins === */
.mt-1 { margin-top: var(--spacing-sm); }
.mt-2 { margin-top: var(--spacing-md); }
.mt-3 { margin-top: var(--spacing-lg); }
.mb-1 { margin-bottom: var(--spacing-sm); }
.mb-2 { margin-bottom: var(--spacing-md); }
.mb-3 { margin-bottom: var(--spacing-lg); }

/* === Alignment === */
.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* === Responsive Utilities === */
@media (max-width: 768px) {
    .alignleft,
    .alignright {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}