/*
 * Styles globaux Kadef. Toujours via les variables de variables.css.
 * Règle Mega-Ique : pas de !important (sauf pour neutraliser un !important
 * d'un plugin tiers, avec un commentaire qui le justifie).
 */

/*
 * Typographie et couleurs du site en ligne (Lato, fond sombre, Elementor)
 * conservées telles quelles : la charte n'est pas modifiée globalement tant
 * que la refonte visuelle n'est pas validée. Les variables de variables.css
 * servent aux nouveaux éléments (sections prêtes, composants du thème).
 */

:focus-visible {
	outline: 2px solid var(--kadef-gold);
	outline-offset: 2px;
}

/* Zones tactiles confortables sur mobile (>= 44px) */
@media (max-width: 921px) {
	.button,
	button,
	input[type="submit"],
	.main-header-menu a {
		min-height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition: none;
		animation: none;
	}
}

/*
 * Formulaires de recherche (page 404, widgets) : Astra superpose un bouton
 * input.search-submit de 45 px dont le libellé déborde (71 px) et élargit la
 * page de 4 px à 375 px. Constaté par tests/e2e/menu.spec.ts.
 */
.search-form input.search-submit {
	overflow: hidden;
}