/*
Theme Name: Cocoon'Age
Description: Theme enfant de EnvoThemes
Author: emma.satti
Author URI: https://emmasatti.fr/
Version: 2606
Template: envo-online-store
*/

/*-----------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Parisienne&display=swap');

:root {
    --primary:     #4c2a0b;
    --secondary:   #1c696e;
    --beige:       #f0e8d8;
	--texte:       #866346;
    --awf:         #fff;
	--menu:        #fff;
	--menuhover:   #4c2a0b;

    --h1color:     #4c2a0b;
    --h2color:     #4c2a0b;
    --h3color:     #866346;
    
    --link:        #4c2a0b;
    --linkh:       #1c696e;
    
    --puces:       #1c696e;
        
    --blockqbckg:  #ccb093;
    --blockqcolor: #fff;
        
    --hr:          #ccb093;
    
    --formborder:  #ccb093;
    --formbckg:    #fff;
	
    --footbckg:    #ccb093;
    --foottxt:     #fff;
    
    --width:       1300px;   
}

/*-----------------------------------------------------
# Typography
-----------------------------------------------------*/
body,
button,
input,
select,
textarea,
.entry-content .ea-bootstrap {
	font-family: 'Lora', serif;
    font-style: italic;
	font-size: 18px;
	font-weight: 400;
	color: var(--texte);
	line-height: 1.5em;
}

h1, h2, h3, h4 {
    font-style: normal;
	font-weight: 400;
	line-height: 1em;
}

h1 {
	font-size: 48px;
	color: var(--h1color);
    text-align: center;
	margin: 0 0 15px 0;
}
@media screen and (max-width: 400px) {
h1 { font-size: 36px }
}
.entry-title { display: none !important }

h2 {
	color: var(--h2color);
	font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
	margin: 0 0 15px 0 ;
}
.policonf h2 { font-size: 23px; margin: 15px 0; border-bottom: 1px solid var(--primary) }

h3 {
    display: inline-block;
	color: var(--h3color);
	font-size: 24px;
    margin: 0 0 10px 0 ;
    padding: 0 0 10px 0 !important;
}

h4 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px;
    font-weight: 300;
    margin: 0 0 10px 0 ;
}

#site-content p {
	margin: 0 0 10px 0;
	/*text-align: justify;*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
em,
i {
	font-style: italic;
}

blockquote {
	background-color: var(--blockqbckg);
    color: var(--blockqcolor);
    font-weight: 400;
	margin: 0 0 10px 0;
	padding: 15px 15px 10px 15px;
}
blockquote p:last-child { margin: 0 }

address {
	margin: 0 0 1.5em;
}

.elementor-heading-title { line-height: 1.2em !important }

#order_comments_field, #order_review_heading { margin-top: 21px }

/* liens */
#site-content p a,
#site-content li a,
#site-content .ea-bootstrap a,
.posted_in a, .mini_cart_item a, .cart_item a {
	position: relative;
	color: var(--link);
	text-decoration: none;
	font-weight: bolder;
    border-bottom: 1px dotted #888;
}
#site-content p a:hover,
#site-content li a:hover,
#site-content .ea-bootstrap a:hover {
	color: var(--linkh);
    border-bottom: 1px dotted var(--linkh);
}

/* mod : listes à puces */
/*#site-content ul:not(.woocommerce-MyAccount-navigation ul):not(.woocommerce-shipping-methods),
#site-content ol*/
.puce ul, .woocommerce-Tabs-panel ul {
    padding-left: 15px;
    text-indent: -15px;
	margin: 0 0 10px 0;
}

/*#site-content li*/
.puce li, .woocommerce-Tabs-panel li {
	margin: 0 0 7px 0;
	list-style: none;
	padding: 0;
}
/*#site-content li:not([role="presentation"]):not(.product):not(.woocommerce-MyAccount-navigation-link)::before*/
.puce li:before, .woocommerce-Tabs-panel li:before {
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	background: var(--puces);
	margin-right: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* BOUTONS ELEMENTOR */
#site-content .elementor-editor-element-settings li { background: none; margin: 0; padding: 0 }

/* mod */
strong { font-weight: 500 }

/* mod : page générale */
.main-container {
    margin-top: -40px;
    background: none;
}
.navbar-nav li.fa {
    display: block;
    position: relative;
}

.elementor hr {
	margin: 15px 0 !important;
	border-top: 1px solid var(--primary);
}

/* mod: fond menu */
#site-navigation {
	background-color: transparent !important;
	background-color: black;
}
/* mod : menu */
#site-navigation .container {
	width: 100%;
	padding: 0;
}

.container {
    width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}

/* mod */
.float-cart .amount-cart {
	display: block;
	background: transparent;
	color: #666;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	margin-top: 5px;
}
.float-cart .amount-cart:before {
	display: none;
}
/* mod : bouton flottants */
.header-my-account.float-login a, .header-wishlist.float-wishlist a {
	position: fixed;
	right: 6px;
	z-index: 997;
	animation: showup 1s;
	left: auto;
	float: none;
	padding: 0;
	background: #fff;
	text-align: center;
	color: #252424 !important;
	border: none;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(0,0,0,0.17);
	width: 60px;
	height: 60px;
	line-height: 60px;
}
[data-tooltip]:before { padding: 5px; font-size: 11px }

.header-wishlist.float-wishlist {
	top: 320px;
	position: fixed;
	z-index: 997;
}
.header-my-account.float-login {
	top: 220px;
	position: fixed;
	z-index: 997;
}
.dropdown-menu {
	display: block;
	opacity: 0;
}
.site-branding-logo, .site-branding-text {
	float: left;
	margin-right: 10px;
}

/* mod header icons */
.header-icons {
    position: relative;
    float: right;
    display: block;
    top: 13px;
    left: auto;
    margin-top: 0;
    padding: 2px;
    margin-right: 0;
    line-height: initial;
}
.header-icons i {
    margin-right: 0;
    font-size: 26px;
}

/* BOUTONS MENUS */
.navbar-default .navbar-nav > li > a {
    border-bottom: 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    max-height: 40px;
    color: #000;
	text-transform: lowercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #1c91c8;
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:after {
    content: "|";
    padding: 0 5px;
    color: #1c91c8;
}

/* mod */
article {
    clear: none;
    margin-bottom: 30px;
    width: 100% !important;
}
article:nth-of-type(2n-1) {
    clear: left;
}

/* mod label */
label {
    text-align: left;
    font-weight: 500;
}
input, textarea {
    background-color: #fff;
    padding: 8px;
    color: #464a4c;
    border-radius: 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
}
.radio, .checkbox {
    display: inline-block;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin-left: 0;
}
select {
    max-width: 100%;
    padding: 5px;
    color: #484848;
}

/* mod */
.single-content { padding: 0 }

.page-area {  padding: 0 }

/* mod */
.widget ul li {
    margin: 4px 0px 0px;
    padding: 0px 0px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	text-align: left;
}

.main-menu { margin: 0 0 -90px 0 }

.woo-head-icons {
	position: absolute;
	top: 5px;
	right: 50px !important;
}
@media screen and (max-width: 830px) {
.woo-head-icons { top: 0; right: 10px !important; width: 140px }
}

/* Search styling */
/* mod */
.header-search-form {
    position: relative;
    display: inline-block;
    width: 100%;
	top: 10px;
    border: 1px solid;
    border-color: var(--gris);
    border-radius: 5px;
    height: 40px;
    background-color: #fff;
    padding-right: 58px;
    z-index: 99;
}
/* mod */
input.header-search-input {
    width: 100%;
    display: inline-block;
    border: none;
    float: left;
    height: 40px;
    border-radius: 0;
    right: 0px;
    position: relative;
    background-color: transparent;
    padding-left: 15px;
}
/* mod*/
button.header-search-button {
    border: none;
    color: inherit;
    position: absolute;
    right: 0;
    padding: 0 12px;
    font-size: 22px;
    height: 38px;
    line-height: 38px;
    background-color: var(--primary);
    top: 0;
    border-radius: 0 5px 5px 0;
    width: 48px;
}
button.header-search-button .fa {
    font-family: "Line Awesome Free" !important;
    font-weight: initial !important;
}
/* mod : mini-cart */
.header-cart-block:hover ul.site-header-cart, .product-added-to-cart .header-cart-block ul.site-header-cart {
	min-width: 270px;
	max-width: 400px;
}
@media screen and (max-width: 700px) {
.header-cart-block:hover ul.site-header-cart, .product-added-to-cart .header-cart-block ul.site-header-cart { left: -20px }
}
.woocommerce a.added_to_cart {
	padding-top: 0;
	display: block;
}

/* Comments */
.comment-form #comment {
    width: 100%;
}

/* Woo catégories */
#site-content .products li, #site-content .flex-control-nav li, #site-content .flex-control-thumbs li { 
    margin: 0;
    padding: 25px 20px;
    background-image: none
}
.product-category li:last-child { clear: right }

.woocommerce ul.products li.product.product-category a:hover img { border: none }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { position: initial } /* blocs qui n'étaient pas accessibles */

/* Woo pagination */
.woocommerce nav.woocommerce-pagination ul { border: none }
.woocommerce nav.woocommerce-pagination ul li { border: none }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	width: 30px;
	line-height: 30px;
	margin: 5px;
	padding: 0;
	background: var(--primary);
	border-radius: 14px;
	text-align: center;
	text-indent: 0;
	font-size: 15px;
	color: #fff
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover {
	background: var(--primary);
	color: #fff
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #000;
	color: #fff;
}

#site-content .woocommerce-pagination li:before { content: none; margin: 0 }

/* mod button */
button, a.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.elementor-button-wrapper .elementor-button,
.woocommerce ul.products li.product .button,
.woocommerce a.wc-forward,
.woocommerce button,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce .edit,
.woocommerce .single_add_to_cart_button,
.woocommerce a.checkout-button,
a.wc-block-components-button {
	border: none;
	background: var(--primary);
	color: #FFF !important;
    font-family: 'Cinzel', serif;
    font-style: normal;
	font-weight: 400;
	font-size: 15px;
    letter-spacing: 0.05em;
    margin: 0 5px;
	padding: 0 10px;
    line-height: 30px;
	text-decoration: none !important;
}

button:hover, a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.elementor-button-wrapper .elementor-button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce a.wc-forward:hover,
.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
a.wc-block-components-button:hover,
#site-content a.wc-forward:hover {
		background: var(--secondary)
}

/* mod */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    width: 100%;
    font-size: 16px !important;
	color: var(--texte);
	border: 1px solid var(--formborder);
    background: var(--formbckg);
	padding: 5px;
}
button#place_order {
    float: none;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 19px;
    border-radius: 10px;
	text-transform: uppercase;
}
/* mod taille texte sous photo catalogue */

#site-content ul.products { padding-left: 0 !important; text-indent: 0 !important }
@media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { clear: none }
}
#site-content .woocommerce li { margin: 0 }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 18px;
	font-weight: 400;
	color: var(--texte);
    padding: 0 0 10px 0 !important;
}
@media screen and (max-width: 560px) {
.woocommerce ul.products li.product { font-size: 14px }
}

.woocommerce ul.products li a { border-bottom: none !important }

/* mod : hauteur ligne sous photo catalogue */
h2.woocommerce-loop-product__title { height: 75px; line-height: 26px !important } 

/* mod : texte catégorie */
.term-description { color: var(--text); margin: 30px 0;/* padding-left: 24px; border-left: solid 6px var(--primary)*/}
.term-description strong { font-weight: 600 }

/* mod : taille texte nombre produits */
.woocommerce-result-count { font-size: 0.8em; font-weight: 500; color: #aaa }

/* mod */
.woocommerce-cart-form .coupon #coupon_code {
    width: 100%;
	vertical-align: middle;
}

/* mod : onglets personnalisés */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #484848;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
}

/* account */
.woocommerce-MyAccount-navigation li {
    list-style-type: none;
    border: 1px solid #e4e4e4;
    margin-bottom: -1px !important;
    padding: 10px !important;
    font-family: 'Cinzel', serif;
    font-style: normal;
}
.woocommerce-MyAccount-navigation li a {
	font-weight: 400;
    border-bottom: none !important;
}
.woocommerce-MyAccount-navigation li.is-active {
    font-weight: 450 !important;
}

/* mod : icones */
a.cart-contents i, .header-my-account a, .header-wishlist a, .header-compare a, .header-search a {
    color: var(--menu);
    position: relative;
}
a.cart-contents i:hover, .header-my-account a:hover, .header-wishlist a:hover, .header-compare a:hover, .header-search a:hover {
    color: var(--menuhover);
}
/* étiquette caddie */
.amount-cart {
    color: #fff;
    background: var(--primary);
    position: relative;
    font-size: 13px;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 10px;
    bottom: 3px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.5;
}
.amount-cart:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 7px solid var(--primary);
    top: calc(50% - 5px);
    right: 100%;
}
.cart-contents span.count {
    font-size: 11px;
    padding: 0px;
    color: #fff;
    font-weight: 700;
    background-color: var(--primary);
    border-radius: 15px;
    line-height: 18px;
    margin: 0;
    position: absolute;
    top: -10px;
    right: -11px;
    font-style: initial;
    height: 20px;
    min-width: 20px;
    text-align: center;
	border: 1px solid transparent;
}
ul.site-header-cart {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 50;
}
.woocommerce-cart ul.site-header-cart,
.woocommerce-checkout ul.site-header-cart {
    display: none !important;
}

/* mod*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li {
    border: none;
}

/* mod */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 3px solid var(--secondary);
}
/* mod */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    min-width: 100px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    border-radius: 0;
}
/* mod */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
    border-bottom: 3px solid var(--primary);
    color: #484848;
}
/* mod*/ 
.single-product div.product form.cart .plus,
.single-product div.product form.cart .minus {
    float: left;
    margin: 0;
    display: inline-block;
    padding: 0;
    border-radius: 50%;
	width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
	font-weight: 800;
}
.single-product div.product form.cart .plus:hover,
.single-product div.product form.cart .minus:hover {
	background: #000;
	color: #fff;
}

/* mod : bouton quantité */
.woocommerce .quantity .qty {
    border: none;
	margin: 0 3px;
    padding: 0;
    height: 26px;
    line-height: 30px;
    font-size: 18px;
	font-weight: 600;
    border-radius: 0;
    width: 2.7em;
}

/* mod */
.woocommerce div.product .woocommerce-tabs h2:first-child {
    display: none;
}
.product_meta {
    clear: both;
    font-size: 14px;
    /*border-bottom: 1px solid #eaeaea;*/
	border-bottom: none;
    padding: 20px 0;
    margin-top: 0;
}
.sku_wrapper { color: #aaa }
.woocommerce div.product form.cart {
    padding: 0 0 20px 0;
    border-top: none;
	border-bottom: none;
    margin-top: 20px;
    border-color: #eaeaea;
    margin-bottom: 0;
}
/* mod : titre produit fiche */
.woocommerce div.product .product_title,
.woocommerce-products-header h1 {
    padding: 0;
    margin: 40px 0 15px;
    border-bottom: none;
}

/* mod: largeur onglets */
/*.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
	clear: both;
}*/

section.related.products, .up-sells.upsells.products {
    clear: both;
}
section.related.products ul.products, .up-sells.upsells.products ul.products {
    margin-top: 30px;
}
.woocommerce span.onsale {
    background-color: var(--secondary);
    color: #fff;
    line-height: 1.4;
    min-height: 1.4em;
    border-radius: 0;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: 600;
}

/* mod : affichage nom produit */
.product h1 {
    text-align: center;
    font-size: 40px;
}
.product h1:before, .product h1:after {
    content: '';
    margin: 0;
}

/* mod : affichage prix */
.woocommerce ul.products li.product .price {
	font-size: 1.1em;
	font-weight: 400;
	color: var(--primary);
    margin-bottom: 10px !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	display: block;
	color: var(--primary);
	margin: 0 0 10px 0;
	width: 100%;
	text-align: center !important;
}
.single-product p.price {
	display: block;
	margin: 0 0 10px 0;
	font-size: 1.2em;
    font-weight: bold;
    color: var(--primary) !important;
}

.woocommerce div.product .woocommerce-variation-price span.price { text-align: left; margin: 0 0 30px 0 }
.woocommerce div.product section.related span.price {
	display: block;
	background: none;
	color: var(--primary) !important;
	margin: 0;
	padding: 0;
	border-radius: 0;
}

.woocommerce-product-details__short-description { margin-top: 30px }

p.woocommerce-mini-cart__buttons.buttons {
    text-align: center;
}
.woocommerce div.product form.cart .variations select {
    min-width: 70%;
}

.woocommerce ul.products li.product.product-category {
	width: 21%;
	margin: 0 20px !important;
}

.woocommerce ul.products li.product.product-category img:hover, .woocommerce ul.products li.product a img:hover, .product-category img:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) }

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: transparent;
	color: var(--primary);
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 60px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #1bd8cf;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 2px;
    height: 4px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: transparent;
    border: 1px solid;
    height: 10px;
}
.woocommerce .widget ul.woocommerce-widget-layered-nav-list li,
.woocommerce .widget_layered_nav_filters ul li {
    border: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(235, 233, 235, 0.46);
}

/* mod : icone sur message */
.woocommerce-message::before { color: #fff }

/* mod : barre message */
.woocommerce-message { border-top-color: none }
ul.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 1em 2em 1em 3.5em !important;
	margin: 0 auto 2em auto;
	position: relative;
	background-color: var(--primary25);
	color: #000;
	border-top: none;
	list-style: none outside;
	max-width: var(--width);
	word-wrap: break-word;
	border-radius: 5px;
	z-index: 200;
}
.woocommerce-info a { color: #fff }
.woocommerce-info a:hover { color: var(--primary) }
.woocommerce-message::before, .woocommerce-error::before { color: var(--primary) }
/* mod */
.breadcrumbs {
    position: relative;
	top: 10px;
	left: 0;
	width:80%;
	max-width: var(--width);
	margin: 30px auto -20px auto !important;
    font-size: 0.75em;
    font-weight: 300;
	z-index: 100;
}
.breadcrumbs a {
text-decoration: underline;
color: var(--primary);
}
.breadcrumbs a:hover {
color: var(--primary);
}

.type-post { max-width: var(--width); margin: auto }

.author-meta, .content-date-comments { display: none }

.news-thumb { border-radius: 50% }

/*-------------------------------------------------------*/
/* mod */
/*-------------------------------------------------------*/
.cli_messagebar_head { font-size: 20px !important; font-weight: 700; color: #e94e1b }

/*-------------------------------------------------------*/
/* boutons Elementor */
a.elementor-button.elementor-size-md { font-size: 18px; text-transform: uppercase; padding: 5px 15px }
.elementor-element.elementor-button-warning .elementor-button:hover { background-color: var(--primary) }

/*-------------------------------------------------------*/
/* gallerie photos */
.gallery img { border: 2px solid #fff !important }
.gallery li { margin: 0 !important }

/*-------------------------------------------------------*/
[data-tooltip]:before { z-index: 99999; }

/*-------------------------------------------------------*/
/* barre notif boutique démo */
.woocommerce-store-notice, p.demo_store { position: relative }

/*-------------------------------------------------------*/
/* .woocommerce .woocommerce-result-count { display: none } nombre de produits dans page catégorie */
.woocommerce div.product /*, article.col-md-12*/ { /* largeur pages boutique */
	width: calc(100% - 60px) !important;
	max-width: var(--width);
	margin: 30px auto !important;
}
@media screen and (max-width: 780px) {
	/*.woocommerce div.product { width: 100% !important }*/
}

/* boutons désactivés - mod */
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	padding: 0 15px;
}

/* marge dans mini shopping cart */
.widget_shopping_cart { margin: 15px 10px -10px 10px }

/* vignettes page produit */
.woocommerce div.product div.images .flex-control-thumbs li {
	width: auto;
	margin: 5px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	width: 120px;
	opacity: 1;
	border: 1px solid #ccc;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
	opacity: 0.5;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}

.woocommerce div.product .stock { display: none }

@media screen and (max-width: 560px) {
.woocommerce div.product div.images .flex-control-thumbs { zoom: 0.8 }
}

/* menu déroulant */
li.menu-item-has-children>a:before { content: ""; margin-left: 0 }
.variations tr { padding: 3px 0 }
.variations th.label { /*width: 0; display: none*/ margin-bottom: 0 }
/*.woocommerce div.product form.cart .variations th { vertical-align: middle }*/

.variations select {
	width: 100%;
	max-width: 250px;
	color: var(--text);
	border: solid 1px #999;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	background: #fff url("img/arrow-down.png") no-repeat right 0 center;
	padding: 7px 30px 7px 8px;
	border-radius: 0;
}


.woocommerce div.product .woocommerce-tabs .panel { margin-top: 30px }

/* notation */
.stars a { color: gold }

/*------------------------------------------------------------*/
/* état stock */
.woocommerce div.product p.stock { font-weight: 600; font-size: 17px }
.available-on-backorder { font-weight: 600; font-size: 17px }

/*------------------------------------------------------------*/
/* pavé alertes */
#site-content .wc-block-components-notice-banner.is-info,
#site-content .wc-block-components-notice-banner.is-success {
	margin-top: 20px;
	border-color: var(--primary);
	color: var(--primary);
	background-color: var((--primary)15);
}
#site-content .wc-block-components-notice-banner.is-info>svg,
#site-content .wc-block-components-notice-banner.is-success>svg {
	background-color: var(--primary);
}
/*#site-content a.wc-forward {
	color: var(--primary) !important;
}
#site-content a.wc-forward:hover {
	font-weight: 600;
	background: var((--primary)15) !important;
}*/

/*------------------------------------------------------------*/
/* panier */
.freeship { background: var(--freeship); color: var(--primary); font-weight: 600; text-align: center !important }
.wc-block-components-product-name { font-weight: 600; color: var(--primary); text-transform: uppercase } /* titre produit */
.wc-block-components-product-name:hover { color: var(--secondary) }
.cart_item .product-name { font-weight: 600 }
.woocommerce-Price-amount { font-weight: 600 } /* prix */
.woocommerce-info::before { color: var(--primary) } /* icone info */
.woocommerce-info a { color: #fff; font-weight: 600 }
.woocommerce-info a:hover { color: var(--primary) }
.cart_totals td { text-align: right; margin-right: 20px }

.woocommerce a.remove { color: var(--primary) !important }
.woocommerce a.remove:hover { background: var(--primary) }
.woocommerce a.restore-item, .woocommerce a.showcoupon { color: #fff; font-weight: 500 }

.woocommerce-cart-form .coupon { width: 100%; max-width: 550px } /* bloc coupon */
@media screen and (min-width: 800px) {
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 35% }
}
.order-total, .wc-block-components-totals-footer-item { color: var(--primary); font-weight: 700; font-size: 1.3em }
.order-total .woocommerce-Price-amount {color: var(--primary); font-weight: 700 } /* total */

.wc-proceed-to-checkout .checkout-button { font-size: 1.3em !important }

/*.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
	width: 100%;
	max-width: 240px;
	line-height: 30px;
	vertical-align: middle;
}*/

.woocommerce-checkout-review-order-table .cart_item { font-weight: 300 !important }

@media screen and (max-width: 760px) {
.woocommerce-cart-form .coupon #coupon_code, .woocommerce-page table.cart td.actions .coupon .button { width: 100%; max-width: 100%; height: 38px }
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { content: attr(data-title) " : " }
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { width: 100% }
.woocommerce table.shop_table_responsive tr td.product-name { text-align: left !important }
td.product-quantity::before { width: calc(100% - 55px); text-align: left }
td.product-quantity input[type="number"] { width: 55px }
}

.woocommerce table.shop_table, .cart_totals table.shop_table { border: none }
.woocommerce .product-price, .woocommerce .product-quantity, .woocommerce .product-subtotal { text-align: center }
.product-quantity { width: 80px }

.woocommerce table.shop_table .woocommerce-Price-amount { font-size: inherit }
.woocommerce table.shop_table td {
	/*border-bottom: 1px solid rgba(0,0,0,.1);*/
	padding: 9px 12px;
	vertical-align: middle;
	line-height: 1.5em;
}
.woocommerce a.remove { color: var(--primary) !important }
.woocommerce a.remove:hover { background: var(--primary) }
.woocommerce a.restore-item, .woocommerce a.showcoupon { color: var(--primary); font-weight: 500 }

.woocommerce-shipping-destination { display: none } /* txt option expéd */
.woocommerce-shipping-calculator { text-align: left }

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 2px 10px }

/*------------------------------------------------------------*/
/* commande */
p.wc-block-components-checkout-order-summary__title-text { margin: 0 0 10px 20px !important }
.product-total, .cart-subtotal td, .shipping td, .order-total td { text-align: right; padding-right: 10px !important }
#site-content ul.woocommerce-shipping-methods { padding-left: 0; text-indent: -50px; text-align: left }
@media screen and (max-width: 800px) {
.remove:before { position: absolute; left: 40px; content: " supprimer"; font-size: 15px; margin-top: 5px }
.product-total, .cart-subtotal td, .shipping td, .order-total td { padding-right: 10px !important }
#site-content ul.woocommerce-shipping-methods { text-indent: -10px }
.woocommerce table.shop_table_responsive tr.shipping td::before { display: block; float:none; margin-bottom: 5px; text-align: left !important }
}

label[for=payment_method_stripe] { margin-left: 15px }
.woocommerce form .form-row, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form { padding: 0; margin: 0 }
#billing_country_field { margin: 15px 15px 10px 0; padding: 8px 8px 0 12px; background: var(--primary); color: #fff; border-radius: 10px }
#billing_country_field label { display: inline-block;margin-right: 8px }
#billing_country_field label:after { content: " : " }
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .form-row { margin: 0 }
.woocommerce-checkout #payment div.form-row { padding: 15px }

.wooccm-additional-fields { background: #fafafa; padding: 5px 0 0 10px; margin-bottom: 20px; border-left: 5px solid #f9ca63 } /* case à cocher CGV */

/*------------------------------------------------------------*/
/* chekout */
#site-content .woocommerce-order-overview li { margin: 20px }

/*------------------------------------------------------------
## WooCommerce
------------------------------------------------------------*/
/* étiquettes icones woo */
[data-tooltip]:before { bottom: 25px }
[data-tooltip]:after { display: none }
@media screen and (max-width: 830px) {
[data-tooltip]:before { bottom: -35px }
}

/* Produits accueil */
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
	width: 33,33%;
	padding: 0 20px;
}

/* boutique*/
.woocommerce .count { display: none }
.woocommerce .woocommerce-notices-wrapper ul, .woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0 !important;
	text-indent: 0 !important;
	margin: 0 !important
}
@media screen and (max-width: 830px) {
}
.woocommerce ul.products li.product.product-category:before, .woocommerce-page ul.products li.product:before, .woocommerce-shipping-methods li:before, .woocommerce div.product div.images .flex-control-thumbs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:before,
.woocommerce ul.products li:before, .flex-control-thumbs li:before, .woocommerce-notices-wrapper li:before { content:"" !important }

.woocommerce-products-header, .products, .woocommerce-notices-wrapper { width: calc(100% - 60px); max-width: var(--width); margin: auto !important }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { display: none; margin: 0 calc((100% - var(--width))/2) }

/*@media screen and (max-width: var(--width)) {
	.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin: 0 40px }
}
@media screen and (max-width: 600px) {
	.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { float: none; text-align: center; }
}*/

/* mod */
.woocommerce-shipping-methods label { display: none }

.woocommerce-page ul.products li.product { position: relative; width: 25%; padding: 15px }
@media screen and (max-width: 760px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 50% }
}
@media screen and (max-width: 560px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100% }
}

.woocommerce ul.products li.product a img, .woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce-product-gallery__wrapper div { }
.woocommerce div.product div.images .flex-control-thumbs li { margin: 3px; }
.woocommerce ul.products li.product .price { margin: 0 }
.woocommerce ul.products li.product .woocommerce-loop-product__title { height: 50px; border-bottom: none }
@media screen and (max-width: 600px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title { height: auto; margin-top: 15px !important; padding: 0 }
}

/*------------------------------------------------------------*/ 

.woocommerce div.product .woocommerce-tabs ul.tabs li { width: 32% !important; padding: 0; text-align: center }
/* onglets */
#site-content .wc-tabs ul {
    padding: 0;
    text-indent: 0;
    margin: 0;
}
#site-content .wc-tabs li a {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    font-style: normal;
	font-weight: 400;
	line-height: 1em;
    border-bottom: none;
}
/*#site-content .wc-tabs li { width: calc(14% - 4px) !important; margin: 0; font-size: 0.8em }*/

@media screen and (max-width: 800px) {
	#site-content .wc-tabs li { width: 31% !important }
	.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 5px }
}
@media screen and (max-width: 660px) {
	#site-content .wc-tabs li { width: 48% !important }
}
@media screen and (max-width: 450px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: none }
	#site-content .wc-tabs li { display: table; width: 45% !important; background: var(--primary); border-radius: 5px; height: 70px; margin: 5px; padding: 0; float: left }
	#site-content .wc-tabs li a { display: table-cell; color:#fff; vertical-align: middle }
	.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a { border-bottom: none }
}

.woocommerce .related { padding-top: 20px; border-top: 1px solid #ccc }
.woocommerce div.product form.cart { margin: 20px 0 }
/* catégories et étiquettes */
.woocommerce .posted_in, .tagged_as { display: block; font-size: 0.9em; font-style: italic; line-height: 1.2em }
/*.posted_in { display: none } /* catégorie sur fiche */

/*-------------------------------------------------------*/
/* SOULD OUT
/*-------------------------------------------------------*/
.soldoutcat, .soldoutprod {
	width: 130px;
	padding: 3px 12px;
	text-align: center;
	background: var(--primary);
	color: white;
	font-weight: bold;
	font-size: 12px;
	border-radius: 15px;
}
.soldoutcat {
	position: absolute;
	top: 60px;
	right: 15px;
}
.soldoutprod { 
	display: block;
	margin: auto;
}

/*------------------------------------------------------------*/
/* Elementor
/*------------------------------------------------------------*/
.elementor-image-carousel-caption {
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
}

/*------------------------------------------------------------*/
/* Contact Form 7
/*------------------------------------------------------------*/
.wpcf7 p { margin: 0 0 15px 0; font-weight: 400 }
.wpcf7-list-item { margin: 0 0 10px 0 }
.wpcf7-textarea { height: 120px }
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--primary);
	background: var(--primary);
	color: #fff;
}


/*------------------------------------------------------------*/
/* fiche produit
/*------------------------------------------------------------*/
.woocommerce ul.products li.product .custom-product-price {
    font-weight: bold;
    color: var(--primary);
}
.single-product .price {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 1.2em;
    font-weight: bold;
    color: var(--primary) !important;
    text-align: center;
}
.woocommerce-Price-amount { visibility: visible !important }

.woocommerce table.cart img {
	height: 100px;
	width: auto;
}

.woocommerce form .form-row, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
	margin: 0 0 15px 0;
}

.woocommerce div.product form.cart .variations { width: auto }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: text-bottom }
.woocommerce div.product form.cart .variations th { padding-right: 15px }
.thwvsf-wrapper-ul .thwvsf-item-span.item-span-text { padding: 0 10px }


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #444 }

/*----------------------------------------------*/
/* Cookie Yes
/*----------------------------------------------*/
.cky-consent-container { width: 460px !important; border-left: 8px solid var(--secondary); box-shadow: 0 0 20px rgba(0,0,0,0.4) }

.cky-consent-container button.cky-btn-accept, .cky-consent-container button.cky-btn-reject, 
.cky-modal button.cky-btn-accept, .cky-modal button.cky-btn-reject, .cky-modal button.cky-btn-preferences { color: #fff !important; background-color: var(--secondary) !important }

.cky-consent-container button, .cky-prefrence-btn-wrapper button { border: 2px solid var(--secondary) !important; color: var(--secondary) !important }

.cky-consent-container a { color: var(--secondary) !important; text-decoration: none !important }
.cky-consent-container a:hover { color: var(--primary) !important; border-bottom-color: var(--primary) !important }

button.cky-accordion-btn:not(:hover):not(:active), button.cky-banner-btn-close:not(:hover):not(:active), button.cky-btn-revisit:not(:hover):not(:active), button.cky-btn-close:not(:hover):not(:active) { color: var(--secondary) !important }
button.cky-accordion-btn:hover:not(:active), button.cky-banner-btn-close:hover:not(:active), button.cky-btn-revisit:hover:not(:active), button.cky-btn-close:hover:not(:active) { color: #ccc !important }