/**
 * Theme Name: Les Audacieuses
 *
 * Version: 1.0
 */

:root {
		/* Palette definition */
		--la--palette--english-rose-50: var(--wp--preset--color--english-rose-50, #fefcfc);
		--la--palette--english-rose-100: var(--wp--preset--color--english-rose-100, #fdf0f0);
		--la--palette--english-rose-200: var(--wp--preset--color--english-rose-200, #fbe5e5);
		--la--palette--english-rose-300: var(--wp--preset--color--english-rose-300, #fadada);
		--la--palette--english-rose-400: var(--wp--preset--color--english-rose-400, #f8cfcf);
		--la--palette--english-rose-500: var(--wp--preset--color--english-rose-500, #f7c4c4);
		--la--palette--english-rose-600: var(--wp--preset--color--english-rose-600, #c59c9c);
		--la--palette--english-rose-700: var(--wp--preset--color--english-rose-700, #947575);
		--la--palette--english-rose-800: var(--wp--preset--color--english-rose-800, #624e4e);
		--la--palette--english-rose-900: var(--wp--preset--color--english-rose-900, #312727);
		--la--palette--navy-seal-50: var(--wp--preset--color--navy-seal-50, #f4f5f9);
		--la--palette--navy-seal-100: var(--wp--preset--color--navy-seal-100, #fcad0e4);
		--la--palette--navy-seal-200: var(--wp--preset--color--navy-seal-200, #a0acd0);
		--la--palette--navy-seal-300: var(--wp--preset--color--navy-seal-300, #7687bb);
		--la--palette--navy-seal-400: var(--wp--preset--color--navy-seal-400, #4c63a6);
		--la--palette--navy-seal-500: var(--wp--preset--color--navy-seal-500, #233F92);
		--la--palette--navy-seal-600: var(--wp--preset--color--navy-seal-600, #1c3274);
		--la--palette--navy-seal-700: var(--wp--preset--color--navy-seal-700, #152557);
		--la--palette--navy-seal-800: var(--wp--preset--color--navy-seal-800, #0e193a);
		--la--palette--navy-seal-900: var(--wp--preset--color--navy-seal-900, #060c1d);
		--la--palette--grenadier: var(--wp--preset--color--grenadier, #d43100);

		/* Custom styles */
		--la--styles--color--background: var(--la--palette--english-rose-50);
		--la--styles--color--text: var(--la--palette--navy-seal-900);

		/* Blocks: core/button */
		--la--styles--blocks--core-button--color--background: var(--la--palette--navy-seal-500);
		--la--styles--blocks--core-button--color--text: var(--la--palette--english-rose-50);

		/* Elements: button */
		--la--styles--elements--button--color--background: var(--la--palette--navy-seal-700);
		--la--styles--elements--button--color--text: var(--la--palette--english-rose-50);

		/* Elements: link */
		--la--styles--elements--link--color--text: var(--la--palette--navy-seal-500);
		--la--styles--elements--link--visited--text: #694a78;

		/* Custom */
		--la--patterns--footer--color--text: var(--la--palette--navy-seal-900);
		--la--patterns--footer--color--background: var(--la--palette--english-rose-500);
		--la--patterns--header--color--text: var(--la--palette--navy-seal-500);
		--la--patterns--header--color--background: var(--la--palette--english-rose-500);
		--la--patterns--alert--color--text: var(--la--palette--english-rose-50);
		--la--patterns--alert--color--background: var(--la--palette--grenadier);
}

@media (prefers-color-scheme: dark) {
		:root {
				/* Custom styles */
				--la--styles--color--background: var(--la--palette--navy-seal-900);
				--la--styles--color--text: var(--la--palette--english-rose-50);

				/* Blocks: core/button */
				--la--styles--blocks--core-button--color--background: var(--la--palette--english-rose-500);
				--la--styles--blocks--core-button--color--text: var(--la--palette--navy-seal-900);

				/* Elements: button */
				--la--styles--elements--button--color--background: var(--la--palette--english-rose-700);
				--la--styles--elements--button--color--text: var(--la--palette--navy-seal-50);

				/* Elements: link */
				--la--styles--elements--link--color--text: var(--la--palette--navy-seal-200);
				--la--styles--elements--link--visited--text: #cab9d2;

				/* Custom */
				--la--patterns--footer--color--text: var(--la--palette--english-rose-50);
				--la--patterns--footer--color--background: var(--la--palette--navy-seal-700);
				--la--patterns--header--color--text: var(--la--palette--english-rose-50);
				--la--patterns--header--color--background: var(--la--palette--navy-seal-700);
		}
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
	cursor: pointer;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.has-background:is(.has-light-green-cyan-background-color, .has-pale-pink-background-color) {
		color: black;
}

.wp-site-blocks > main {
		min-height: 100vh;
		min-height: 100dvh;
		min-height: calc(100dvh - var(--header-height, 0px));
}

.wp-site-blocks .wp-block-group.page-header {
		background-color: var(--la--patterns--header--color--background);
		color: var(--la--patterns--header--color--text);
		row-gap: 0px;
}

.wp-site-blocks .wp-block-group.page-header .wp-block-site-title > a {
		color: currentColor !important;
		text-transform: uppercase;
		font-size: clamp(1rem, 5vw, 32px);
		text-wrap: nowrap;
}

.wp-site-blocks .wp-block-group.page-header .custom-logo-link > img {
		min-height: 3rem;
		min-width: 3rem;
}

.wp-site-blocks .wp-block-group.page-header .wp-block-navigation a {
		text-transform: uppercase;
		font-family: 'Cardenio Modern', ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif; 
}

 .wp-site-blocks .wp-block-group.page-header .wp-block-navigation .has-modal-open ul {
		padding-inline: 1rem;
		align-self: stretch;
		display: flex;
		align-items: center;
 }


.wp-site-blocks .wp-block-group.page-header .wp-block-navigation .has-modal-open button {
		padding-inline: 1rem;
}

.wp-site-blocks .wp-block-group.alert {
		background-color: var(--la--patterns--alert--color--background);
		color: var(--la--patterns--alert--color--text);
		padding-inline: var(--wp--preset--spacing--30, 1rem);
		font-size: max(14pt, auto);
}

.wp-site-blocks .wp-block-group.page-footer {
		background-color: var(--la--patterns--footer--color--background);
		color: var(--la--patterns--footer--color--text);
		padding-inline: var(--wp--preset--spacing--30, 1rem);
}

/* Utility classes */
.content-width {
		max-width: 56rem;
		margin-inline: auto;
		padding-inline: 1rem;
}

/* Accessibility enhancement */
@media (pointer:coarse) {
		button,
		.wp-block-button > a,
		.wp-social-link > a {
				--size: max(1.6rem, 1.2cm);

				min-width: var(--size);
				min-height: var(--size);
		}

		.wp-site-blocks .wp-block-group.page-header .wp-block-navigation button,
		.wp-social-link > a {
				box-sizing: border-box;
				align-items: center;
				justify-content: center;
		}
}