/*
Theme Name: Gigi Theme
Theme URI: https://bitbucket.org/antibo/gigi
Author: Hippocampe Studio
Author URI: https://hippocampe.studio
Description: Thème de blocs WordPress pour les sites Gigi Événements, FB Le Bar, La Guinguette Éphémère et Foodtrucks Festival.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
License URI: https://bitbucket.org/antibo/gigi
Text Domain: gigi-theme
Tags: block-theme, full-site-editing, custom-colors, custom-typography
*/

/* Formulaire mot de passe (template part password-protected) */
.gigi-password-protected .gigi-password-form {
	max-width: 32rem;
	margin-inline: auto;
	text-align: center;
}

.gigi-password-protected .gigi-password-form__message {
	font-size: var(--wp--preset--font-size--s, 1.125rem);
	margin-block: 0 1.5rem;
}

.gigi-password-protected .gigi-password-form__field {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-block: 0 1.5rem;
}

.gigi-password-protected .gigi-password-form__field label {
	font-family: var(--wp--preset--font-family--zuume);
	font-size: var(--wp--preset--font-size--s, 1.125rem);
	font-weight: 500;
	text-transform: uppercase;
}

.gigi-password-protected .gigi-password-form__field input[type="password"] {
	width: 100%;
	max-width: 20rem;
	padding: 0.75rem 1rem;
	border: 1px solid var(--wp--preset--color--custom-gigi-gris-moyen, #828282);
	border-radius: 5px;
	font-family: var(--wp--preset--font-family--inter);
	font-size: var(--wp--preset--font-size--xs, 1rem);
}

.gigi-password-protected .gigi-password-form__submit {
	margin: 0;
}

.gigi-password-protected .post-password-form-invalid-password {
	margin-block-end: 1rem;
	color: var(--wp--preset--color--custom-gigi-rouge, #e1001a);
}

/* Navigation header-multisite : page courante */
.gigi-header-nav .gigi-nav-current {
	color: var(--wp--preset--color--custom-gigi-jaune, #ffcb00) !important;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

/* Composition GIGI - Navigation Marques */
.gigi-navigation-marques img {
	max-height: 60px;
	width: auto;
	transition: max-height 0.2s ease-in-out;
}

.gigi-navigation-marques a:hover img {
	max-height: 55px;
}

/* Composition GIGI - Strate Blanche : responsive */
@media (max-width: 781px) {
	.gigi-strate-blanche:not(.is-not-stacked-on-mobile) > .gigi-strate-blanche__spacer {
		display: none !important;
	}

	.gigi-strate-blanche:not(.is-not-stacked-on-mobile) > .gigi-strate-blanche__media {
		order: -1;
	}
}

/* Navigation Mobile (overlay WP 7.0) */
.wp-block-navigation__overlay-container .gigi-navigation-mobile,
.wp-block-navigation__responsive-container .gigi-navigation-mobile {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.gigi-navigation-mobile {
	align-items: stretch;
}

.gigi-navigation-mobile__header {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
}

.gigi-navigation-mobile__close {
	margin-inline-start: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3rem;
	min-height: 3rem;
	padding: 0.25rem;
	color: var(--wp--preset--color--white, #fff) !important;
	background: transparent;
	border: none;
	cursor: pointer;
}

.gigi-navigation-mobile__close svg {
	width: 2rem;
	height: 2rem;
	fill: currentColor;
}

.gigi-navigation-mobile__close path {
	fill: currentColor;
}

.gigi-navigation-mobile__menu {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
}

.gigi-navigation-mobile__menu > .wp-block-navigation__container,
.gigi-navigation-mobile__menu ul.wp-block-navigation__container {
	width: 100%;
}

.gigi-navigation-mobile__menu .wp-block-navigation-item {
	width: 100%;
}

.gigi-navigation-mobile__menu .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75rem;
	padding-block: 0.25rem;
}

/* Header multisite : menu burger en dessous de 900px */
@media (min-width: 600px) and (max-width: 899px) {
	.gigi-header-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}

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

@media (min-width: 900px) {
	.gigi-header-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	.gigi-header-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		position: relative;
		width: 100%;
		z-index: auto;
		background-color: inherit;
	}
}