/**
 * Miglior CRM - utilities.
 *
 * Small single-purpose helpers. Loaded last so they win over components.
 */

/* Text */
.mc-text-brand { color: var(--mc-brand) !important; }
.mc-text-brand-dark { color: var(--mc-brand-dark) !important; }
.mc-text-muted { color: var(--mc-text-muted) !important; }
.mc-text-white { color: var(--mc-white) !important; }
.mc-text-center { text-align: center !important; }
.mc-text-right { text-align: right !important; }
.mc-upper { text-transform: uppercase !important; }
.mc-italic { font-style: italic !important; }
.mc-display { font-family: var(--mc-font-display) !important; font-weight: 800 !important; }
.mc-nowrap { white-space: nowrap !important; }
.mc-tabular { font-variant-numeric: tabular-nums !important; }

/* Backgrounds */
.mc-bg-ink { background-color: var(--mc-ink) !important; color: var(--mc-on-dark); }
.mc-bg-brand { background-color: var(--mc-brand) !important; color: var(--mc-white); }
.mc-bg-gray { background-color: var(--mc-gray-100) !important; }
.mc-bg-white { background-color: var(--mc-white) !important; }

/* Spacing */
.mc-mt-0 { margin-top: 0 !important; }
.mc-mt-4 { margin-top: var(--mc-space-4) !important; }
.mc-mt-8 { margin-top: var(--mc-space-8) !important; }
.mc-mt-section { margin-top: var(--mc-section-gap) !important; }
.mc-mb-0 { margin-bottom: 0 !important; }
.mc-mb-4 { margin-bottom: var(--mc-space-4) !important; }
.mc-mb-8 { margin-bottom: var(--mc-space-8) !important; }

/* Flex helpers */
.mc-flex { display: flex !important; }
.mc-items-center { align-items: center !important; }
.mc-justify-between { justify-content: space-between !important; }
.mc-gap-2 { gap: var(--mc-space-2) !important; }
.mc-gap-4 { gap: var(--mc-space-4) !important; }
.mc-wrap { flex-wrap: wrap !important; }

/* Visibility by breakpoint (same ranges as Kadence) */
@media (max-width: 719px) {
	.mc-hide-mobile { display: none !important; }
}

@media (min-width: 720px) and (max-width: 1024px) {
	.mc-hide-tablet { display: none !important; }
}

@media (min-width: 1025px) {
	.mc-hide-desktop { display: none !important; }
}