/*
 * WooCommerce - surcharge charte graphique EcologicLife
 * Couleurs / typo issues du theme Divi (Theme Options + bouton CTA "Devenir revendeur")
 * Accent principal : #33889c | Hover : #f9bf98 | Texte sur fond colore : #ffffff
 * Police : Lexend Deca
 */

/* ==========================================================================
   BOUTONS
   ========================================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.added_to_cart,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce .woocommerce-Button,
.woocommerce table.cart td.actions .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-MyAccount-content .button {
	background-color: #33889c;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-family: "Lexend Deca", sans-serif;
	font-weight: 600;
	transition: all .3s ease-in-out;
	box-shadow: none;
	text-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce .woocommerce-Button:hover,
.woocommerce table.cart td.actions .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-MyAccount-content .button:hover {
	background-color: #f9bf98;
	color: #ffffff;
}

/* Boutons desactives : on garde une teinte neutre lisible, pas le bleu WooCommerce */
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled {
	background-color: #c5abd3;
	color: #ffffff;
	opacity: .6;
}

/* ==========================================================================
   NOTICES / MESSAGES (remplace le bleu WooCommerce par defaut)
   ========================================================================== */

/*
 * Le theme parent Divi impose un fond bleu plein (#2EA3F2) via
 * wp-content/themes/Divi/css/dynamic-assets/woocommerce.css :
 *   .woocommerce .woocommerce-error, .woocommerce .woocommerce-info,
 *   .woocommerce .woocommerce-message { background:#2EA3F2 }
 *   .woocommerce-message, .woocommerce-error, .woocommerce-info { color:#fff !important; }
 * Divi force color en !important et injecte son CSS dynamique a un moment
 * non garanti par rapport a notre feuille enfant -> on doit egalement
 * utiliser !important ici pour battre ces deux regles de facon fiable
 * (seul cas de !important dans ce fichier, impose par le parent).
 */

.woocommerce-message,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	border-top-color: #33889c;
	background-color: #eaf3f5 !important;
	color: #1b555f !important;
	font-family: "Lexend Deca", sans-serif;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: #33889c !important;
}

.woocommerce-error {
	border-top-color: #f9bf98;
	background-color: #fbe9db !important;
	color: #6b3f22 !important;
	font-family: "Lexend Deca", sans-serif;
}

.woocommerce-error::before {
	color: #f9bf98 !important;
}

/* Boutons "voir le panier" / "Browse products" / actions inline dans les notices */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button,
.woocommerce-message a.button.wc-forward,
.woocommerce-info a.button.wc-forward {
	background-color: #33889c !important;
	color: #ffffff !important;
	border: none;
	border-radius: 3px;
	font-family: "Lexend Deca", sans-serif;
	font-weight: 600;
	transition: all .3s ease-in-out;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-message a.button.wc-forward:hover,
.woocommerce-info a.button.wc-forward:hover {
	background-color: #f9bf98 !important;
	color: #ffffff !important;
}

/* ==========================================================================
   FORMULAIRES (My account, login, register, panier)
   ========================================================================== */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"] {
	font-family: "Lexend Deca", sans-serif;
	border-radius: 3px;
	border: 1px solid #c5abd3;
	transition: border-color .3s ease-in-out;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-form-login input[type="text"]:focus,
.woocommerce-form-login input[type="password"]:focus,
.woocommerce-form-register input[type="text"]:focus,
.woocommerce-form-register input[type="email"]:focus,
.woocommerce-form-register input[type="password"]:focus {
	border-color: #33889c;
	outline: none;
	box-shadow: none;
}

.woocommerce form .form-row label,
.woocommerce-MyAccount-content label,
.woocommerce-form-login label,
.woocommerce-form-register label {
	font-family: "Lexend Deca", sans-serif;
}

.woocommerce a,
.woocommerce-MyAccount-content a,
.woocommerce-form-login a,
.woocommerce-form-register a {
	color: #33889c;
	transition: color .3s ease-in-out;
}

.woocommerce a:hover,
.woocommerce-MyAccount-content a:hover,
.woocommerce-form-login a:hover,
.woocommerce-form-register a:hover {
	color: #f9bf98;
}

/* Onglets Mon compte (navigation laterale) */
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: #33889c;
	font-weight: 600;
}

.woocommerce-MyAccount-navigation ul li a {
	font-family: "Lexend Deca", sans-serif;
}

/* ==========================================================================
   BOUTIQUE / FICHES PRODUIT
   ========================================================================== */

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title {
	font-family: "Lexend Deca", sans-serif;
	color: inherit;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #33889c;
	font-family: "Lexend Deca", sans-serif;
	font-weight: 600;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
	color: #c5abd3;
	opacity: .8;
}

.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
	color: #33889c;
	text-decoration: none;
}

.woocommerce span.onsale {
	background-color: #f9bf98;
	color: #ffffff;
	font-family: "Lexend Deca", sans-serif;
	font-weight: 600;
	border-radius: 3px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: #33889c;
	color: #ffffff;
}

/* Filtres de tri / resultats boutique */
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count {
	font-family: "Lexend Deca", sans-serif;
}

/* Onglets fiche produit (Description, Avis...) */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #33889c;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: #33889c;
}

/* ==========================================================================
   PANIER VIDE (/cart/)
   ========================================================================== */

.woocommerce-cart .cart-empty,
.woocommerce-cart .wc-empty-cart-message {
	font-family: "Lexend Deca", sans-serif;
	color: #1b555f;
}

.woocommerce-cart p.return-to-shop {
	margin-top: 1em;
}

.woocommerce-cart p.return-to-shop a.button.wc-backward {
	background-color: #33889c;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-family: "Lexend Deca", sans-serif;
	font-weight: 600;
	transition: all .3s ease-in-out;
	display: inline-block;
}

.woocommerce-cart p.return-to-shop a.button.wc-backward:hover {
	background-color: #f9bf98;
	color: #ffffff;
}