/*
Theme Name: Elixir Alchimique (child thème de EOS)
Description: Theme enfant de EnvoThemes
Author: emma.satti
Author URI: https://emmasatti.fr/
Version: 0702241754
Template: envo-online-store
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Palanquin:wght@200;300;400;500&family=Cormorant:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');
@import url('styles-perso.css');

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

:root {
	--or: #92733d;
	--or75: #ad966e;
	--or50: #c8b99e;
	--or25: #e4dcce;
	--or15: #efeae2;
    --blanc: #fff;
	--h1: #000;
	--h2: #92733d;
	--h3: #92733d;
	--h4: #000;
	--h3hover: #ad966e;
	--text: #000;

}

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

/* FONTS */
body {
	min-height: 100vh;
	padding: 0;
    word-wrap: break-word;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: var(--text);
	line-height: 1.5em;
}
/* mod */
.row { margin: 0; padding: 0 }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0 }

#site-content {
	width: 100%;
	/*max-width: 1140px;*/
	margin: 0 auto 20px auto;
 }
.entry-footer {
	max-width: 1140px;
	margin: 0 auto 20px auto;
}

/* mod */
p {
	/*-webkit-hyphens: auto;
	hyphens: auto;*/
	margin: 0 0 14px 0
}

/* mod : couleurs liens */
a, a:active, a:focus {
	color: var(--or);
	/*font-weight: 500;*/
	text-decoration: none;
	/*border-bottom: 1px solid var(--or75);*/
}
a:hover { color: #888; /*border-bottom: none*/ }

a:focus, .dropdown-toggle:focus {
    /*outline: thin dotted;*/
}
/* mod : titres */
h1, .entry-title {
    font-family: 'Cinzel Decorative', cursive;
	font-family: 'Cinzel', serif;
	font-size: 36px;
	font-weight: 700;
	color: var(--h1);
	margin: 0 0 20px 0;
	text-align: center;
}
h1:before, h1:after { content: "•"; margin: 0 10px 0 0 }
h1:after { content: "•"; margin: 0 0 0 10px }
@media screen and (max-width: 460px) {
	h1, .entry-title { font-size: 26px }
}

h2 {
	font-family: 'Cinzel Decorative', cursive;
	font-family: 'Cinzel', serif;
	font-size: 30px;
	color: var(--or);
	font-weight: normal;
	margin: 0 0 15px 0;
}

h3, #order_comments_field label {
	font-family: 'Cormorant', serif;
	font-size: 30px;
	color: var(--h3);
	font-weight: 500;
	margin: 0 0 10px 0;
}

h4 {
	font-family: 'Cormorant', serif;
	font-size: 22px;
	color: var(--h4);
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

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

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

/* mod : listes à puces */
#site-content ul,
#site-content ol {
    padding-left: 20px;
    text-indent: -20px;
	margin: 0 0 10px 0;
}

/* puces */
#site-content li:before { content: "\273D"; color: var(--or); font-weight: normal; margin-right: 8px }
#site-content li li:before { content: "\25CF"; color: var(--or75) }

#site-content li {
	list-style: none;
	margin: 0 0 10px 0;
}

/* BOUTONS ELEMENTOR */
#site-content .elementor-editor-element-settings ul { padding-left: inherit; text-indent: inherit }
#site-content .elementor-editor-element-settings li:before { content: none; margin-right: 0 }

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

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

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

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

.container {
	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 var(--or50);
    -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 { /* cf styles perso */ }
.woo-head-icons {
	position: absolute;
	top: 25px;
	right: 50px !important;
}
@media screen and (max-width: 830px) {
.woo-head-icons { top: 10px; left: 43px !important; width: 140px; z-index: 100 }
}

/* 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(--or);
    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 */
.product-category li:last-child { clear: right }

.woocommerce ul.products li.product.product-category a img[alt*="Quint"] { border: 8px solid #a957aa }
.woocommerce ul.products li.product a img[alt*="quint"] { border: 4px solid #a957aa }

.woocommerce ul.products li.product.product-category a img[alt*="Gemmo"] { border: 8px solid #fed75b }
.woocommerce ul.products li.product a img[alt*="gemmo"] { border: 4px solid #fed75b }

.woocommerce ul.products li.product.product-category a img[alt*="Teint"] { border: 8px solid #d0d0d0 }
.woocommerce ul.products li.product a img[alt*="teint"] { border: 4px solid #d0d0d0 }

.woocommerce ul.products li.product.product-category a img[alt*="Fumig"] { border: 8px solid #8daf8f }
.woocommerce ul.products li.product a img[alt*="fumig"] { border: 4px solid #8daf8f }

.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(--or50);
	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(--or);
	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,
.obfx-grid-footer a,
.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,
#site-content a.wc-forward,
.term-description a {
	line-height: 30px;
	margin: 5px;
	padding: 0 15px ;
	border: none;
	border-radius: 10px;
	background: var(--or75) !important;
	font-size: 14px !important;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #FFF !important;
	text-align: center;
	text-indent: 0;
	text-decoration: none;
}
#site-content a.wc-forward { padding: 1px 10px !important }

button:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.elementor-button-wrapper .elementor-button:hover,
/*.woocommerce a.wc-forward:hover,*/
.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
#site-content a.wc-forward:hover,
.term-description a:hover {
	background: #000 !important;
	border: 0;
	text-decoration: none;
}

/* mod */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    background: #fafafa;
    padding: 7px 10px;
    color: #444;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
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 }
#site-content .woocommerce li { margin: 0 }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.3em }

.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 1.3em;
	color: var(--or);
}
@media screen and (max-width: 560px) {
.woocommerce ul.products li.product {
	font-size: 1.2em;
}
}

/* 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(--or50) }
.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;
}

/* 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(--menu2hover);
}
/* étiquette caddie */
.amount-cart {
    color: #fff;
    background: var(--or);
    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(--or);
    top: calc(50% - 5px);
    right: 100%;
}
.cart-contents span.count {
    font-size: 11px;
    padding: 0px;
    color: #fff;
    font-weight: 700;
    background-color: var(--or);
    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(--or);
    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 }
/* mod espace bouton quantités */
.woocommerce div.product form.cart {
    padding: 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 }

/* mod : affichage prix */
.woocommerce ul.products li.product .price {
	font-size: 1em;
	font-weight: 400;
	color: var(--or);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
	display: block;
	/*background: var(--or75);
	color: #fff !important;*/
	color: var(--or75);
	margin: 0 0 10px 0;
	/*padding: 5px 10px;
	border-radius: 10px;*/
	width: 100%;
	text-align: center;
}
.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(--or) !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(--or);
}
.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(--or25);
	color: #000;
	border-top: none;
	list-style: none outside;
	max-width: 1140px;
	word-wrap: break-word;
	border-radius: 5px;
	z-index: 200;
}
.woocommerce-info a { color: #fff }
.woocommerce-info a:hover { color: var(--or) }
.woocommerce-message::before, .woocommerce-error::before { color: var(--or) }
/* mod */
.breadcrumbs {
    position: relative;
	top: 0;
	left: 0;
	margin-bottom: -20px !important;
	width:80%;
	max-width:1140px;
	margin: auto;
    font-size: 0.75em;
    font-weight: 300;
	z-index: 100;
}
.breadcrumbs a {
text-decoration: underline;
color: var(--or);
}
.breadcrumbs a:hover {
color: var(--or);
}

.type-post { max-width: 1140px; 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(--or) }

/*-------------------------------------------------------*/
/* gallerie photos */
.gallery img { border: 2px solid #fff !important }
.gallery .gallery-item { 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: 1140px;
	margin: 110px auto 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 */
.variations th.label { width: 0; display: none }

.variations select {
	width: 100%;
	max-width: 250px;
	color: var(--text);
	border: solid 1px #999;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	-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(--or);
	color: var(--or);
	background-color: var(--or15);
}
#site-content .wc-block-components-notice-banner.is-info>svg,
#site-content .wc-block-components-notice-banner.is-success>svg {
	background-color: var(--or);
}
/*#site-content a.wc-forward {
	color: var(--or) !important;
}
#site-content a.wc-forward:hover {
	font-weight: 600;
	background: var(--or15) !important;
}*/

/*------------------------------------------------------------*/
/* panier */
.product-name { font-weight: 600 } /* titre produit */
.cart_item .product-name { font-weight: 600 }
.woocommerce-Price-amount { font-weight: 600 } /* prix */
.woocommerce-info::before { color: var(--or) } /* icone info */
.woocommerce-info a { color: #fff; font-weight: 600 }
.woocommerce-info a:hover { color: var(--or75) }
.cart_totals td { text-align: right; margin-right: 20px }

.woocommerce a.remove { color: var(--or) !important }
.woocommerce a.remove:hover { background: var(--or) }
.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 { background: var(--or); color: #fff; font-weight: 700; font-size: 1.3em }
.order-total .woocommerce-Price-amount {color: #fff; 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(--or) !important }
.woocommerce a.remove:hover { background: var(--or) }
.woocommerce a.restore-item, .woocommerce a.showcoupon { color: var(--or); 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 */
.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(--or); 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: 1140px; margin: auto !important }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { /*display: none*/; margin: 0 calc((100% - 1140px)/2) }

@media screen and (max-width: 1140px) {
	.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 { margin: 0; text-align: center } */

/* mod : vignette 1/2 cliquable */
@media only screen and (max-width: 760px) {
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) { clear: both !important }
}
.woocommerce ul.products li.product a img, .woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce-product-gallery__wrapper div { border-radius: 50% !important }
.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: 70px }
@media screen and (max-width: 760px) {
.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 }
/*@media screen and (max-width: 700px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li { width: 100% !important }
}*/
/* onglets */
#site-content .wc-tabs ul { padding: 0; text-indent: 0; margin: 0 }
#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(--or50); 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 }
/* mod : espace bouton panier */
.woocommerce div.product form.cart { margin: 30px 0 10px 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(--or75);
	color: white;
	font-weight: bold;
	font-size: 12px;
	border-radius: 15px;
}
.soldoutcat {
	position: absolute;
	top: 60px;
	right: 15px;
}
.soldoutprod { 
	display: block;
	margin: auto;
}

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

/*------------------------------------------------------------*/
/* Unlimited Elements
/*------------------------------------------------------------*/

.ue-grid-item-category { margin: 0 0 10px 0 }
.ue_post_blocks_box { margin: 0 10px }