/* 🌟 FOND DU SITE 🌟 */
/* Fond par défaut pour tout le site (papier marbré bleu) */
body {
	background: url('https://lapetiteencadreuse.com/wp-content/uploads/2024/12/numerisation-5.jpeg') repeat-y center center fixed;
	background-size: 100% auto;
/* Largeur à 100% et hauteur ajustée automatiquement */
	background-attachment: fixed;
/* Fixe l'image pour éviter les zooms */
	background-position: center top;
/* Centre l’image en haut */
}

/* 🌟 FOND SPÉCIFIQUE POUR LA PAGE GALERIE (Version desktop) */
body.page-id-334 {
	background: url('https://lapetiteencadreuse.com/wp-content/uploads/2024/12/tempimagea3eacn.jpg') repeat-y center center fixed;
	background-size: 100% auto;
	background-attachment: fixed;
	background-position: center top;
}

/* 🌟 SUPPRESSION DU FOND UNIQUEMENT SUR LA PAGE D'ACCUEIL */
body.home, body.front-page {
	background: none !important;
}

/* 🌟 CHANGEMENT DU FOND UNIQUEMENT POUR LA GALERIE SUR IPHONE & TABLETTE */
@media screen and (max-width: 1024px) {
	body.page-id-334 {
		background: url('https://lapetiteencadreuse.com/wp-content/uploads/2025/02/numerisation_1_lossless.jpeg') repeat-y center center fixed !important;
		background-size: 100% auto !important;
	/* Ajuste le fond sans déformer */
		background-attachment: scroll !important;
	/* Empêche le zoom sur mobile */
		background-repeat: repeat-y !important;
	/* Assure un défilement fluide */
		background-position: center top !important;
	/* Empêche l'étirement */
	}
}

/* 🌟 ASSURER QUE LE MENU DÉROULANT RESTE EN #404573 🌟 */
.wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container {
	background-color: #404573 !important;
}

/* 🌟 TEXTE DU MENU EN BLANC 🌟 */
.wp-block-navigation__submenu-container a,
.wp-block-navigation a {
	color: white !important;
/* Texte blanc */
}

/* 🌟 EFFET AU SURVOL DES LIENS DU MENU 🌟 */
.wp-block-navigation__submenu-container a:hover,
.wp-block-navigation a:hover {
	background-color: #303559 !important;
/* Bleu plus foncé au survol */
}

/* 🌟 AJUSTEMENT DU MENU BURGER & INSTAGRAM 🌟 */
.agrandir-burger .menu-toggle,
.agrandir-burger button.wp-block-navigation__responsive-container-open {
	font-size: 80px !important;
/* Taille ajustée */
	width: 80px !important;
	height: 80px !important;
	padding: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 🌟 ALIGNEMENT DES ICONES (INSTAGRAM + BURGER) 🌟 */
.header-right {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 15px !important;
/* Ajustement de l'espacement */
}

/* 🌟 AJUSTEMENT DE L'ICÔNE DU MENU BURGER */
.agrandir-burger .wp-block-navigation__responsive-container-open svg {
	width: 80px !important;
	height: 80px !important;
}

/* 🌟 AJUSTEMENT DE L'ICÔNE INSTAGRAM */
.instagram-logo {
	width: 50px !important;
	height: 50px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative;
	top: 2px;
/* Ajustement de l'alignement */
}

/* 🌟 Doubler la taille du menu burger sur toutes les pages SAUF la page d'accueil */
body:not(.home):not(.front-page) .menu-toggle, 
body:not(.home):not(.front-page) button.wp-block-navigation__responsive-container-open {
	font-size: 80px !important;
/* Double la taille */
	width: 80px !important;
	height: 80px !important;
	padding: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 🌟 Ajustement de l'icône du menu burger */
body:not(.home):not(.front-page) .wp-block-navigation__responsive-container-open svg {
	width: 80px !important;
	height: 80px !important;
}

/* 🌟 Centrer le bouton horizontalement */
.mailto-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
/* Aligner en haut */
	margin-top: 30px;
/* Ajuste la hauteur si nécessaire */
}

/* 🌟 Style du bouton avec fond vert personnalisé */
.mailto-button {
	font-size: 24px;
/* Texte plus grand */
	font-weight: bold;
	color: white;
/* Texte blanc */
	background: url('https://lapetiteencadreuse.com/wp-content/uploads/2024/12/capture-decran-2025-02-06-a-13.03.53.png') no-repeat center center;
/* Image en fond */
	background-size: cover;
/* Adapter l’image au bouton */
	padding: 20px 40px;
/* Bouton plus grand */
	text-decoration: none;
	border-radius: 10px;
	border: 3px solid white;
/* Bordure blanche */
	display: inline-block;
	text-align: center;
	transition: all .3s ease-in-out;
}

/* 🌟 Effet au survol (inversion des couleurs) */
.mailto-button:hover {
	background: white;
/* Fond blanc */
	color: #2E4A33;
/* Vert foncé pour rappeler la teinte de l’image */
	border: 3px solid #2E4A33;
/* Bordure assortie */
}