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

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

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

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

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

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

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

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