/* ==================================================
07.) GESTION COMPOSANTS

Objectif:
Gestion des composants de l'éditeur Gutenberg
================================================== */

/* ********** GESTION DES STYLES DU MENU GUTENBERG ********** */
/* Gestion des styles issus de l'éditeur Gutenberg, gérés par les fichiers "functions.php" et "theme.json" */

/* Taille section par défaut */
:where(body, .editor-styles-wrapper) .wp-block-group.is-style-default:is(section) {
	padding-top: 5vh;
	padding-bottom: 10vh;
}

/* Taille section 0, hauteur nulle */
:where(body, .editor-styles-wrapper) .wp-block-group.is-style-section-0:is(section) {
	padding-top: 0;
	padding-bottom: 0;
}

/* Taille section hauteur serrée */
:where(body, .editor-styles-wrapper) .wp-block-group.is-style-section-serree:is(section) {
	padding-top: 1vh;
	padding-bottom: 1vh;
}

/* Taille section hauteur basse */
:where(body, .editor-styles-wrapper) .wp-block-group.is-style-section-basse:is(section) {
	padding-top: 2.5vh;
	padding-bottom: 5vh;
}

/* Taille section hauteur haute */
:where(body, .editor-styles-wrapper) .wp-block-group.is-style-section-haute:is(section) {
	padding-top: 10vh;
	padding-bottom: 20vh;
}

/* Paragraphe par défaut */
/* Géré par le fichier "theme.json" */

/* Paragraphe font-size augmenté */
/* Géré par le fichier "theme.json" */



/* ********** GESTION DU PLUGIN COOKIEYES ********** */

/* Couleur de fond de l'icone */
.cky-btn-revisit {
   background-color: var(--wp--preset--color--free-1) !important;
}
	
/* Couleur de fond du cadre de l'icone */
.cky-btn-revisit-wrapper {
    background-color: var(--wp--preset--color--free-1) !important;
}

/* Couleur du bonton "Accepter" */
button.cky-btn.cky-btn-accept {
	color: var(--wp--preset--color--txt-2) !important;
	background-color: var(--wp--preset--color--free-1) !important;
	border-color: var(--wp--preset--color--free-1) !important;
}

/* Couleur du bonton "Rejeter" */
button.cky-btn.cky-btn-reject {
	color: var(--wp--preset--color--txt-2) !important;
	background-color: var(--wp--preset--color--free-1) !important;
	border-color: var(--wp--preset--color--free-1) !important;
}

/* Couleur du bonton "Preferences" */
button.cky-btn.cky-btn-preferences {
	color: var(--wp--preset--color--txt-2) !important;
	background-color: var(--wp--preset--color--free-1) !important;
	border-color: var(--wp--preset--color--free-1) !important;
}

/* Couleur du bonton "Personnaliser" */
button.cky-btn.cky-btn-customize {
	color: var(--wp--preset--color--txt-2) !important;
	background-color: var(--wp--preset--color--free-1) !important;
	border-color: var(--wp--preset--color--free-1) !important;
}


/* ********** CONTACT FORM 7 - MODELEWEB ********** */

/* Conteneur */
.mw-groupe-formulaire .wpcf7 {
	max-width: 700px;
	margin: 0 auto;
}

/* ---------- Labels ---------- */

.mw-groupe-formulaire .wpcf7 label {
	display: block;
	margin-bottom: 1.2rem;
	font-weight: 700;
	transition: color .25s ease;
}

.mw-groupe-formulaire .wpcf7 label:focus-within {
	color: var(--wp--preset--color--free-2);
}

/* ---------- Champs ---------- */

.mw-groupe-formulaire .wpcf7 input:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]),
.mw-groupe-formulaire .wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;

	margin-top: .4rem;
	padding: .9rem 1rem;

	border: 1px solid #b24040;
	border-radius: 8px;

	background: #fff;

	font-family: inherit;
	font-size: 1rem;

	transition:
		border-color .25s ease,
		box-shadow .25s ease,
		transform .25s ease;
}

/* Zone de texte */

.mw-groupe-formulaire .wpcf7 textarea {
	min-height: 160px;
	resize: vertical;
}

/* Focus */

.mw-groupe-formulaire .wpcf7 input:not(.wpcf7-submit):focus,
.mw-groupe-formulaire .wpcf7 textarea:focus {

	outline: none;

	border-color: var(--wp--preset--color--free-1);

	box-shadow: 0 0 0 3px rgba(178,64,64,.40);

	transform: scale(1.01);

}

/* ---------- Case RGPD ---------- */

.mw-groupe-formulaire .wpcf7-acceptance {
	display: block;
	margin: 1rem 0;
	font-size: .95rem;
}

/* ---------- Bouton ---------- */

.mw-groupe-formulaire input.wpcf7-submit {

	width: auto;
	min-width: 180px;

	padding: .9rem 1.8rem;

	border: none;
	border-radius: 999px;

	background: var(--wp--preset--color--free-2);
	color: #fff;

	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .03em;

	cursor: pointer;

	box-shadow: 0 6px 18px rgba(0,0,0,.15);

	transition:
		transform .25s ease,
		box-shadow .25s ease;

	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.mw-groupe-formulaire input.wpcf7-submit:hover {

	transform: translateY(-3px);

	box-shadow: 0 10px 24px rgba(0,0,0,.20);

}

.mw-groupe-formulaire input.wpcf7-submit:active {

	transform: translateY(0);

}

/* ---------- Messages ---------- */

.mw-groupe-formulaire .wpcf7-response-output {
	margin-top: 1.5rem;
	padding: 1rem;
	border-radius: 8px;
}

/* ---------- Smartphone ---------- */

@media (max-width:767px){

	.mw-groupe-formulaire{

		padding-left:1rem;
		padding-right:1rem;

	}

	.mw-groupe-formulaire .wpcf7{

		max-width:100%;

	}

	.mw-groupe-formulaire .wpcf7 label{

		margin-bottom:.85rem;
		font-size:.95rem;

	}

	.mw-groupe-formulaire .wpcf7 input:not(.wpcf7-submit),
	.mw-groupe-formulaire .wpcf7 textarea{

		padding:.65rem .75rem;
		font-size:.95rem;
		border-radius:6px;

	}

	.mw-groupe-formulaire .wpcf7 textarea{

		min-height:110px;

	}

	.mw-groupe-formulaire input.wpcf7-submit{

		width:100%;
		min-width:0;
		padding:.75rem 1rem;

	}

	.mw-groupe-formulaire .wpcf7-acceptance{

		font-size:.9rem;
		line-height:1.4;

	}

}

/* ********** FIN ********* */


/* Pointeur main sur les éléments cliquables du menu */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content *,
.wp-block-navigation .wp-block-navigation-submenu__toggle,
.wp-block-navigation .wp-block-navigation-submenu__toggle * {
	cursor: pointer !important;
}

/* Focus personnalisé */
.wp-block-navigation a:focus,
.wp-block-navigation a:focus-visible,
.wp-block-navigation button:focus,
.wp-block-navigation button:focus-visible {

	/* Le désactiver complètement (déconseillé) */
	/*
	outline: none !important;
	box-shadow: none !important;
	*/

	/* Ne l'afficher que pour la navigation au clavier (recommandé) */
	/* Le pseudo-sélecteur :focus-visible est aujourd'hui largement pris en charge */
	/*
	:focus {
    outline: none;
	}
	:focus-visible {
    outline: 2px solid var(--wp--preset--color--free-1);
    outline-offset: 3px;
	}
	*/

	/* Le personnaliser */
	/*
	solution 1
	:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(178, 64, 64, .35);
    border-radius: 6px;
	}
	
	Solution 2
	outline: 2px solid var(--wp--preset--color--free-1) !important;
	outline-offset: 3px !important;
	box-shadow: none !important; 

	Solution 3 
	outline: none !important;
	box-shadow: none !important;
	background-color: rgba(178, 64, 64, 0.15);
	border-radius: 4px;
	*/

	/* L'activer uniquement sur mobile ou desktop */
	/*
	@media (min-width: 1024px) {
    	:focus-visible {
       	 outline: none;
    	}
	}
	@media (max-width: 1023px) {
    	:focus-visible {
        	outline: none;
    	}
	}
	*/
}

/* Smartphone : focus ajusté autour du texte */
@media (max-width: 767px) {

	header .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item__content {
		display: inline-flex !important;
		width: fit-content !important;
	}

}

/* Correction test du sous-menu Navigation */
.wp-block-navigation-item.has-child:has(
	.wp-block-navigation-submenu__toggle[aria-expanded="true"]
) > .wp-block-navigation__submenu-container {
	visibility: visible !important;
	opacity: 1 !important;
}

.wp-block-navigation-item.has-child:has(
	.wp-block-navigation-submenu__toggle[aria-expanded="false"]
) > .wp-block-navigation__submenu-container {
	visibility: hidden;
	opacity: 0;
}