/*
Theme Name: Theme Projet Sofia
Author: vincent-gaillard
Description: Theme pour le projet de Sofia
License: GNU General Public License v2
Text Domain: projet_sofia
*/

html {
	scroll-behavior: smooth;
}

h1 {
	color: #FFFFFF;
	font-family: gabriella;
	font-size: 34px;
	text-align: center;
	margin:0px;
}

h2 {
	font-family: poppins;
	font-size: 26px;
	/* color: #8E9D89; */
	color:#000;
	text-align: center;
	margin-top: 64px;
}

img {
	max-width: 100%;
	height: auto;
}

p {
	margin-block-end: 0em;
}

body {
	font-family: poppins;
	font-size: 18px;
	position: relative;
	background-color: #8E9D89;
}

body>* {
	z-index: 1;
	position: relative;

}

/* body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(img/fond_fleur3.png);
	background-size: cover;
	opacity: 0.2;
} */

header {
	display: flex;
	flex-direction: column;
	/* position: fixed; */
	width: 100%;
	top: 0;
	left: 0;
	/* box-shadow: 0 10px 10px #d3f8d6; */
	z-index: 99;
}

header a {
	font-family: poppins;
	font-size: 24px;
	text-decoration: none;
	color: #FFFFFF;
}

header a.label {
	font-size: 10px;
	color: #FFFFFF;
}

header,
footer {
	background-color: #8E9D89;

}

footer a {
	color:#FFFFFF;
}


footer img{
	max-height: 30px;
}
footer {
	display: flex;
	width: 100%;
	margin-top: 100px;
	color: #FFFFFF;
}

/* Page CGV - ID 1818 */
body.page-id-1818,
body.page-id-76,
body.page-id-80,
body.page-id-1814,
body.page-id-1824,
body.page-id-1826,
body.page-id-1816 {
    color: #FFF !important;
}

body.page-id-76 h4{
	color:#000 !important;
}

body.page-id-1818 main,
body.page-id-1818 article,
body.page-id-1818 section,
body.page-id-1818 header,
body.page-id-1818 h1,
body.page-id-1818 h2,
body.page-id-1818 h3,
body.page-id-1818 h4,
body.page-id-1818 h5,
body.page-id-1818 h6,
body.page-id-1818 p,
body.page-id-1818 li,
body.page-id-1818 ul,
body.page-id-1818 ol,
body.page-id-1818 address,
body.page-id-1818 div {
    color: #FFF !important;
}

body.page-id-1818 span{
	color:#FFF;
}

body.page-id-76 h2 {
    color: #FFF !important;
}

body.page-id-80 main,
body.page-id-80 article,
body.page-id-80 section,
body.page-id-80 header,
body.page-id-80 h1,
body.page-id-80 h2,
body.page-id-80 h3,
body.page-id-80 h4,
body.page-id-80 h5,
body.page-id-80 h6,
body.page-id-80 p,
body.page-id-80 li,
body.page-id-80 ul,
body.page-id-80 ol,
body.page-id-80 address,
body.page-id-80 div {
    color: #FFF !important;
}

body.page-id-80 span {
    color: #FFF;
}

body.page-id-1814 main,
body.page-id-1814 article,
body.page-id-1814 section,
body.page-id-1814 header,
body.page-id-1814 h1,
body.page-id-1814 h2,
body.page-id-1814 h3,
body.page-id-1814 h4,
body.page-id-1814 h5,
body.page-id-1814 h6,
body.page-id-1814 p,
body.page-id-1814 li,
body.page-id-1814 ul,
body.page-id-1814 ol,
body.page-id-1814 address,
body.page-id-1814 div {
    color: #FFF !important;
}

body.page-id-1814 span {
    color: #FFF;
}

body.page-id-1824 main,
body.page-id-1824 article,
body.page-id-1824 section,
body.page-id-1824 header,
body.page-id-1824 h1,
body.page-id-1824 h2,
body.page-id-1824 h3,
body.page-id-1824 h4,
body.page-id-1824 h5,
body.page-id-1824 h6,
body.page-id-1824 p,
body.page-id-1824 li,
body.page-id-1824 ul,
body.page-id-1824 ol,
body.page-id-1824 address,
body.page-id-1824 div {
    color: #FFF !important;
}

body.page-id-1824 span {
    color: #FFF;
}

body.page-id-1826 main,
body.page-id-1826 article,
body.page-id-1826 section,
body.page-id-1826 header,
body.page-id-1826 h1,
body.page-id-1826 h2,
body.page-id-1826 h3,
body.page-id-1826 h4,
body.page-id-1826 h5,
body.page-id-1826 h6,
body.page-id-1826 p,
body.page-id-1826 li,
body.page-id-1826 ul,
body.page-id-1826 ol,
body.page-id-1826 address,
body.page-id-1826 div {
    color: #FFF !important;
}

body.page-id-1826 span {
    color: #FFF;
}

body.page-id-1820 main,
body.page-id-1820 article,
body.page-id-1820 section,
body.page-id-1820 header,
body.page-id-1820 h1,
body.page-id-1820 h2,
body.page-id-1820 h3,
body.page-id-1820 h4,
body.page-id-1820 h5,
body.page-id-1820 h6,
body.page-id-1820 p,
body.page-id-1820 li,
body.page-id-1820 ul,
body.page-id-1820 ol,
body.page-id-1820 address,
body.page-id-1820 div {
    color: #FFF !important;
}

body.page-id-1820 span {
    color: #FFF;
}

body.page-id-1822 main,
body.page-id-1822 article,
body.page-id-1822 section,
body.page-id-1822 header,
body.page-id-1822 h1,
body.page-id-1822 h2,
body.page-id-1822 h3,
body.page-id-1822 h4,
body.page-id-1822 h5,
body.page-id-1822 h6,
body.page-id-1822 p,
body.page-id-1822 li,
body.page-id-1822 ul,
body.page-id-1822 ol,
body.page-id-1822 address,
body.page-id-1822 div {
    color: #FFF !important;
}

body.page-id-1822 span {
    color: #FFF;
}

body.page-id-1816 main,
body.page-id-1816 article,
body.page-id-1816 section,
body.page-id-1816 header,
body.page-id-1816 h1,
body.page-id-1816 h2,
body.page-id-1816 h3,
body.page-id-1816 h4,
body.page-id-1816 h5,
body.page-id-1816 h6,
body.page-id-1816 p,
body.page-id-1816 li,
body.page-id-1816 ul,
body.page-id-1816 ol,
body.page-id-1816 address,
body.page-id-1816 div {
    color: #FFF !important;
}

body.page-id-1816 span {
    color: #FFF;
}

body.page-id-1818 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-80 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-1814 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-1824 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-1826 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-1816 a {
    color: #FFF !important;
    text-decoration: underline;
}

body.page-id-1818 a:hover {
    color: #E0E0E0 !important;
}

body.page-id-80 a:hover {
    color: #E0E0E0 !important;
}

body.page-id-1814 a:hover {
    color: #E0E0E0 !important;
}

body.page-id-1824 a:hover {
    color: #E0E0E0 !important;
}

body.page-id-1826 a:hover {
    color: #E0E0E0 !important;
}

body.page-id-1816 a:hover {
    color: #E0E0E0 !important;
}

.wc-block-mini-cart_badge span {
	color:#000000 !important;
}

.menu_principal {
	display: flex;
	justify-content: center;
	list-style-type: none;
	padding-left: 0;
	
}

.menu_principal li {
	/* flex: 1; */
	position: relative;
}

.menu_principal>li>a {
	border-radius: 10px;
	padding: 0px 20px;
	background-color: #8E9D89;
	/* box-shadow: 0px 5px 0px #dcdddc; */
	color: #FFFFFF;
	text-align: center;
}



.menu_principal>li>a:hover {
	background-color: #8E9D89;
	color: #FFFFFF;
	box-shadow: none;
}

.menu_principal>li.current-menu-item a {
	background-color: #8E9D89;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}

.menu_principal li ul.sub-menu {
	list-style-type: none;
	opacity: 0;
	position: absolute;
	top: 100%;
	right: 0;
	pointer-events: none;
	border-radius: 10px;
	background-color: #6D776A;
	padding: 10px;
	/* box-shadow: 0 10px 10px #b0f2b6; */
	color: #f3f9f8;
	align-items: center;
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.menu_principal li:hover ul.sub-menu {
	opacity: 1;
	pointer-events: auto;
}

.menu_principal li ul.sub-menu li a {
	/* uniquement les sous menu */
	color: #fff;
}

.menu_principal a {
	white-space: nowrap;
}

.menu_footer {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
}

.menu_footer li a {
	height: 30px;
	color:#FFFFFF;
}

.align_footer {

	display: flex;
	align-items: center;
}



.bijou {

	transition: .1s;
}


.bijou:hover {
	transform: scale(0.8);

}

.centrer {
	max-width: 1200px;
	padding: 40px;
	margin: auto;
}

.intro_centrer{
	max-width: 640px;
	margin: auto;
	padding: 32px;
}

.align_a_gauche_index {

	max-width: 1000px;
	padding-left: 200px;
}


.para_centre {
	display: block;
	max-width: 1496px;
	margin: auto;
}


.menu-links {
	text-align: right;
	flex: 1;
}

li {
	margin-left: 24px;
	margin-right: 24px;
}

.img_centre {
	display: flex;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
	align-items: center;
	width: 1400;
}



.grid_img_accueil {
	display: grid;
	grid-template-columns: 200px 200px;
	gap: 15px;
	justify-content: center;
}



.para_col {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1.7em;

}



video {
	display: flex;
	justify-content: center;
	margin: auto;
}

.marge_prem_elem {
	margin-top: 32px;
}

.margeh1 {
	margin-top: 32px;
}

.animate {
	position: relative;
	animation: move 3s cubic-bezier(0.83, 0.15, 0, 0.4) infinite alternate;


	/* perspective: 800px; */
}




.container {
	display: flex;
	flex-wrap: wrap;
	padding: 40px;
	justify-content: center;

}

.colonne {
	margin: 0 10px;
	display: flex;
	flex-direction: column;
}

.cellule_titre {
	color: #7e5b59;
	border-radius: 10px;
	background-color: #e1f0e1;
	text-align: center;
	padding: 10px;
}

.cellule {
	/* box-shadow: 0px 5px 0px #d3f8d6; */
	border-radius: 10px;
	background-color: #f3f9f8;
	color: #87b28b;
	text-align: center;
	padding: 10px;

}

a.cellule {
	display: block;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	text-decoration: none;
	margin-block-end: 0px;
}


.para_col p {
	max-width: 800px;
	margin: 0 40px;
}

.burger_menu {
	display: block;
	width: 40px;
	height: 40px;
	border: none;
	background-color: transparent;
	padding: 0;
	position: relative;
	transition: transform 0.3s ease;
	right: 0;
	opacity: 0;

}

.burger_menu .bars {
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 5px;
	right: 5px;
	height: 3px;
	background-color: #000;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.burger_menu .bars::before,
.burger_menu .bars::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	bottom: 100%;
	margin-bottom: 4px;
	transition: transform 0.3s ease;
}

.menu-open .burger_menu .bars::before {
	transform: rotate(-90deg) translateX(-14px);
}

.menu-open .burger_menu {
	transform: rotate(45deg);
}

.menu-open .burger_menu .bars {
	background-color: transparent;
	transform: translateY(-6px);
}

.burger_menu .bars::after {
	top: 100%;
	bottom: auto;
	margin-bottom: 0;
	margin-top: 4px;
}

.menu-open .menu_principal {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;

}

.menu_principal a {
	display: block;
	/* border-bottom: 1px solid #ccc; */
	padding: 5px 0;
}

/* .hero {
    position: relative;
    min-height: 170px;
    display: flex;
    background-image: url('img/fleur.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
} */

.logo_im{
	margin:auto;
	max-width: 300px;
}

.logo,
.woocommerce .logo {
	width: auto;
	height: 30px;

}

.nav_footer {
	flex: 1;
	
}

.copyright {
	font-size: 16px;
	margin: auto;
	text-align: center;
}

.image_pierre {
	display: flex;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
	align-items: center;
	max-width: 315px;
}

.back_to_top {
	position: fixed;
	width: 50px;
	height: 50px;
	background: #87b28b;
	bottom: 40px;
	right: 10px;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	color: #d3f8d6;
	font-size: 22px;
	box-shadow: 0 10px 10px #d3f8d6;
	z-index: 9;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.back_to_top.show {
	opacity: 1;
	pointer-events: auto;
}

.crea_centre {
	display: block;
	max-width: 1200px;
	margin: auto;
}

.crea_gauche {
	display: block;
	max-width: 1200px;
	justify-content: left;
	padding-left: 40px;
}

.crea_droite {
	display: block;
	max-width: 1200px;
	align-content: right;
	padding-right: 40px;

}

.container_page {
	max-width: 1200px;
	margin: 0px auto;
	/* margin-top: 264px; */
}

.logo {
	flex: 0 0 200px;
	height: 30px;
}

.header-widgets {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wc-block-components-drawer__screen-overlay {
	z-index: 999999;
}

.slider {
	width: 500px;
	margin: 0 auto;
}

.wpcf7-form {
	max-width: 600px;
	margin: auto;
}

input,
textarea {
	width: 100%;
}

.contenu_produit {
	border-radius: 10px;
	/* background-color: rgba(255, 255, 255, 0.8); */
	/* box-shadow: #f3f9f8 5px 5px 0px; */
	/* padding: 20px; */
	/* padding-top: 64px; */
	max-width: 1200px;
	margin: 20px auto;
}

.contenu_produit .products {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/* body .contenu_produit.woocommerce ul.products li {
	margin: 20px;
} */

.contenu {
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.8); 
	
	max-width: 1200px;

}

.page-id-78 .contenu {
	border-radius: 10px;
	background-color: #e1f0e1;
	/* box-shadow: #f3f9f8 5px 5px 0px; */
	padding-top: 64px;
	margin-left: 200px;
	margin-right: 200px;
}

.submit-wrapper {
	width: 30%;
	font-size: 20px;
	margin: auto;

}

.wpcf7-submit {
	background-color: #74956d;
	color: #f3f9f8;
	font-family: poppins;
}

.woocommerce img,
.woocommerce-page img {
	max-width: 200px;
}

.menu_category {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.menu_category li {
	margin: 15px;
	list-style: none;
}

.menu_category li a {
	border-radius: 10px;
	text-decoration: none;
	padding: 0px 20px;
	background-color: #8E9D89;
	/* box-shadow: 0px 5px 0px #dcdddc; */
	color: #FFFFFF;
	text-align: center;
}

.menu_category li a:hover {
	border-radius: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;	
	box-shadow: none;
}

.menu_category li.current-menu-item a {
	background-color: #8E9D89;
	color: #FFFFFF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.woocommerce-ordering {
	display: none;
}

.cky-revisit-bottom-left {
	float: none;
	display: flex;
	width: auto;
	bottom: 200px;
}

.attachment-medium {
	display: flex;
	margin: auto;
}

h1.accueil {
	color: #74956d;
	font-family: Dancing Script;
	font-size: 50px;
	text-align: center;
}

.wc-block-components-button:not(.is-link) {
	border: solid 0.5px;
	border-color: black;
	color: black;
	border-radius: 20px;
	text-decoration: none;
}

.video-wrapper {
	width: 100%;
	max-width: 790px;
	margin: auto;
}

.video-wrapper video {
	width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {

	width: 1000%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {

	/* display: flex; */
	/* flex-wrap: wrap; */
	list-style-type: none;

}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	text-decoration: none;
	border-radius: 10px;
	padding: 0px 20px;
	background-color: #8E9D89;
	/* box-shadow: 0px 5px 0px #dcdddc; */
	color: black;
	text-align: center;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {

	margin-top: 10px;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {

	top: 0em !important;

}

.woocommerce input .form-row input {
	width: 10%;
}

.woocommerce img,
.woocommerce-page img {
	height: 30px;
	max-width: 100%;
}

.woocommerce ul.products li.product .price {
	text-align: center;
	color: #A89331 !important;
}

.woocommerce ul.products li.product .button{
	display: flex !important;
	justify-content: center !important;
	border-radius: 10px !important;
	color: #000 !important;
	background-color: #93ac8b !important;
	box-shadow: none !important;
}

.product_meta a{
	color: #8E9D89;
	text-decoration: none;
}

.woocommerce div.product form.cart .button{
	border-radius: 10px !important;
	color: #000 !important;
	background-color: #93ac8b !important;
	box-shadow: none !important;
}

.wc-block-cart-item__wrap a{
	color: #8E9D89;
	text-decoration: none;
}

/* .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-tabs {
	display:none;
	} */
	
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
	}

	.woocommerce table.my_account_orders .button{
		border-radius: 10px;
		background-color:#8E9D89;
		color:#000;
	}

	.u-columns woocommerce-Addresses col2-set addresses h2{
		color:#000;
	}

	/* .woocommerce div.product div.summary {
		margin-bottom: 2em;
		background-color: white;
		margin: auto;
		display: flex;
		flex-direction: column;
		width: fit-content !important;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 16px;;
		border-radius: 10px;
	} */
	
	.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {		
		display: none !important;
	}
/* img {
	max-height: 300px;
	width: auto;
} */
	/* .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		display: flex;
	} */

/**
 * @snippet       CSS to Move Gallery Columns @ Single Product Page
 * @sourcecode    https://businessbloomer.com/?p=20518
 * @author        Rodolfo Melogli, Business Bloomer
 * @compatible    WooCommerce 3.5.4
 * @community     https://businessbloomer.com/club/
 */
 
/* Make image 75% width to make room to its right */
 
.single-product div.product .woocommerce-product-gallery .flex-viewport {
    width: 75%;
    float: left;
}
 
/* Make Gallery 25% width and place it beside the image */
 
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    width: 25%;
    float: left;
}
 
/* Style each Thumbnail with width and margins */
 
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    width: 90%;
    float: none;
    margin: 0 0 10% 10%;
}

.accueil_gauche{
	width: 75%;
	padding : 16px;
	margin-top: 32px;
}

.accueil_droite{
	width : 75%;
	padding: 16px;
	margin-top: 32px;;
}

.contractuel{
	width: 100%;
	max-width: 1200px;
	padding: 16px;
	margin-top: 64px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:auto;
}

.footer_links{
	display:flex;
	flex-wrap: wrap;
	font-family: poppins;
	justify-content: space-between;
	padding: 16px;
	
}

.footer_legales{
    font-size: 14px;
    text-decoration: none;
}

.mentions_legales{
	width: 100%;
	max-width: 1200px;
	padding: 16px;
	margin-top: 64px;
	display: flex;
	flex-direction: Columns;
	flex-wrap: wrap;
	justify-content: center;
	margin:auto;
	text-align: left;
}

.mentions_legales p{
    font-family: poppins;
	margin: 16px;
}

.mentions_legales a{
    text-decoration: none;
}

/* Classes spécifiques pour la page d'accueil */
.home {
	max-width: 1200px;
	margin: auto;
	padding: 20px;
}

.home p {
	line-height: 1.7;
	margin-bottom: 16px;
}

.home h3 {
	margin-top: 32px;
	margin-bottom: 16px;
}

.recent-products-section {
	max-width: 1200px;
	margin: auto;
	padding: 0px 20px;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.product-item {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
	background: #fff;
	transition: transform 0.3s ease;
}

.product-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-image {
	margin-bottom: 10px;
}

.product-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 4px;
}

/* MEDIA QUERIES POUR LA RESPONSIVITÉ */

/* Écrans moyens et tablettes (1260px et moins) */
@media screen and (max-width: 1260px) {
	.burger_menu {
		display: block;
		opacity: 1;
		cursor: pointer;
	}

	.menu_principal {
		display: block;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		text-align: center;
		opacity: 0;
		pointer-events: none;
		transform: translateY(-50px);
		transition: opacity 0.3s ease, transform 0.3s ease;
	}
	
	.align_a_gauche_index {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page-id-78 .contenu {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* Tablettes (768px et moins) */
@media screen and (max-width: 768px) {
	.centrer {
		max-width: 100%;
		padding: 20px 8px;
	}
	
	.intro_centrer {
		max-width: 100%;
		margin: auto;
		padding: 16px 8px;
	}
	
	.home {
		padding: 8px;
	}
	
	.home p {
		margin: 8px 0;
		padding: 0 8px;
	}
	
	.container {
		padding: 20px 8px;
	}
	
	.para_col p {
		max-width: 100%;
		margin: 0 8px;
	}
	
	.products-grid {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 15px;
		padding: 0 8px;
	}
	
	.recent-products-section {
		padding: 20px 8px;
	}
	
	h1 {
		font-size: 28px;
		padding: 0 8px;
	}
	
	h2 {
		font-size: 22px;
		padding: 0 8px;
		margin-top: 32px;
	}
	
	h3 {
		padding: 0 8px;
	}
	
	.accueil_gauche,
	.accueil_droite {
		width: 100%;
		padding: 8px;
		margin-top: 16px;
	}
	
	.contractuel {
		padding: 8px;
		margin-top: 32px;
	}
	
	.mentions_legales {
		padding: 8px;
		margin-top: 32px;
	}
	
	.mentions_legales p {
		margin: 8px;
	}
	
	.footer_links {
		padding: 8px;
		flex-direction: column;
		gap: 8px;
	}
	
	.contenu_produit,
	.contenu {
		margin: 8px;
		padding: 8px;
	}
	
	.container_page {
		padding: 0 8px;
	}
	
	.crea_centre,
	.crea_gauche,
	.crea_droite {
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.image_pierre {
		max-width: 100%;
		padding: 0 8px;
	}
	
	.logo_im {
		max-width: 250px;
		margin: auto;
	}
	
	footer {
		padding: 8px;
		flex-direction: column;
		gap: 8px;
	}
	
	.nav_footer {
		order: 1;
	}
	
	.copyright {
		order: 2;
		margin-top: 8px;
	}
	
	.align_footer {
		justify-content: center;
		padding: 8px 0;
	}
	
	header {
		padding: 0 8px;
	}
	
	.menu_principal {
		padding: 8px;
	}
	
	.menu_principal a {
		padding: 10px 8px;
	}
	
	.grid_img_accueil {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding: 0 8px;
	}
	
	.video-wrapper {
		padding: 0 8px;
	}
	
	.wpcf7-form {
		max-width: 100%;
		padding: 0 8px;
	}
	
	.submit-wrapper {
		width: 60%;
		padding: 0 8px;
	}
}

/* Smartphones (480px et moins) */
@media screen and (max-width: 480px) {
	body {
		font-size: 16px;
	}
	
	.centrer {
		padding: 16px 8px;
	}
	
	.intro_centrer {
		padding: 12px 8px;
	}
	
	.container {
		padding: 16px 8px;
	}
	
	.products-grid {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 0 8px;
	}
	
	.product-item {
		padding: 12px;
	}
	
	h1 {
		font-size: 24px;
		padding: 0 8px;
	}
	
	h2 {
		font-size: 20px;
		padding: 0 8px;
		margin-top: 24px;
		line-height: 1.3;
	}
	
	h3 {
		font-size: 18px;
		padding: 0 8px;
	}
	
	.home p {
		padding: 0 8px;
		line-height: 1.6;
	}
	
	.menu_principal > li > a {
		padding: 8px 12px;
		font-size: 18px;
	}
	
	.grid_img_accueil {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 0 8px;
	}
	
	.img_centre {
		padding: 0 8px;
		width: 100%;
	}
	
	.submit-wrapper {
		width: 80%;
		padding: 0 8px;
	}
	
	h1.accueil {
		font-size: 36px;
	}
	
	.page-id-78 .contenu {
		margin-left: 8px;
		margin-right: 8px;
		padding: 8px;
	}
}

/* Très petits écrans (320px et moins) */
@media screen and (max-width: 320px) {
	.centrer,
	.intro_centrer,
	.container,
	.home {
		padding-left: 8px;
		padding-right: 8px;
	}
	
	h1 {
		font-size: 22px;
	}
	
	h2 {
		font-size: 18px;
		margin-top: 20px;
	}
	
	body {
		font-size: 14px;
	}
	
	.products-grid {
		gap: 8px;
	}
	
	.product-item {
		padding: 8px;
	}
	
	.menu_principal > li > a {
		padding: 6px 10px;
		font-size: 16px;
	}
	
	h1.accueil {
		font-size: 28px;
	}
	
	.submit-wrapper {
		width: 90%;
	}
}

/* Media queries pour hauteur minimum */
@media screen and (min-height: 700px) {
	.back_to_top {
		/* opacity: 1; */
		cursor: pointer;
	}
}

/* Ajustements spécifiques pour WooCommerce responsive */
@media screen and (max-width: 768px) {
	.woocommerce img,
	.woocommerce-page img {
		max-width: 150px;
		height: auto;
	}
	
	.woocommerce ul.products li.product {
		width: 100%;
		margin: 10px 0;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100%;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 8px;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation a {
		padding: 8px 12px;
		margin: 4px;
		font-size: 14px;
	}
	
	.single-product div.product .woocommerce-product-gallery .flex-viewport {
		width: 100%;
		float: none;
	}
	
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
		width: 100%;
		float: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
	}
	
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
		width: auto;
		margin: 5px;
	}
	
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
		width: 60px;
		height: 60px;
		object-fit: cover;
		margin: 0;
	}
}

@media screen and (max-width: 480px) {
	.woocommerce img,
	.woocommerce-page img {
		max-width: 120px;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation a {
		padding: 6px 8px;
		font-size: 12px;
	}
	
	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
		width: 50px;
		height: 50px;
	}
}

/* Corrections pour les menus responsive */
@media screen and (max-width: 768px) {
	.menu_category {
		padding: 0 8px;
	}
	
	.menu_category li {
		margin: 8px 4px;
	}
	
	.menu_category li a {
		padding: 8px 12px;
		font-size: 14px;
	}
	
	.menu_footer {
		flex-direction: column;
		padding: 8px;
	}
	
	.menu_footer li {
		margin: 4px 0;
	}
}

/* Corrections pour les animations et interactions sur mobile */
@media screen and (max-width: 768px) {
	.bijou:hover {
		transform: none; /* Désactive le hover sur mobile */
	}
	
	.product-item:hover {
		transform: none; /* Désactive le hover sur mobile */
	}
	
	.animate {
		animation: none; /* Désactive les animations sur mobile pour les performances */
	}
}

/* Corrections pour les formulaires responsive */
@media screen and (max-width: 768px) {
	.wpcf7-form input,
	.wpcf7-form textarea {
		font-size: 16px; /* Évite le zoom sur iOS */
		padding: 12px 8px;
	}
	
	.wpcf7-submit {
		width: 100%;
		padding: 12px;
		font-size: 16px;
	}
}

/* Corrections pour le slider responsive */
@media screen and (max-width: 768px) {
	.slider {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		padding: 0 8px;
	}
}

/* Corrections pour les éléments flottants sur mobile */
@media screen and (max-width: 768px) {
	.back_to_top {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
		bottom: 20px;
		right: 8px;
	}
	
	.cky-revisit-bottom-left {
		bottom: 80px;
		left: 8px;
		right: auto;
	}
}

/* Corrections pour l'accessibilité sur mobile */
@media screen and (max-width: 768px) {
	/* Augmente la taille des zones cliquables */
	.menu_principal a,
	.menu_category a,
	.woocommerce ul.products li.product .button {
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	/* Améliore le contraste pour la lecture sur petits écrans */
	body {
		line-height: 1.6;
	}
	
	p, li {
		line-height: 1.7;
	}
}

/* Corrections pour les marges et espacement sur très petits écrans */
@media screen and (max-width: 320px) {
	.marge_prem_elem,
	.margeh1 {
		margin-top: 16px;
	}
	
	.footer_links {
		text-align: center;
	}
	
	.footer_links a {
		display: block;
		margin: 4px 0;
	}
	
	.copyright {
		font-size: 14px;
		padding: 8px;
	}
}

/* === FORCE TEXTE BLANC PAGE CGV === */
body.page-id-1818 * {
    color: #FFFFFF !important;
}

body.page-id-1818 .mentions_legales,
body.page-id-1818 .mentions_legales *,
body.page-id-1818 .cgv-page,
body.page-id-1818 .cgv-page * {
    color: #FFFFFF !important;
}