/*
Theme Name: Divi Community Child Theme
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.divi-community.fr
Template: Divi
Version: 1.11
*/

/*
  ____ _____     _____      ____ ___  __  __ __  __ _   _ _   _ ___ _______   __
 |  _ \_ _\ \   / /_ _|    / ___/ _ \|  \/  |  \/  | | | | \ | |_ _|_   _\ \ / /
 | | | | | \ \ / / | |    | |  | | | | |\/| | |\/| | | | |  \| || |  | |  \ V /
 | |_| | |  \ V /  | |    | |__| |_| | |  | | |  | | |_| | |\  || |  | |   | |
 |____/___|  \_/  |___|    \____\___/|_|  |_|_|  |_|\___/|_| \_|___| |_|   |_|

*/


/* 
** CENTRER DU CONTENU VERTICALEMENT 
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/


/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/
.et-db #et-boc .et-l .et_pb_section.header-titre {
	background-color: #EEE8DC;
	padding: 0px;
	margin: 0px;
}
.et-db #et-boc .et-l .et_pb_section.header-titre .et_pb_row {
	padding: 0px auto;
	margin: 0px auto;
}
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}

/*========================================================
 * CSS UNIVERS
 * ===================================================*/

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
	align-items: center;
	
} 
@media screen and ( max-width: 980px ) {
    .inverse-colonne {
        display: flex;
        flex-direction: column-reverse;
    }
}
/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
*/

:root {

	--color-1: #FDF4E3;  /* brun #a07936;*/
    --color-2: #000000; /*#222222; */
	--bg-color-description: #F8F4EF;
	--border-gris-1 :  rgb(238, 232, 220);
	--border-gris-2 : #f0f0f0;

	--bg-footer : #969697;
	--couleur-or : #FFD700;
	--bg-section-gris-1 : #F7F7F7; /*rgb(238, 232, 220); */
	--bg-blurb-color : #FBFBFB;
	--bg-button-color : #5A5A5A;
	--bg-button-color-hover : #6E6E6E;
	
	--cta-bg-color : #ffd814;
	--cta-bg-color-hover : #FFCE12;
	
	--heading-font-family: "Antonio", Lato, sans-serif;
    --heading-font-weight: 400;
    --heading-font-style: normal;
	--accroche-font-family : "Inter", Montserrat, Lato, sans-serif;
    --text-font-family: Inter, Roboto, Lato, sans-serif;
    --text-font-weight: 400;
	--text-font-weight-bold : 500;
    --text-font-style: normal;
    --base-text-font-size: 14px;
    --default-text-font-size: 14px;
	
	--ch--font-size--small: 13px;
	--ch--font-size--medium-1: 16px;
    --ch--font-size--medium: 20px;
    --ch--font-size--large: 36px;
    --ch---font-size--x-large: 42px;
}

:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none!important;
}

body {
	font-family: var(--text-font-family);
  font-optical-sizing: auto;
  font-weight: var(--text-font-weight);
	font-size: var(--base-text-font-size)!important;
  font-style: var(--text-font-style);
	color: #333;

}

a {text-decoration: none!important;}
strong {
	font-weight: var(--text-font-weight-bold);
}

.et_secondary_nav_enabled #page-container #top-header  {
    background-color: var(--bg-section-gris-1)!important;
	
}
.loading {
    cursor: wait;
}

div.href, tmp_a.ch_pb_button {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color : var(--bg-button-color);
	border: solid 1px var(--bg-button-color);
	color : #fff;
	 b_ottom: 10px;
	transition: background-color 0.3s ease;
	 text-align: center; /* Optional: Center the text */
	width: 80%;
	cursor : pointer;
}

.et_pb_blurb {
    position: relative; /* Ensure the parent is positioned relatively */
	p_adding-bottom: 40px;
}
.woocommerce button.single_add_to_cart_button.button.alt {
	background-color : var(--cta-bg-color);
	border: solid 1px var(--bg-button-color);
}
.woocommerce button.single_add_to_cart_button.button.alt:hover {
	background-color : var(--cta-bg-color-hover);
	color : var(--color-2);
} 
.blurb_row .et_pb_column  {
	border: solid 1px var(--border-gris-1) ;
	background-color : var(--bg-blurb-color);
	padding: 10px;
}
.blurb_row .et_pb_column .et_pb_blurb_description {
	font-size: 90%;
}
div.href:hover, a.ch_pb_button:hover  {
	background-color: var(--bg-button-color-hover); /* #787878; */
}
.et_pb_blurb .href {
	margin-top: 10px;
	margin: 10px 20px 0px 20px;
}
#et-secondary-nav a {
	font-size: 16px;
	font-weight: 400;
}

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}
/******************
 * MESSAGE FORM
 * ***************/
/* Divi Engine Styled Divi Contact Form Notices */
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
}
.et_pb_contact p input, .et_pb_contact p textarea {
    -webkit-appearance: none;
    background-color: #fff;
    width: 100%;
    border: 1px solid #d2d2d2; /* #fefefe; */
	border-radius : 5px;
    color: #999;
    font-size: 14px;
    padding: 10px 16px;
	/*-webkit-box-shadow: 2px 0px 12px -6px rgba(0,0,0,0.51); 
box-shadow: 2px 0px 12px -6px rgba(0,0,0,0.51); */
}

/* MENU
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/
#top-menu > li {
	padding-left: 10px;
}
#top-menu > li > a {
	font-size: 16px!important;;
	font-weight: 400;
	text-transform: uppercase;
	
	letter-spacing : 1px;
}
#top-menu li  ul li a {
	font-size: 14px;
	font-weight: 400;
}
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
	color: #000;
}
#mobile_menu li a {
	font-weight: 400;
}
#mobile_menu > li > a {
	font-weight: 400;
	text-transform: uppercase;
}

#menu-footer {
    list-style: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
	display: block!important;
}
#menu-footer  li {
    display: block!important; /* Make each list item a block element */
    margin-bottom: 10px!important; /* Add some space between each item */
}

#menu-footer  li > a {
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit color from parent */
}
#menu-footer .sub-menu {
	background-color: #fff!important;
}
#menu-footer > li > a:hover {
    text-decoration: underline; /* Underline on hover */
}
.footer-menu a {
	color: #fff!important;
}
.footer-menu a:hover {
	border-bottom: solid 1px;
}
/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}
.ch_pb_button.rv {
	border-radius : 10px;
	border: solid 0px #000;
    margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;

	background: #DAA520;
	background : var(--couleur-or);
	color: #000;
	line-height: 1.3em;
	padding: 5px 10px;
	transition: background-color 0.3s ease;
	
}
.ch_pb_button.rv:hover {
	b_ackground: #fff;
	 opacity: 0.9; /* Légère variation pour l'effet hover */
	color: #fff;
}
/*******************/
.et_pb_post {
	
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Légère ombre */
    margin-bottom: 20px; /* Espace entre les articles */
    padding: 15px; /* Ajouter un peu de padding pour l'espacement interne */
    border-radius: 5px; /* Coins arrondis pour un effet plus doux */
    background-color: #fff; /* Fond blanc pour les articles */
}
.et_pb_blog_grid .et_pb_post {
	border: solid 0px;	
}
.et_pb_blog_grid .et_pb_post .entry-title {
	text-align: center;
	font-weight: 400;
}
@media only screen and ( min-width: 981px ) {
	.et_pb_column_4_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important;
}
.grid_4_colonnes .et_pb_column_4_4 .column.size-1of4 {
	width:22.15% !important;
	margin-right:1%;
}
.grid_4_colonnes .et_pb_column_4_4 .ds-blog-four-column.et_pb_blog_grid[data-columns]::before {
	content: '4 .column.size-1of4';
}
.grid_4_colonnes .et_pb_blog_grid .column.size-1of4 {
	margin-right: 3.8%;
	p_adding-bottom: 30%;
	width: 22.15%;
}
.grid_4_colonnes .et_pb_blog_grid .column.size-1of4:last-child {
	margin-right: 0;
}
}
/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}
#main-header {
	border-bottom: solid 3px #a9af92;
}
.et_pb_section #header_titre {
	background-color: var(--bg-section-gris-1)!important;
	border-bottom: solid 2px var(--bg-footer);
	
}
.ch_section.full_width {
	width: 100%;
	background-color: #fff;
	margin: 20px 0px;
	padding: 30px;
	text-align: center;
}
.ch_section.full_width h4.item-titre {
	padding: 5px!important;
}
.ch_section.full_width .description {
	font-size: 90%;
}
.bg-section-gris {
	background-color: var(--bg-section-gris-1)!important;
}
.archive #header_titre {
	background-color: #ffffff!important;
}
.bg_color_2{ 
	background-color : #f6f1eb!important; /* foncé */
	
}
.bg_color_1 {
	background-color :#f9f7f4!important;
	background-color :#ffffff!important;
}

/*=======================
 * ARCHIVES
 * ======================*/
.archive_description_container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.archive_image_column {
    flex: 1;
}
.archive_image_column img {
    max-height: 70vh;
    width: auto;
    height: auto;
}
.archive_text_column {
    flex: 1;
}
.archive_description_text {
	background-color: #ffffff;
	padding: 15px 15px;
}
/************ WOOCOMMERCE ***/
.woocommerce-product-attributes.shop_attributes tr:nth-child(even) {
    background-color: rgb(255,255,255,0.5); /* Couleur de fond pour les lignes paires */
}

.woocommerce-product-attributes.shop_attributes tr:nth-child(odd) {
   background-color: #fff; /* Couleur de fond pour les lignes impaires */
}
.woocommerce-product-attributes-item__value {
	font-style: normal!important;
}





/********************************/
.bg_color_section {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding: 10px 0px!important;
}
.bg_color_section:nth-of-type(even) {
    background-color: #ffffff; /* Couleur de fond pour les sections paires */
	/*border-top: solid 3px #D3CDBF; */
	
}

.bg_color_section:nth-of-type(odd) {
    background-color: var(--bg-section-gris-1); /* Couleur de fond pour les sections impaires */
	/* border-top: solid 3px #D3CDBF; */
}
.et_pb_row.et_pb_equal_columns {
    display: flex;
    flex-wrap: wrap;
}

.et_pb_column {
    display: flex;
    flex-direction: column;
}

.et_pb_blurb {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Cible le module .et_pb_blurb */
.et_pb_blurb {
	tmp_border: solid 1px var(--border-gris-1);
	}
.blurb_row .et_pb_blurb {
	border: solid 0px var(--border-gris-1);
	}
.et_pb_blurb:hover .et_pb_main_blurb_image img,
li.product:hover .et_shop_image img,
.random-oeuvre .image.zoom img:hover,
.univers-product-gallery .main-image:hover img,
.et_pb_module.et_pb_image.img_zoom:hover img

{
    transform: scale(1.1); /* Applique un zoom de 10% */
    transition: transform 0.3s ease-in-out; /* Ajoute une transition douce */
}

/* Assure que l'image revienne à sa taille d'origine lorsqu'elle n'est pas survolée */
.et_pb_main_blurb_image, span.et_shop_image, .random-oeuvre .image.zoom, .univers-product-gallery .main-image,
.et_pb_module.et_pb_image.img_zoom{
	overflow: hidden;
}
.et_pb_main_blurb_image img, .et_shop_image img, .random-oeuvre .image.zoom img,
.univers-product-gallery .main-image img,
.et_pb_module.et_pb_image.img_zoom img
{
    transition: transform 0.3s ease-in-out; /* Transition pour l'effet de zoom */
}
li.product{
	background-color: #fff;
	padding: 10px!important;
}
.et_pb_main_blurb_image {
	margin: 0px!important;
}
/*.et_pb_module_header {
	background-color: #fff;;
}*/
.et_pb_shop {
	padding : 20px;
}
.et_pb_shop li.product  {
	
	min-height: 200px!important;
	tmp_border: solid 1px #c6c6c6;
}
.et_pb_shop li.product .woocommerce-loop-product__title {
	text-align: center;
}
/* blurb rendez-vous***/
.et_pb_blurb_position_left .et_pb_blurb_container {
     padding-left: 0px; 
}
.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: 20px;
    display: table-cell;
    line-height: 0;
}
/*************************************
 * WOOCOMMERCE
 * **********************************/
/* image et carrousel produit */
/* image principale du produit marge bas avec la galerie produit à affincer */
.woocommerce-product-gallery__image {
	margin-bottom: 10px;
}
.woocommerce-product-gallery {
	margin-top: 20px;
}
.woo-category-slider {
    display: block; /* Ensure parent is block if required */
    overflow: hidden;
    width: 100%; /* Ensure the parent takes the full width */
}

.woo-category-slide {
    position: relative;
    width: 100%; /* Let Owl Carousel handle the width */
    height: 300px;
    padding: 5px; /* Inner margin */
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
    border: solid 1px var(--border-gris-1);
}

.woo-category-slide-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}

.woo-category-slide a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 2;
}



.woo-category-slide-inner::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.0);
    z-index: 1;
}

.category-title {
    position: absolute;
    bottom: 20px;
    left: 2%;
	width: 96%;
    t_ransform: translateX(-50%);
    z-index: 3;
    font-size: 1.5em;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    border-radius: 5px;
}

  /* Custom styles for Owl Carousel navigation */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background-color: #000; /* Background color of the buttons */
    color: #fff; /* Text color of the buttons */
    border: none; /* Remove default border */
    padding: 10px 20px; /* Padding inside the buttons */
    font-size: 16px; /* Font size of the buttons */
    cursor: pointer; /* Change cursor to pointer */
    border-radius: 5px; /* Rounded corners for buttons */
    margin: 0 5px; /* Margin around the buttons */
}

/* Custom styles for Owl Carousel navigation */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background-color: #000; /* Background color of the buttons */
    color: #fff; /* Text color of the buttons */
    border: none; /* Remove default border */
    padding: 15px 30px!important; /* Increased padding inside the buttons */
    font-size: 24px; /* Increased font size of the buttons */
    cursor: pointer; /* Change cursor to pointer */
    border-radius: 5px; /* Rounded corners for buttons */
    margin: 0 10px; /* Increased margin around the buttons */
    z-index: 1000; /* Ensure buttons are above other elements */
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: #444; /* Background color on hover */
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -20px; /* Position to the left of the carousel */
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -20px; /* Position to the right of the carousel */
    top: 50%;
    transform: translateY(-50%);
}




/* Styles pour les champs de formulaire WooCommerce */

.woocommerce .input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="url"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select,
.woocommerce .input,
.woocommerce .textarea {
 /*   background-color: #ffffff!important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)!important;
    border: 1px solid #dddddd!important; */
   /* padding: 5px!important; */
    /* margin-bottom: 10px!important;*/
	/*border-radius: 5px!important; */
}

/* masquer le titre de la variation*/


.woocommerce-Price-amount.amount {
	font-weight: 500;
	font-size: 100%;
}
table.variations .label {
	display: none;
}
table.variations {
	display: inline-block!important;
}

/* rendez-vous */

.et_pb_wc_add_to_cart .prendre-rendez-vous {
	background-color: #fff;
	color: #000;
	font-weight: 300!important;
        padding: 10px 20px;
        text-align: center;
        border: none;
        border-radius: 3px;
        text-decoration: none;
}


/* VARIATIONS */
.woocommerce div.product form.cart .variations td select {
	background-color: #fff;
	min-width: 100px;
	max-width: 200px;
	padding: 5px 5px 5px 30px;
	border: solid 1px #CFC6BB!important;
	font-size: 16px;
	cursor: pointer;
}
/* hauteur variations */
.woocommerce div.product form.cart table {
    min-height: 20px!important;
	height: 20px;
	max-height: 200px!important;
}
.reset_variations {
	display: none!important;
}
.woocommerce div.product form.cart .variations select {
	min-width: 30%;
}
.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
	    border: 6px solid transparent;
    border-top-color: #666;
    content: "";
    display: block;
    height: 0;
    margin-top: 0px;
    pointer-events: none;
    position: absolute;
    left: 10px;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
    width: 0;
}


#sidebar {display: none;}
.woocommerce-message {
	background: #000;
}
/* image produit panier */
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 100px;
    box-shadow: none;
}
.woocommerce-Price-amount.amount {
    font-weight: 400;
    font-size: 90%;
}


/* RESPONSIVE */
@media (max-width: 767px) {
    .et_pb_title_container h1 {
        font-size: 25px;
		line-height: 1.3em;
		text-align: center;
    }
	.archive .et_pb_title_container h1 {
		text-align: left;
	}
	span.more {
		display: none;
	}
}
@media (max-width: 980px) {
    .et_pb_row {
        max-width: 1080px;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
    }
	#header_titre.et_pb_section, .et_pb_section {
        padding: 10px 0px;;
    }
	.accroche   {
		font-size: 80%;
	text-align: center!important;
		background-color: #fff;
		padding: 10px;
	}
	form.cart {
		display: block!important;
	}
	.woocommerce button.single_add_to_cart_button.button.alt, .et_pb_wc_add_to_cart .prendre-rendez-vous{
		width: 100%!important;
		margin-bottom: 10px;
	}
	    .et-db #et-boc .et-l .et_pb_shop ul.products.columns-1 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-2 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-5 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-6 li.product, .et_pb_shop ul.products li.products {
        width: 100% !important;
        margin-right: 0% !important;
    }
}
@media (max-width: 768px) {
 /*   .et_pb_section#nos-bijoux {
        order: 2!important;
    }

    .et_pb_section#atelier {
        order: 1!important;
    }

    
    .et_builder_inner_content  {
        display: flex!important;
        flex-direction: column!important;
    }
}
.woocommerce .products {
	display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
*/
}
@media (max-width: 479px) {
	.woocommerce ul.products li.product {
        flex: 0 0 calc(50% - 10px); /* Deux éléments par ligne avec un espacement de 10px */
        margin-bottom: 5px; /* Espacement entre les lignes */
        box-sizing: border-box; /* Pour inclure la marge dans la taille des éléments */
    }
	.archive .woocommerce ul.products li.product {
		flex: 0 0 calc(100%); /* Deux éléments par ligne avec un espacement de 10px */
        margin-bottom: 5px; /* Espacement entre les lignes */
        box-sizing: border-box; /* Pour inclure la marge dans la taille des éléments */
	}
   .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 0 5.5% 1%!important;
       
		margin-right: 1%!important;
    }
	.woocommerce-page ul.products li.product:last:child {
		margin-right: 0%;
	}
}
/************* attribut écran de saisie produit */
.item_attribut_value {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.item_attribut label {
    margin-bottom: 5px;
}

.item_attribut_value select, 
.item_attribut_value input {
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (min-width: 1040px) {
    .item_attribut_value {
        flex-direction: row;
        align-items: start;
    }



    .item_attribut_value select, 
    .item_attribut_value input {
        width: 70%;
        margin-right: 10px;
        margin-bottom: 0;
    }
	.item_attribut_value select {
		width: 30%;
	}
    .item_attribut_value input {
        flex: 1; /* Permet à l'input de s'étendre pour occuper l'espace restant */
    }
}
/*=======================================*
 * 
/*================= V2 ==================*/

/**** ACCUEIL ***/
.home-title::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: .3;
    width: 400px;
    height: 400px;
    border: 4px solid var(--color-1);
    z-index: -1;
    background: #000;
}
/*******************
 * PAGES
 * *****************/
.page-content {
	margin: 0px auto;
	padding: 0px;
	background-color : #F5F5F5;
}
.page-texte-content {
	background-color: #fff;
	border-radius : 10px;
	padding: 15px;
}
@media only screen and (min-width: 1571px) {
    .et_pb_section.page-content  {
        padding: 10px 0;
    }
}
@media (min-width: 981px) {
    .page-content .et_pb_row {
         padding: 1% 0; 
    }
}
/* reverse collonnes */
@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 
/***************************************
 * titre
 * *********************************/
h1, h2,h3,h4,h5,h6 {
	/*font-family: "Libre Baskerville", serif;*/
	/*font-family: "Montserrat", sans-serif;*/
	font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: normal;
	color:#3A322C;

	position: relative!important;
	padding-bottom: 15px !important;
}
h1, h1.entry-title, .et-l .et_pb_title_container h1 {
	font-size: 36px;
}
.main-title h1 {
	text-align: center;
}
h2 {

	margin-bottom: 16px!important;
}
/* Sélecteur pour cibler les h2 qui précèdent immédiatement un h3 */
h2 + h3 {

    margin-top: 10px; /* Ajustez selon vos besoins */
    margin-bottom: 10px; /* Ajustez selon vos besoins */
    padding-top: 10px; /* Ajustez selon vos besoins */
    padding-bottom: 5px; /* Ajustez selon vos besoins */
}
.et-db #et-boc .et-l .et_pb_section.header_titre {
	background-color : var(--bg-section-gris-1);
	border-bottom: solid 1px var(--border-gris-2);
}
.et_pb_module_header {
	background-color: transparent;
}
p + h2,
ul + h2 {
    margin-top: 10px; /* Ajustez selon vos besoins */
    padding-top: 10px; /* Ajustez selon vos besoins */
}

.titre-surligne:after {
    content: '';
    background: var(--color-1);
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    position: absolute;
    bottom: -4px;
    left: 3px;
}
.titre-surligne:before {
    content: '';
    width: 90%;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    bottom: 0;
    left: 3px;
}
/************* WOOCOMMERCE ****************/
.product-template-default .related.products .products .product .woocommerce-loop-product__link h2.woocommerce-loop-product__title, .product-template-default .upsells.products .products .product .woocommerce-loop-product__link .woocommerce-loop-product__title, .woocommerce .cart-collaterals .cross-sells .products .product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}
/*=== surlignement */

.main_title:after, h2.ch_main_title:after, .et_pb_wc_related_products .related.products h2:after, .product-template-default .product .summary .product_title.entry-title:after, .woocommerce .cart-collaterals .cart_totals h2:after, .search.search-results .et_pb_post .entry-title:after, .woocommerce .cart-collaterals .cross-sells h2:after, .woocommerce .checkout.woocommerce-checkout #order_review_heading:after, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3:after, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:after, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2:after, .product-template-default .product.type-product .up-sells.upsells.products h2:after, .product-template-default .product.type-product .related.products h2:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title:after, .woocommerce #customer_login h2:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title:after, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:after, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title:after, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title:after, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title:after {
    content: '';
    background: var(--color-1);
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    position: absolute;
    bottom: -4px;
    left: 3px;
}
.main_title, h2.ch_main_title, .et_pb_wc_related_products .related.products h2, .product-template-default .product .summary .product_title.entry-title, .woocommerce .cart-collaterals .cart_totals h2, .search.search-results .et_pb_post .entry-title, .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .checkout.woocommerce-checkout #order_review_heading, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2, .product-template-default .product.type-product .up-sells.upsells.products h2, .product-template-default .product.type-product .related.products h2, .woocommerce #customer_login h2, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title {
	padding-left: 15px;
}
.main_title:before, h2.ch_main_title:before, .et_pb_wc_related_products .related.products h2:before, .product-template-default .product .summary .product_title.entry-title:before, .woocommerce .cart-collaterals .cart_totals h2:before, .search.search-results .et_pb_post .entry-title:before, .woocommerce .cart-collaterals .cross-sells h2:before, .woocommerce .checkout.woocommerce-checkout #order_review_heading:before, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-additional-fields h3:before, .woocommerce .checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields h3:before, .woocommerce .cart-collaterals .cart_totals.calculated_shipping h2:before, .product-template-default .product.type-product .up-sells.upsells.products h2:before, .product-template-default .product.type-product .related.products h2:before, .woocommerce #customer_login h2:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-order-details__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .woocommerce-order-downloads__title:before, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title.title h3:before, .woocommerce .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title:before, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-column__title:before, .woocommerce .woocommerce-order .woocommerce-order-downloads .woocommerce-order-downloads__title:before {
    content: '';
    width: 90%;
    height: 2px;
    background: var(--color-1);
    position: absolute;
    bottom: 0;
    left: 3px;
}


/**** CTA produit */


/*=========== BRLURB - Résumé =====*/
.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 15px;
}
.et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container {
    display: table-cell;
    vertical-align: top;
}
.et_pb_blurb_0_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_3_tb_footer.et_pb_blurb .et_pb_module_header {
    padding-bottom: 5px!important
}

.et_pb_blurb_0_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_0_tb_footer.et_pb_blurb .et_pb_module_header a, .et_pb_blurb_1_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1_tb_footer.et_pb_blurb .et_pb_module_header a, .et_pb_blurb_2_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2_tb_footer.et_pb_blurb .et_pb_module_header a, .et_pb_blurb_3_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_3_tb_footer.et_pb_blurb .et_pb_module_header a {
    text-transform: uppercase;
    font-size: 15px;
}

/*********************************
 * BLURB - footer
 * ******************************/
.ch-footer .et-pb-icon {
	color: #fff!important;
}
.ch-footer .contact {
	border-bottom : solid 1px var(--color-1);
}
.ch-footer ul.products li {
    margin-bottom: 10px !important;
}
.ch-footer ul.products li.product .et_shop_image {
    float: left;
    margin: 0 20px 7px 0;
    width: 75px;
    box-shadow: none;
}
@media (min-width: 981px) {
	.ch-footer ul.products li.product,
    .et_pb_gutters3 .et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1 .et_pb_post, .et_pb_gutters3 .et_pb_column_1_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1 .et_pb_post, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_widget {
        width: 100%!important;
        margin-bottom: 26.347%;
    }
}

/*============= GRID ===============*/



ul.ch_grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Style de la grille - chaque item */

ul.ch_grid li, .et_pb_shop ul li {
   
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	position: relative;

}
ul.ch_grid.nbcol_2 li {
	flex: 0 0 calc(50% - 20px);
	
}
ul.ch_grid.nbcol_3 li {
	flex: 0 0 calc(33.3333% - 20px);
	
}
ul.ch_grid.nbcol_4 li {
	flex: 0 0 calc(25% - 20px);
}
ul.ch_grid.nbcol_5 li {
	flex: 0 0 calc(20% - 20px);
}
.oeuvre_filtrable.ch_grid li {
    opacity: 0;
    transition: opacity 0.3s ease; /* Transition pour l'opacité */
    pointer-events: none; /* Empêche l'interaction avec les éléments masqués */
}

.oeuvre_filtrable.ch_grid li.fade-in {
    opacity: 1; /* Visible */
    display: block; /* Visible dans la grille */
    pointer-events: auto; /* Réactive l'interaction */
}

.oeuvre_filtrable.ch_grid li.fade-out {
    opacity: 0; /* Invisible */
    pointer-events: none; /* Désactive l'interaction */
}
/* Tablet (moins de 1024px) */
@media (max-width: 1024px) {
    ul.ch_grid.nbcol_3 li,
    ul.ch_grid.nbcol_4 li,
    ul.ch_grid.nbcol_5 li {
        flex: 0 0 calc(50% - 20px); /* 2 colonnes */
    }
}

/* Mobile landscape (moins de 768px) */
@media (max-width: 768px) {
    ul.ch_grid.nbcol_3 li,
    ul.ch_grid.nbcol_4 li,
    ul.ch_grid.nbcol_5 li {
        flex: 0 0 calc(100% - 20px); /* 1 colonne */
    }
	.ch_section_specialty .ch_row_1_2 {
    	flex: 1 1 calc(100% - 20px); /* 50% de largeur moins l'espace du gap */
    	max-width: calc(100% - 20px); /* Empêche de dépasser 50% */

	}
}
.ch_grid li:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}



/* Image dans la grille */
.ch_grid li .item_image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Titre et description */
.ch_grid li .ch_grid_description {
    padding: 2px 10px;
    text-align: center;

}

/*.ch_grid li .ch_grid_description .item_titre {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}*/

.ch_grid li .ch_grid_description .item_description {
    font-size: 1em;
    color: #666;
    line-height: 1.6;
}
.ch_grid_description .main-title {
    font-size: 1.3em;
	
    color: #2f2f2f;
    margin-bottom: 8px;
	background-color: transparent;
	tmp_text-transform: capitalize;
    letter-spacing: 1px;
}

/* h4 */
.ch_grid  .item_titre {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.1em;
	 padding: 0px;
	
}
ul.ch_grid li {
	background-color: #fff;
}

.ch_grid .titre_ref, .nav_matiere .titre_ref_is_h4 {
	color: #92846F;
	margin-top: 5px;
	font-size: 12px;
	min-height: 14px;
}
	ul.ch_grid .item_zoom_image {
		padding: 1px 8px;
		color: #000;
		background-color: rgba(250, 245,239, 0.5);
		position: absolute;
		top: 0px;
		right: 0px;
	}
	ul.ch_grid a.item_zoom_image {
		text-decoration: none;
	}
	ul.ch_grid a.item_zoom_image:hover {
		background-color: rgba(0, 0,0, 0.5);
		color: #fff;
	}
	ul.ch_grid .item_date {
		color: var(--font-color-light);
		position: absolute;
		border-radius: 0px 5px 0px 0px;
		background-color: rgba(250, 245,239, 0.5); /* #FAF5EF; */
		border-radius: 0px 0px 10px 0px;
		padding: 1px 5px;
		top: 0px;
		left: 0px;
	}

@media print {
  /* All your print styles go here */
  #main-header,
  #footer,
  #nav,
	.et_pb_column_single, .et_pb_wc_meta {
    display: none !important;
  }
}

/*************** maint-title homa bijou au hasard **/
.main-title {
	text-align: center;
	background-color: #fff;
}
/*************** rollhover grille **********/
/*
.product-image {
    position: relative;
    width: 100%;
    height: auto;
}

.product-image img {
    width: 100%;
    transition: opacity 0.4s ease-in-out;
}



.product-item:not(.no-hover) .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
}

.product-item:not(.no-hover):hover .hover-img {
    opacity: 1;
}

.product-item:not(.no-hover):hover .main-img {
    opacity: 0;
}


.product-item.no-hover:hover .main-img {
    opacity: 1;
}

.product-item.no-hover .hover-img {
    display: none !important;
}
*/
/*==== v2 ==*/
.product-image {
    position: relative;
    width: 100%;
   height: auto;

}

.product-image img {
    width: 100%;

    transition: opacity 0.3s ease-in-out;
}
.product-item .wrapper-product-category {
	position: absolute;
	position: relative;
/*	z-index: 10;
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    gap: 8px;
    top: 15px;*/
 
    left: 0;
    width: 100%;

    font-size: 12px;
 
    t_ext-transform: uppercase;
    pointer-events: none;
}
.product-category {
    display: inline-block;
    /* margin-right: 5px; */
    background-color: #f6f1eb;
    border: 1px solid #f6f1eb;
    border-radius: 10px;
    color: #000;
    padding: 2px 10px;
    /* font-family: 'QuickSand', sans-serif; */
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
/*=================================
 * PAGE CATEGORIES
/*===============================*/
.archive-header {
    display: flex;
    align-items: center;
    gap: 20px; /* Espace entre l'image et le texte */
    margin-bottom: 20px;
}

.archive-thumbnail img {
    width: 120px; /* Ajuster la taille de l'image */
    height: auto;
    border-radius: 8px; /* Coins arrondis optionnels */
}

.archive-content {
    flex-grow: 1; /* Permet au texte de prendre l’espace restant */
}

.archive-title {
    font-size: 24px;
    margin: 0;
}

.archive-accroche {
    font-size: 16px;
    color: #666;
}
/*=====================================*/
/**** MAIN CONTENT // CONTENU PRINCIPAL
 * ======================================*/
.et-db #et-boc .et_pb_section.contenu-principal {
	background-color: #f6f1eb!important;
	margin: 0px auto;
	padding: 10px!important;
}
.et_pb_row.contenu-principal .et_pb_column.main_image {
background-color: transparent;	
}

.et_pb_row.contenu-principal .et_pb_column.main_image img {
	border-radius: 10px;
}

.et_pb_row.contenu-principal .et_pb_column.main-description

{
	background-color: var(--bg-color-description); 
	color: var(--color-2);
	border-radius: 10px;
	padding: 20px;
}
/* Desktop : hover classique */
@media (min-width: 769px) {
    .hover-img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 2;
    }

    .product-item.has-hover-image:hover .hover-img {
        opacity: 1;
    }

    .product-item.has-hover-image:hover .main-img {
        opacity: 0;
    }

    .hover-thumbnail {
        display: none;
		
    }
}

/* Mobile : vignette en bas à droite */
@media (max-width: 768px) {
    .hover-img {
        display: none; /* pas de hover sur mobile */
    }

    .product-image img.hover-thumbnail {
		border-radius: 50%;
        position: absolute;
		display: block;
        bottom: 0px;
        right: 5px;
        width: 25%;
        height: auto;
        box-shadow: 0 0 3px rgba(0,0,0,0.3);
        border: 1px solid #fff;
        cursor: pointer;
        z-index: 3;
        background-color: white;
    }
}