/*!
Theme Name: Be Alppy - Underscores
Theme URI: https://bealppy.com/
Author: Underscores.me
Author URI: https://abc-conception.com/
Description: Template sur-mesure BeAlppy 2025
Version: 1.2.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later

** Reset CSS Normalize fo WP
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*
** https://bealppy.com/symbols/
 */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}html,legend{box-sizing:border-box}hr,p{margin-bottom:1.5em}pre,textarea{overflow:auto}.page,.post,.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation,.widget,address,table{margin:0 0 1.5em}.main-navigation li,sub,sup{position:relative}.widget select,.wp-caption,embed,iframe,img,legend,object,pre{max-width:100%}.gallery-item,.wp-caption-text{text-align:center}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;background:#fff}.bypostauthor,.gallery-caption,.infinity-end.neverending .site-footer,.main-navigation.toggled ul,.menu-toggle,.sticky,details,main{display:block}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-size:1em}hr{box-sizing:content-box;background-color:#ccc;border:0;height:1px}a{background-color:transparent;color:#4169e1}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{width:100%}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer,.updated:not(.published),[hidden],template{display:none}*,::after,::before{box-sizing:inherit}body,button,input,optgroup,select,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}figure{margin:1em 0}table{width:100%}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:focus{outline:dotted thin}#primary[tabindex="-1"]:focus,a:active,a:hover{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}.main-navigation{display:block;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation a{display:block;text-decoration:none}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:flex}}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border-color: inherit;
	box-shadow: none;
	outline: none;
}



a:visited,
a:focus-visible
{
	color: inherit;
	outline: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent; /* Pour mobile */
}

:root {
	--bg-gray: #f0f0ed;
	--bg-light-gray: #fafaf7;
	--color-black: #3b3b3b;
	--p-color-black: #575756;
}

* {
	letter-spacing: 1px;
	box-sizing: border-box;
	outline: none!important;
}

html {
	overflow-x: hidden;
}

/* Woocommerce */
.woocommerce-message::before,
.woocommerce-message {
	border-top-color: #3f5e63;
	color: #3f5e63;
}


/************************************************ Global */
body{
	font-size: 19px;
	min-height: 100vh;
	background: var(--bg-gray);
	color: var(--color-black);
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

h1 {
	font-size: 3em;
	line-height: 1.2em;
}
h2 {
	font-size: 2.5em;
	line-height: 50px;
}

h2.med {
	font-size: 30px;
	line-height: 45px;
}

h3 {font-size: 1.6em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.6em;}

b,strong {
	font-family: "proxima-nova", sans-serif;
	font-weight: 500;
}

.bold{
	font-family: "proxima-nova", sans-serif;
	font-weight: 500;
	color: var(--color-black);
}

img{width:100%;}

p {
	margin-bottom: 1em;
	font-weight: 400;
	line-height: 1.6em;
	color: var(--p-color-black);
}

hr.sep {
	background-color: #707070;
	border: 0;
	height: 1px;
	max-width: 170px;
	text-align: left;
	margin: 0 0 3em 0;
}

section {
	padding: 6em 0;
}

.col-full{
	max-width: 1800px;
	margin: 0 auto;
}
.container{
	max-width: 1440px;
	margin: 0 auto;
}
.content-container{
	max-width: 1000px;
	margin: 0 auto;
}

.content-container-small {
	max-width: 670px;
	margin: 0 auto;
}

.col-3{
	width: 33.3333333333333333333333%;
}

.col-2 {
	width: 48%;
}

.col-full.flex {
	max-width: 1800px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em 10px;
}

.flex{
	display: flex;
	justify-content: center;
	justify-content: space-between;
}

a{
	text-decoration: none;
	color: #000;
}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

button{
	cursor: pointer;
	transition: 0;
}


button.btn {
	font-weight: 500;
	background: none;
	min-width: 300px;
	border-radius: 30px;
	padding: 20px 0;
	border: 1px solid var(--color-black);
}

button.btn:hover {
	background: #f2f2f0;
	box-shadow: 0 0 30px 0px #f2f2f0;
	border: 1px solid #636363;
	color: #454545;
}

.bg-gray {background: #e3e3e1}
.bg-gray-light {background: var(--bg-light-gray)}
/* .bg-gray-light button.btn:hover {background: var(--bg-light-gray)} */
.btn-gray-light{background: #f2f2f0}
/* .bg-gray button.btn:hover{background: #f2f2f0} */

/* div.bg-black button:hover{background: #f2f2f0} */

.relative {
	position: relative;
	display: inline-block;
	line-height: 0;
}

/************************************************ Header */
header#masthead{
	background: var(--bg-light-gray);
	box-shadow: 1px 1px 0px #00000026;
}

header#masthead .container.col-full.flex {
	max-width: inherit;
}

header#masthead div#logo {
	max-width: 150px;
}

header#masthead .site-branding {position:relative; z-index: 1000}
header#masthead .shop-navigation{position:relative; z-index: 1000}
header#masthead .site-navigation {
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0;
	z-index: 999;
}


/***************** Nav */

header#masthead .shop-navigation{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

header#masthead .site-navigation a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	padding: 0 2em;
}

header#masthead .site-navigation #main > a:nth-child(2) {
	border-left: 1px solid #0000005e;
	border-right: 1px solid #0000005e;
}

header#masthead .shop-navigation{}
header#masthead .shop-navigation a{
	padding: 0 1.5em;
}

header#masthead .shop-navigation a.cta {
	border: 1px solid #000;
	padding: 0 10px;
	border-radius: 3px;
	letter-spacing: 0px;
	font-size: 14px;
}

/************************************************ HomePage - page-template-home-page */
/**************************** Landing */
body.page-template-home-page h1 {
	font-size: 4em;
	padding-top: .5em;
}

#landing .flex:has(.col-2) {
	align-items: flex-start;
}

body.page-template-home-page #landing > div > div:nth-child(1) > p {
	font-size: 24px;
}

body.page-template-home-page #landing > div > div:nth-child(2) {
	max-width: 750px;
}
body.page-template-home-page #landing > div > div:nth-child(2) img {
	margin-bottom: 2em;
	box-shadow: 10px 10px 30px -10px #000000d1;
}
#landing > div > div:nth-child(2) p.bold {
	font-size: 26px;
	margin-top: 14px;
}

#landing > div > div:nth-child(2) p:nth-child(6) {
	line-height: 1.7em;
}

#propal > div:nth-child(2){
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section#story {padding: 10em 0;}
section#story.bg-gray-light > div > div{
	justify-content: space-between;
}
section#story.bg-gray-light > div > div > div:nth-child(1) > p > img {
	max-width: 420px;
}

section#format{}

/**************************** Propal */
#propal > div:nth-child(2) {
	margin-bottom: 4em;
}

#propal > div:nth-child(3) {
	display: flex
	;
	justify-content: flex-start;
}

#propal > div:nth-child(3) > div:nth-child(1) {
	width: 40%;
	padding-top: 2em;
}

#propal > div:nth-child(3) > div:nth-child(2) {
	width: 50%;
}

section#format{padding: 10em 0 3em 0}
section#cadres{padding: 3em 0 10em 0}

#cadres div.cadres.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: flex-start;
}

#cadres div.cadres.flex > div{
	width: 30%;
}

/************************** #privilege */
#privilege {
	margin-top: 4em;
	padding: 12em 0;
}

#privilege .content-container-small {
	max-width: 730px;
}
.bg-dark{background: #000; color:#c8c8c6;}
.bg-dark p{
	color:#c8c8c6; 
	line-height: 2.2em;
}
.bg-dark a{color:#c8c8c6;}
.bg-dark button.btn {border: 1px solid #fff; color: #fff;}
#privilege > div > h2 > img {max-width: 170px;}


/************************************************ HOME - #INSTRUCTIONS */
section#instructions {
	background: var(--bg-light-gray);
}

section#instructions span.icon {
	font-size: 80px;
	padding: 0;
	margin-top: 20px;
	margin-right: 40px;
}

#instructions > div > div:nth-child(1) > span {
	margin-top: 80px;
}

#instructions p:has(.btn) {
	padding: 2em 0 3em;
}
/************************************************ HOME - #social */
#social {}
#social .flex{
	display: flex;

}
#social > div > p.strong {
	font-weight: 600;
	margin-bottom: 3em;
}

#social .flex {
	display: flex
	;
	justify-content: center;
	align-items: center;
	gap: 3em;
}

#social img.icon {
	width: 30px;
}

/************************************************ HOME - RÉASSURANCE */
section#reassurance {
	background: #fff;
}
section#reassurance .icon {
	font-size: 3em;
}

section#reassurance > div > div {
	width: 30%;
}

/************************************************ Main */
body:not(.home) main#primary{
	margin-bottom: 4em;
}

body.page-template-default main#primary {
	padding: 2em 0 8em;
}

/************************************************ Footer */
footer#colophon {
	background: #3f5e63;
	color: #fff;
	padding: 8em 0;
}
footer#colophon .flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

footer#colophon {
	background: #3f5e63;
	color: #fff;
}

footer#colophon a{
	color: #fff;
}


/************************************************ GALERIE - Page */
body.page-template-galerie-page{}
body.page-template-galerie-page section#landing{
	text-align: center;
	padding: 2em 0;
}

body.page-template-galerie-page h1{font-weight: 200;}

div.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
}

body.page-template-home-page div.flex{
	flex-wrap: nowrap;
}

div.flex > div.col-3 {
	flex: 0 1 calc(33.333% - 20px);
	box-sizing: border-box;
	margin: 15px 0;
}

#product-feed > div > div > div > div.col-2 {
	width: 50%;
	font-size: 12px;
	line-height: calc(12px + 100%);
}

#product-feed > div.flex > div > div {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

#product-feed .product-title.col-2.text-right {
	color: #919494;
	padding: 5px 0px 5px 5px;
	line-height: 1.5em;
}

span.icon {
	border-radius: 100%; 
	padding: 5px;
}

span.icon:hover {background: #fafaf7;}

.in-wall span.icon:hover {background: inherit;}
.in-wall #pin {
	opacity: 0.5;
	cursor: default;
}

div.product div.relative .icon {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em 1em;
	background: #00000060;
	border-radius: 0;
	color: #fff;
}

div.product.not-in-cart .icon.cart {
	display: none;
}

div.product.not-in-wall .icon.pin {
	display: none;
}

div.product.in-cart.in-wall div.relative .icon.pin {
	display: none;
}

div#filters {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2em 0;
}

#filters .container.flex {
	width: 100%;
}

#filters .filter-label{margin-right:1em}
#filters select {
	margin: 0 15px 0 0;
	border: none;
	background: #f0f0ed;
	color: #474747;
	cursor: pointer;
}
/*remplacement de la flèche du select*/
#filters select {
	appearance: none; /* Supprime la flèche par défaut */
	-webkit-appearance: none; /* Pour Safari et Chrome anciens */
	-moz-appearance: none; /* Pour Firefox ancien */
	padding-right: 20px; /* Espace pour la future flèche */
}

#filters select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center; /* Aligne la flèche à droite */
	background-size: 12px; /* Ajuste la taille du chevron */
}


body.page-template-galerie-page{}
body.page-template-galerie-page ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

/************************************************ PRODUIT .single */
body.single{}
body.single .lb-aperçu-qualité {display: none;}

body.single-product h1{
	font-size: 1.4em;
	font-weight: 400;
}

body.single-product p.price {
	font-weight: bold;
}

/* Empilement des étiquettes de variations */
body.single .variations tbody tr {
	display: block;
	width: 100%;
	margin-bottom: 15px; /* Espace entre chaque ligne de variation */
}

/* Cacher les select natifs mais les laisser accessibles au script JS */
body.single .variations select {
	display: none !important;
}


body.single button.single_add_to_cart_button.button {
	background: #737c7d;
	color: #F1F1F1 !important;
	min-width: 200px;
	padding-right: 30px;
	position: relative;
	font-weight: 500;
}

body.single button.single_add_to_cart_button.button::after {
	content: "shopping_bag";
	font-family: 'Material Symbols Outlined';
	position: absolute;
	right: 15px;
}

body.single .variation-btn {
	background: transparent;
	color: #737c7d;
	padding: 10px 20px;
	border-radius: 0px;
	line-height: 20px;
	font-weight: 500;
	margin: 0px 10px 15px 0;
	text-transform: capitalize;
	box-sizing: border-box;
}

/* Style de base pour vos boutons actifs */
body.single .variation-btn:hover,
body.single .variation-btn.selected, 
body.single .variation-btn.active {
	background-color: #737c7d;
	color: #F1F1F1;
}

body.single .variations th.label, 
body.single .variations td.value {
	display: block;
	width: 100% !important;
	text-align: left;
	padding: 0;
}

body.single .variations th.label {
	margin-bottom: 8px;
	font-weight: 400;
}

/* Structure de la page produit personnalisée */
body.single article.flex.type-product {
	display: flex;
	flex-wrap: wrap; /* Permet le passage à la ligne sur mobile */
	gap: 0; /* Ajustez si vous voulez un espace entre les colonnes */
	align-items: flex-start;
}

/* Forçage des deux colonnes à 50% */
body.single article.flex.type-product .product-visuals,
body.single article.flex.type-product .entry-summary {
	flex: 0 0 50%; /* Ne grandit pas, ne rétrécit pas, base de 50% */
	max-width: 50%;
	box-sizing: border-box; /* Inclut le padding dans les 50% */
	
}

body.single .product-visuals a.woocommerce-product-gallery__trigger span {
	display: none;
}

body.single article.flex.type-product .entry-summary {
	padding-left: 2em;
	margin: 0 auto;
}

body.single table.variations {
	margin-bottom: 0;
}

.woocommerce .quantity .qty {
	width: 80px;
	text-align: end;
	margin-top: .5em;
	margin-bottom: 1em;
}

/* Adaptabilité mobile (Responsive) */
@media (max-width: 1020px) {
	body.single article.flex.type-product .product-visuals,
	body.single article.flex.type-product .entry-summary {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

div.blockUI {
	background: #f0f0ed!important;
	opacity: .5;
}

/************************************************ MON-MUR */
img#mur-vide{max-width:600px}

/************************************************ #wall-notifier */
#wall-notifier {
	display: none;
	position: fixed;
	top: 2em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	background: #fafaf7;
	padding: 5em 6em;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	text-align: center;
	min-width: 250px;
}
#wall-notifier .notifier-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
#wall-notifier .icon {
	font-size: 2rem;
	color: #7d7d7d;
}
#wall-notifier p {
	margin: 0;
	color: #7d7d7d;
	font-family: sans-serif;
	font-size: 0.9rem;
}

/************************************************ galerie product-modal */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f0f0ed;
	z-index: 999999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.close-btn {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 40px;
	cursor: pointer;
	background: none;
	border: none;
	color: #a6a6a6;
}

.modal-nav {
	position: absolute;
	bottom: 30px;
	width: 100%;
	left: 0;
	display: flex;
	justify-content: center;
	gap: 50px;
}

div#product-modal .modal-content-wrapper {
	width: 100%;
}

div#modal-body{
	width: 100%;
}

div#modal-body .col-3 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

div#modal-body .relative {
	overflow: hidden;
	cursor: default;
	width: 100%;
}

div#modal-body span.icon.cart.material-symbols-outlined{ display: none; }
div#modal-body span.icon.pin.material-symbols-outlined{ display: none; }
div#modal-body .col-3 {
	width: 100%;
	max-width: 800px;
}
div#modal-body img{border: 1px solid #dbdbd7}

/*transition*/
#modal-body {
	transition: opacity 0.2s ease-in-out;
	opacity: 1;
}

#modal-body.fading {
	opacity: 0;
}

/* Conteneur de l'image dans la modale */
#modal-body .relative {
	overflow: hidden; /* Empêche l'image de dépasser du cadre lors du zoom */
	cursor: default;
}

/* Mode Zoom activé */
#modal-body .relative.zoom-active {
	cursor: zoom-in;
}

/* L'image à l'intérieur du conteneur actif */
#modal-body .relative.zoom-active img {
	transition: transform 0.3s ease;
	transform-origin: center; /* Zoom vers le centre */
}

/* Effet au survol */
#modal-body .relative.zoom-active:hover img {
	transform: scale(1.5); /* Grossissement de 50% */
}





/************************************************ GALERIE - Page */
body.page-template-wall-page{}
body.page-template-wall-page section#landing{
	text-align: center;
	padding: 2em 0;
}

body.page-template-wall-page h1{font-weight: 200;}

/************************************************ CART */
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button
{
	background-color: #737c7d;
	color: #fff;
	display: block;
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.25em;
	padding: 1em;
}


/************************************************ Responsive */
.mobile{display:none}
header.mobile {
	background: var(--bg-light-gray);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
}
> div > div.site-branding.col-3 {
	text-align: center;
}

header.mobile img {
	max-width: 220px;
}

header.mobile .col-3.touch a {
	padding: 0 1em;
}

@media screen and (max-width: 320px) {} /* max-width: 320px */
@media screen and (max-width: 480px) {} /* max-width: 480px */
@media screen and (max-width: 1024px) {  } /* max-width: 1024px */
@media screen and (max-width: 1440px) {} /* max-width: 1440px */

@media screen and (max-width: 1280px) {
	header.desktop .col-3{width: inherit}
	body.page-template-home-page #landing > div > div:nth-child(2){max-width:inherit}
	#landing > div > div:nth-child(2) > p.bold,
	#landing > div > div:nth-child(2) > legend {
		text-align: right;
		width: 100%;
	}
	#landing > div > div:nth-child(2) hr,
	#landing > div > div:nth-child(2) > h3,
	#landing > div > div:nth-child(2) > p:nth-child(6){
		display: none;
	}
} /* max-width: 1280px */

@media screen and (max-width: 1024px) {
	.desktop{display:none}	
	.mobile{display:inherit}
	.col-2,.col-3{width:100%}

	.content-container-small,
	.content-container,
	.container{padding: 0 2em}

	/************ HEADER */
	header.desktop .col-3{ width: 33.33333333333333% }
	header.desktop .col-3:nth-child(2){ text-align: center; }

	/************HOMAPAGE*/
	#landing .flex:has(.col-2) {
		display: flex;
		flex-direction: column-reverse;
	}
	footer#colophon .flex {
		align-items: flex-start;
		flex-direction: column;
		justify-content: space-between;
		gap: 20px;
	}

} /* max-width: 1024px */

@media screen and (max-width: 600px) {
	#propal > div:nth-child(2){
		display: block;
	}

	#story > div > div {display: block;}
	#story > div > div > div:nth-child(1) {text-align: center;
	padding: 1em;
}

#cadres div.cadres.flex > div {
	width: calc(50% - 12px);
}
#propal > div:nth-child(3) {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#propal > div:nth-child(3) > div:nth-child(2) {
	width: 100%;
}
#propal > div:nth-child(3) > div:nth-child(1) {
	width: 70%;
	padding-top: 2em;
	margin-bottom: 2em;
}

body.home #primary > section:nth-child(6) div.flex {
	display: flex;
	flex-direction: column;
}

body.home section#cadres {
	padding: 3em 0 0em 0;
}

body.page-template-home-page #instructions div.flex {
	flex-wrap: nowrap;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

} /* max-width: 600px */

/**********menu mobile*/
@media screen and (max-width:1024px){
	body{padding-top:3em}
	header.mobile{
		z-index: 100000;
	}
	body.home #story > div > div > div:nth-child(1) {
		padding-right: 1em;
	}

	/****** Galerie*/


}/********max-width:1024px*/

/************** Page Galerie - Responsive*/
@media screen and (max-width:960px){
	div#filters {
		display: none;
	}
	div#product-feed div.flex {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding-top: 2em;
	}

	div#product-feed .product .relative{width:100%}


}/********max-width:960px*/

@media screen and (min-width: 1024px) {
	#menu-user-mobile{ display: none; }
	.product-title-1024{ display: none; }
}/*min-width: 1024px*/

@media screen and (max-width: 1024px) {
	/********************** MENU MOBILE */
	header.mobile .material-symbols-outlined {
		font-size: 50px;
	}
	header.mobile .site-branding.col-3{
		text-align: center;
	}

	div#menu-mobile span.material-symbols-outlined {
		color: #fff;
		font-size: 50px;
	}

	/*** Animation JS app.js*/
	header.mobile .container.col-full.flex {
		padding: 0;
		transition: padding 0.4s ease;
	}

	body.at-top header.mobile .container.col-full.flex {
		padding: 1em 0;
	}
	/********************** MENU USER MOBILE */
	#menu-user-mobile nav.flex {
		position: fixed;
		bottom: 0;
		z-index: 99999;
		background: #f0f0ed;
		padding: 1em 10px .8em;
		width: 100%;
		font-size: 1em;
		display: flex;
		justify-content: space-around;
		flex-direction: row;
	}
	#menu-user-mobile .material-symbols-outlined{
		font-size: 50px;
	}
	/**************************************** PAGE GALERIE DARK*/
	
	body.page-template-galerie-page,
	body.page-template-wall-page {
		background: #191919;
	}

	body.page-template-galerie-page p a,
	body.page-template-wall-page p a,
	body.page-template-galerie-page p,
	body.page-template-wall-page p{
		color: #fff;
	}

	/*BACKGROUND*/
	body.page-template-galerie-page main#primary,
	body.page-template-galerie-page .bg-gray,
	body.page-template-galerie-page header.mobile .material-symbols-outlined,
	body.page-template-galerie-page span.icon,
	body.page-template-galerie-page header.mobile,
	body.page-template-galerie-page #menu-user-mobile nav.flex,
	body.page-template-galerie-page #menu-user-mobile nav.flex a,
	body.page-template-galerie-page header.mobile .container.col-full.flex,
	body.page-template-wall-page main#primary,
	body.page-template-wall-page .bg-gray,
	body.page-template-wall-page header.mobile .material-symbols-outlined,
	body.page-template-wall-page span.icon,
	body.page-template-wall-page header.mobile,
	body.page-template-wall-page #menu-user-mobile nav.flex,
	body.page-template-wall-page #menu-user-mobile nav.flex a,
	body.page-template-wall-page header.mobile .container.col-full.flex{
		background: #191919;
		color: #fff;
	}

	body.page-template-galerie-page #logo,
	body.page-template-wall-page #logo
	{filter: invert(1); }

	/** PRODUCT FEED*/
	#product-feed{ position:relative }
	#product-feed .product-title {
		display: none!important;
	}

	#product-feed .product {
		display: flex;
		flex-direction: row-reverse;
	}

	#product-feed .items {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100%;
		justify-content: flex-start;
	}
	
	#product-feed .items a {
		padding: 1em;
	}

	#product-feed .items a .icon.material-symbols-outlined {
		font-size: 40px;
		color: #b2b2b2;
	}

	#product-feed > div.flex > div > div.flex{ 
		display: flex;
		align-items: center;
		justify-content: space-around;
		padding: 0;
		position: relative;
	}

	#product-feed .product {padding-bottom: 3em;}
	#product-feed .product-title-1024 {
		position: absolute;
		bottom: -1.5em;
		right: 0;
		color: #B2B2B2;
		font-size: 1.2em;
	}	

	/*PREVIEW #product-modal*/
	#product-modal .close-btn {
		position: absolute;
		top: 20px;
		right: 0;
		font-size: 2em;
	}
	.modal-overlay{background: #000}
	div#modal-body .product-title-1024 {display: none;}
	div#modal-body .items span.icon{font-size:40px; margin-right: 20px;background: #000;}
	div#modal-body .product-title{font-size: 1.2em; color: #F1F1F1}
	div#product-modal div.modal-nav span.icon{font-size:2em}

	div#wall-notifier {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		padding-top: 30%;
		transform: inherit;
		bottom: 0;

		z-index: 99999999;
		background: #3f5e63!important;
	}

	div#wall-notifier span.icon{font-size: 4em; color:#fff; background: none;}
	div#wall-notifier p{color:#fff;}

} /* max-width: 1024px */



/********* WOO STYLE*/
.woocommerce-info, .woocommerce-info::before,
.woocommerce-message::before, .woocommerce-message {
	border-top-color: #3b3b3b;
	color: #3b3b3b;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background-color: #f8f8f5;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
	background: #737c7d;
	color: #F1F1F1 !important;
	min-width: 200px;
	padding-right: 30px;
	position: relative;
	font-weight: 500;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
	background-color: #737c7d69!important;
}