:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid transparent; outline-offset: 2px;
	box-shadow: var(--mk-focus);
	border-radius: 2px;
}
[lang="ar"] { direction: rtl; unicode-bidi: isolate; }
.mk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Kadence lit ces variables : on les branche sur les tokens Merkez. */
:root {
	--global-body-font-family: var(--mk-font-sans);
	--global-heading-font-family: var(--mk-font-serif);
	--global-primary-nav-font-family: var(--mk-font-sans);
}
body { background: var(--mk-bg); color: var(--mk-text); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--mk-font-serif); font-weight: 500; color: var(--mk-heading); letter-spacing: var(--mk-track-display); text-wrap: balance; }

/* Fond crème partout : le fond blanc de contenu de Kadence ne s'applique pas aux pages sans boîte. */
#wrapper.site, .content-style-unboxed .content-bg, .content-style-unboxed .entry.content-bg { background: var(--mk-bg); }