@charset "UTF-8";

/**
 * Navigation menu styles.
 *
 * @package museegodf
 * @author  Grégoire Noyelle
 * @license GPL-2.0-or-later
 * @link    https://www.gregoirenoyelle.com/
 */

/* Top wrapper */
.tw-menu-top .wp-block-navigation-item .wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--tw-extra-small);
}

/* Main menu */
.tw-menu-main .wp-block-navigation-item .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--tw-primary-2);
}

/* Search menu item — icon only */
.search-menu .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	color: var(--wp--preset--color--tw-primary-2) !important;
	font-size: 0;
}

.search-menu .wp-block-navigation-item__content::before {
	content: "" / "Recherche";
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-color: currentColor;
	-webkit-mask-image: url('../img/icons/search.svg');
	mask-image: url('../img/icons/search.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	flex-shrink: 0;
}

/* Main submenu */
.tw-menu-main.wp-block-navigation .wp-block-navigation__submenu-container {
	text-transform: none;
}

.tw-menu-main.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link {
	padding: 4px 7px;
}

.tw-menu-main.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link:hover {
	background: var(--wp--preset--color--tw-primary-4);
}

/* Legal menu */
.tw-footer-legal .tw-menu-legal.wp-block-navigation {
	gap: var(--wp--preset--spacing--tw-extra-small);
}

.tw-menu-legal.wp-block-navigation .wp-block-navigation-item:not(:last-child)::after {
	content: "•";
	display: inline-block;
	margin-left: var(--wp--preset--spacing--tw-extra-small);
	line-height: 1;
	vertical-align: middle;
}

/* Force mobile menu version from 1090px */
@media (max-width: 1690px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}

/* Reactivate desktop display beyond 1091px */
@media (min-width: 1691px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}

	/* Main header wrapper */
	.tw-header-wrapper-main {
		border-top: 1px solid var(--wp--preset--color--tw-primary-4);
		border-bottom: 1px solid var(--wp--preset--color--tw-primary-4);
	}

	/* Main menu */
	.tw-menu-main.wp-block-navigation {
		justify-content: center;
	}

	.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		left: -105% !important;
	}

	.tw-menu-main.wp-block-navigation .wp-block-navigation__submenu-container {
		padding: 15px;
		box-shadow: var(--wp--preset--shadow--petite);
		border: none;
	}
}

/* Footer widgets on tablet and mobile */
@media (min-width: 1000px) and (max-width: 1199px) {
	.tw-footer-widgets.wp-block-columns {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr);
	}

	.tw-footer-widgets > .wp-block-column:first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 999px) {
	.tw-footer-widgets.wp-block-columns {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
	}

	.tw-footer-widgets > .wp-block-column:first-child {
		grid-column: 1 / -1;
	}
}