/**
 * Confirma project CSS.
 *
 * IMPORTANT:
 * - All visual values come from Figma-filen.
 * - Map colors, typography, spacing, radii and shadows to Divi 5 Global
 *   Variables and presets before adding component CSS here.
 * - Use stable cf-* classes. Do not target Divi's generated class names.
 * - Keep this file for rules that cannot be expressed reliably in Divi 5.
 */

/* Deterministic accessibility fallback until the exact focus style is mapped
 * from Figma-filen. Replace through a documented design token, never by
 * removing visible focus. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* The HTML hidden attribute must win over builder display rules. */
[hidden] {
	display: none !important;
}

/* Optional dynamic sections may use this explicit integration hook. */
[data-cf-hide-when-empty]:empty {
	display: none !important;
}

/* Avoid motion-only failures before component-specific motion is supplied by
 * Figma-filen. This does not disable functional state changes. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}