/*
 * Valeurs de base volontairement minimales : couleurs, polices et espacements viennent des réglages globaux
 * du kit Elementor. Rien ici ne doit empêcher un réglage Elementor de s'appliquer (pas de !important, faible spécificité).
 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; overflow-x: clip; }
img, svg, video { max-width: 100%; height: auto; }
#main:focus { outline: none; }

.opoko-skip-link {
	position: fixed;
	left: 1rem;
	top: 1rem;
	z-index: 10000;
	padding: .75rem 1.25rem;
	border-radius: 999px;
	background: #7db77c;
	color: #0e1847;
	font-weight: 600;
	transform: translateY(-200%);
	transition: transform .2s;
}
.opoko-skip-link:focus { transform: none; }

/* Repli sans Elementor Pro */
.opoko-fallback-header, .opoko-fallback-footer, .opoko-entry {
	max-width: 1440px;
	margin: 0 auto;
	padding: 1.5rem 1.25rem;
}
.opoko-fallback-header { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; }
.opoko-fallback-header ul { display: flex; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 0; }
