/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Header */
.header-scroll {
	transition:0.3s ease, box-shadow 0.3s ease;
}

.header-scroll.elementor-sticky--effects{
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	transition:0.3s ease, box-shadow 0.3s ease;
}

.header-scroll. .logo-header{
	width:200px;
	transition:0.3s ease, box-shadow 0.3s ease;
}

.header-scroll.elementor-sticky--effects .logo-header{
	width:150px;
	transition:0.3s ease, box-shadow 0.3s ease;
}


/** Produits **/
.card .pack-product-container{
    display: flex;
	align-items: center;
    justify-content: space-between;
	width: 100%;
    padding: 8px 16px 8px 8px;
    margin-bottom: 8px;
    border: 1px solid #76767675;
    border-radius: 4px;
}

.card .pack-product-container.pl-16{
	padding: 8px 16px 8px 16;
}

.thumb-mask{
	display:flex;
	align-items:center;
	width:60%;
    justify-content: flex-start;
}

.thumb-mask .pack-product-name{
	margin-left:8px;
}

.elementor-element .swiper .elementor-swiper-button-prev,  
.elementor-lightbox .swiper .elementor-swiper-button-prev{
    left: 4px;
}

.elementor-element .swiper .elementor-swiper-button-next, 
.elementor-lightbox .swiper .elementor-swiper-button-next{
	right:4px;	
}

.lateral-block-menu .elementor-item.elementor-item-active,
.lateral-block-menu .elementor-nav-menu--dropdown a.elementor-item-active{
    background: #F5F5F5;
}


/* Cards */
.eael-woo-product-carousel-container,
.woocommerce,
.products,
.product,
.eael-product-carousel{
	height:inherit!important;
	min-height:330px;
}

/* Limiter les titres trop longs */
.swiper-wrapper .eael-product-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
}

.eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button{
	background:#2359A0;
}


/** Woocommerce **/
.woocommerce a.checkout-button,
.woocommerce button.checkout-button{
  background-color: #2359A0 !important;
}

.woocommerce button.button.alt:hover {
    background-color: #2359A0;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    border-color: #D1DAE5;
}

.woocommerce-info {
    border-top-color: #2359A0;
}

.woocommerce-info:before {
    color: #2359A0;
}

.woocommerce .woocommerce-breadcrumb {
    margin:0;
    padding: 0
}

.elementor-menu-cart__product-price{
	color:#333333;
}

.woocommerce form .form-row label {
    font-weight: 600;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top: 3px solid #2359A0;
}

.woocommerce a.button, 
.woocommerce button.button,
.woocommerce input.button {
    color: #2359a0;
    background-color: #fff;
    border: 1px solid #2359a0;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    color: #333333;
}

.elementor-wc-products ul.products li.product .price {
    color: #d90244;
}

.woocommerce span.onsale {
    background-color: #d90244;
}

#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #e6e6e6;
    border-right-color: #F5F5F5;
    border-left-color: #F5F5F5;
    border-top-color: #F5F5F5;
}

#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box{
 background:#e6e6e6;
} 

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background:#F5F5F5;
}

.woocommerce button.button.alt {
    background-color:#2359A0;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
	background-color:#2359A0;
    color: #fff;
	border-radius:4px;
}

.customer-informations .woocommerce-input-wrapper{
	display:flex;
}

.customer-informations .woocommerce-input-wrapper input.input-radio {
		margin-right: 5px;
}
.customer-informations .woocommerce-input-wrapper label{
	font-weight:400 !important;
}

.woocommerce span.onsale{
	padding: 2px 8px!important;
  border-radius: 30px;
	line-height: 20px;
	min-height: 0;
  min-width: 0;
}

span.eael-onsale.outofstock {
    display: none !important;
}

.eael-woo-product-carousel-container .eael-onsale{
left: 142px!important;
}

.out-of-stock-form{
	color:#333333!important;
}


/*Formulaire de commande*/
/* Astérisque rouge */
.required-star {
    color: #AA0000;
    margin-left: 2px;
}

/* Champs en erreur */
.field-error input, 
.field-error select,
.field-error textarea {
    border: 1px solid #AA0000 !important;
    background-color: #ffe6e6;
}

.error-message, .woocommerce-input-wrapper .custom-error{
  color: #AA0000;
	display: block;
  font-size: 13px;
	margin-top: 2px;
}


/** Mentions légales **/
.legal-notice {
  counter-reset: h2-counter;
}

.legal-notice h2 {
  counter-increment: h2-counter;
}

.legal-notice h2::before {
  content: counter(h2-counter) ". ";
  font-weight: 500;
}

.lateral-block-menu a {
    padding: 12px 20px;
}

.lateral-block-menu a:hover {
    background: #3333331c;
}


/** Formulaires **/
.gform_wrapper .gfield input, .gform_wrapper .gfield select{
	border-color: #d9d9d9;
}

.gform-theme--foundation .gform_fields {
  row-gap:20px;
}
	
.gform-theme--foundation .gfield textarea {
  min-block-size: auto;
	border-color: #d9d9d9;
}

.gform-theme.gform-theme--framework.gform_wrapper .button{ 
	background-color:#2359A0!important;
	width:100%!important;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:hover
 {
   background:#2359A0!important;
}

.gform_wrapper .gfield input, .gform_wrapper .gfield select{
	border-color: #d9d9d9;
}

.gform-theme--foundation .gform_fields {
   --gf-form-gap-y: 20px;
}

.out-of-stock .gform_fields{
	column-gap: 20px;
}