/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* 
#002B45	 bleue
#CAA87C	 or
*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color: white}
.woocommerce-info {border-top-color: #CAA87C;}
.woocommerce-info::before {color: #CAA87C;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background-color: #CAA87C;}

/* mon comte */
.woocommerce-MyAccount-content button.button {margin-top: 20px;}
.woocommerce-MyAccount-navigation ul {list-style-type: none; margin: 0; padding: 0 30px 0 0;}
.woocommerce-MyAccount-navigation li {list-style-type: none; padding: 5px 10px; border-top: 1px solid #CAA87C}
.woocommerce-MyAccount-navigation li:first-child {border: 0}
.woocommerce-MyAccount-navigation li a {color: #002B45; display: block;}
.woocommerce-MyAccount-navigation li.is-active {background-color:#CAA87C;}
.woocommerce-MyAccount-navigation li.is-active a {color: #002B45;}

/* login */
#customer_login {max-width: 600px; padding: 0 2rem; margin: auto}
#customer_login h2 {font-size: 50px !important; text-align: center}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {margin: 1em 0 2em;}

/* panier */
.cart_totals h2 {font-size: 50px !important;}
button[name=apply_coupon] {height: 37px !important; color: white !important;}
button[name=update_cart] {height: 37px !important; color: white !important;}
.woocommerce-cart table.cart td.actions .coupon .input-text {width: 200px;}
.woocommerce table.shop_table {border-collapse: collapse}
#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: #CAA87C;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {background-color: #002B45;}

/* commande */
#customer_details {margin-bottom: 3rem;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #CAA87C}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #002B45}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: none; display: inline-block; padding: 1em 2em}
.woocommerce #payment .place-order {text-align: center}

/*single*/
.woocommerce-variation-price {text-align: center; margin-bottom: 20px;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #194058}
.woocommerce div.product form.cart .reset_variations {display: none !important}
.woocommerce div.product.elementor form.cart table.variations td.label {display: none;}
.woocommerce div.product.elementor form.cart table.variations td.value {width: 100%;}
.woocommerce div.product.elementor form.cart table.variations td.value select {width: 100%; position: relative; border: 1px solid #194058; margin: 0; padding: 5px; height: auto; background: white;}
.woocommerce div.product.elementor form.cart table.variations td.value::before {display: none;}

#wc-stripe-cc-form .form-row {margin: 0 !important; padding: 0 !important}
#wc-stripe-cc-form .form-row label {line-height: 1 !important}

.elementor-slideshow__title {display: none !important}

body:not(.member-logged-in) #inside .elementor-widget-button {display: none !important}
.elementor-posts .woocommerce .wc-memberships-restriction-message {display: none;}

@media only screen and (max-width: 1280px) {
	.nav a {padding: 20px 10px !important;}
}

@media only screen and (max-width: 767px) {
	.elementor-posts--skin-classic .elementor-post {flex-direction: column}
	.elementor-widget-posts article {flex-direction: column}
	.elementor-posts--skin-classic .elementor-post__text {padding: 20px !important;}
}