/*
Theme Name: IFJ Kadence Child
Theme URI: https://www.bayot.net
Description: Custom Kadence child theme for the Institut français de Jérusalem multisite network.
Author: Charlie Bayot / IFJerusalem
Author URI: https://www.bayot.net
Template: kadence
Version: 0.16.5
Text Domain: ifj-kadence-child
Domain Path: /languages
Requires at least: 6.7
Requires PHP: 8.2
License: Proprietary
*/

:root {
	--ifj-noir: #000000;
	--ifj-blanc: #ffffff;
	--ifj-bleu: #3558a2;
	--ifj-tournesol: #ffe552;
	--ifj-macaron: #ffb7ae;
	--ifj-menthe: #21ab88;
	--ifj-bourgeon: #99c221;
	--ifj-ecume: #869ece;
	--ifj-cumulus: #7ab1e8;
	--ifj-tuile: #ff9575;
	--ifj-color-text: var(--ifj-noir);
	--ifj-color-background: var(--ifj-blanc);
	--ifj-color-link: var(--ifj-bleu);
	--ifj-font-latin: Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ifj-font-arabic: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
	--ifj-font-hebrew: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial Hebrew", Arial, sans-serif;
	--ifj-font-sans: var(--ifj-font-latin);
	--ifj-font-size-display: var(--wp--preset--font-size--display, clamp(2.5rem, 6vw, 5rem));
	--ifj-font-size-h1: clamp(2.5rem, calc(1.944rem + 2.279vw), 3.5rem);
	--ifj-font-size-h2: var(--wp--preset--font-size--heading, clamp(1.75rem, 3vw, 2.5rem));
	--ifj-font-size-h3: 1.5rem;
	--ifj-font-size-heading: var(--ifj-font-size-h3);
	--ifj-font-size-lead: var(--wp--preset--font-size--lead, 1.25rem);
	--ifj-font-size-body: var(--wp--preset--font-size--body, 1rem);
	--ifj-font-size-small: var(--wp--preset--font-size--small, 0.875rem);
	--ifj-font-size-label: var(--ifj-font-size-small);
	--ifj-font-size-meta: var(--ifj-font-size-small);
	--ifj-font-size-slider-title: clamp(1.75rem, 3vw, 2.375rem);
	--global-body-font-family: var(--ifj-font-sans);
	--global-heading-font-family: var(--ifj-font-sans);
	--global-primary-nav-font-family: var(--ifj-font-sans);
	--ifj-space-xs: 0.5rem;
	--ifj-space-sm: 1rem;
	--ifj-space-md: 1.5rem;
	--ifj-space-lg: 2.5rem;
	--ifj-space-xl: 4rem;
	--ifj-content-width: 47.5rem;
	--ifj-wide-width: 80rem;
	--ifj-focus-inner: var(--ifj-blanc);
	--ifj-focus-outer: var(--ifj-noir);
}

html:lang(fr),
html:lang(en) {
	--ifj-font-latin: "Marianne", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:lang(ar) {
	--ifj-font-sans: var(--ifj-font-arabic);
}

html:lang(he) {
	--ifj-font-sans: var(--ifj-font-hebrew);
}

body {
	color: var(--ifj-color-text);
	background-color: var(--ifj-color-background);
	font-family: var(--ifj-font-sans);
	text-align: start;
}

:lang(ar) {
	font-family: var(--ifj-font-arabic);
}

:lang(he) {
	font-family: var(--ifj-font-hebrew);
}

a {
	text-underline-offset: 0.15em;
	text-decoration-thickness: 0.08em;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 0;
	box-shadow:
		0 0 0 0.125rem var(--ifj-focus-inner),
		0 0 0 0.3125rem var(--ifj-focus-outer);
}

:where(button, input[type="button"], input[type="reset"], input[type="submit"], .wp-element-button) {
	min-block-size: 2.75rem;
	min-inline-size: 2.75rem;
}

.skip-link:focus {
	inset-block-start: var(--ifj-space-xs);
	inset-inline-start: var(--ifj-space-xs);
	z-index: 100000;
}

.ifj-flow > * + * {
	margin-block-start: var(--ifj-space-md);
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

@media print {
	:root {
		--ifj-color-text: #000000;
		--ifj-color-background: #ffffff;
	}

	a[href]::after {
		content: " (" attr(href) ")";
		font-size: 0.8em;
		overflow-wrap: anywhere;
	}
}