/*
Theme Name: ADN Mobilités
Description: Child theme of Jadro aligned with the ADN Mobilités brand charter.
Template: jadro
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adn-theme
*/

/*
 * The editor palette is locked to the 4 charter colours (theme.json), but Jadro's
 * templates, patterns and already-saved content still reference its own slugs.
 * Map them onto the charter so nothing renders uncoloured.
 */
:root {
	--wp--preset--color--base: #050e4a;
	--wp--preset--color--tertiary: color-mix(in srgb, #003399 6%, #ffffff);
	--wp--preset--color--quaternary: color-mix(in srgb, #050e4a 12%, #ffffff);
	--wp--preset--color--quinary: color-mix(in srgb, #050e4a 25%, #ffffff);
	--wp--preset--color--senary: #050e4a;
	--wp--preset--color--white: #ffffff;
}

.has-base-color { color: var(--wp--preset--color--base) !important; }
.has-tertiary-color { color: var(--wp--preset--color--tertiary) !important; }
.has-quaternary-color { color: var(--wp--preset--color--quaternary) !important; }
.has-quinary-color { color: var(--wp--preset--color--quinary) !important; }
.has-senary-color { color: var(--wp--preset--color--senary) !important; }
.has-white-color { color: var(--wp--preset--color--white) !important; }

.has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.has-tertiary-background-color { background-color: var(--wp--preset--color--tertiary) !important; }
.has-quaternary-background-color { background-color: var(--wp--preset--color--quaternary) !important; }
.has-quinary-background-color { background-color: var(--wp--preset--color--quinary) !important; }
.has-senary-background-color { background-color: var(--wp--preset--color--senary) !important; }
.has-white-background-color { background-color: var(--wp--preset--color--white) !important; }

.has-quaternary-border-color { border-color: var(--wp--preset--color--quaternary) !important; }
.has-quinary-border-color { border-color: var(--wp--preset--color--quinary) !important; }

:where(.has-primary-background-color, .has-secondary-background-color, .has-base-background-color, .has-senary-background-color) a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--background);
}

.adn-byline {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--primary);
}

/* Outline buttons take the theme's button text colour, which disappears on the dark backgrounds. */
:where(.has-primary-background-color, .has-secondary-background-color) .is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--background);
	border-color: currentColor;
}

/* Mikado Yellow is an accent: dark text on it, never yellow text on white. */
.has-accent-background-color { color: var(--wp--preset--color--secondary); }

.adn-header,
.adn-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.adn-header img { display: block; width: 150px; height: auto; }
.adn-footer img { display: block; width: 120px; height: auto; }

.adn-header ul,
.adn-footer ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--x-small) var(--wp--preset--spacing--small);
	margin: 0;
	padding: 0;
	list-style: none;
}

.adn-header__nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--small);
	font-weight: 600;
}

.adn-header__nav a { color: var(--wp--preset--color--secondary); text-decoration: none; }
.adn-header__nav a:hover,
.adn-header__nav a[aria-current] { color: var(--wp--preset--color--primary); text-decoration: underline; text-underline-offset: 6px; }

.adn-languages { padding-left: var(--wp--preset--spacing--small) !important; border-left: 2px solid var(--wp--preset--color--accent); }
.adn-languages span { color: var(--wp--preset--color--primary); }

.adn-footer,
.adn-footer a { color: var(--wp--preset--color--background); }
.adn-footer__copyright { width: 100%; margin: 0; font-size: var(--wp--preset--font-size--small); opacity: 0.8; }