/*
***
* WooCommerce - Fiche produit
***
* Hook pour l'apparence et la mise
* en forme d'une fiche produit,
* comprennant la typographie, la
* strucutration des sections/lignes
* et des modules la composant.
***
*/

.et_pb_wc_add_to_cart form .woocommerce-variation-price {
	margin-bottom: 20px;
    font-size: 20px;
}

.et_pb_wc_add_to_cart form span.price span bdi {
	color: #000;
}

#addtocartsecondaire form {
	text-align: center;
}

.woocommerce .et_pb_module.et_pb_wc_stock div > p.stock.in-stock {
	color: #061359;
}

.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-arrow-prev::before,
.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-arrow-next::before {
	color: #FFF;
}

.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-controllers a{
	background-color: #FFF;
}

.woocommerce .et_pb_module.et_pb_wc_gallery .et-pb-controllers a.et-pb-active-control{
	background-color: #061359;
}




/*
***
* WooCommerce - Panier
***
* Hook pour l'apparence et la mise
* en forme de la page native de
* Woocommerce, la page panier.
* Strucutration des sections/lignes
* et des modules la composant.
***
*/

.cart_item .product-remove a.remove {
    line-height: 1.6rem;
}

.woocommerce-cart-form table .cart_item .product-thumbnail {
	display: flex;
	justify-content: center;
}

.woocommerce-cart-form table .cart_item .product-thumbnail::before {
	display: none;
}

.woocommerce-cart-form table .cart_item .product-thumbnail > a {
	text-align: center;
}

.woocommerce-cart-form table .cart_item .product-thumbnail > a > img {
	width: 50%;
}

.woocommerce-cart-form table .cart-item .product-quantity .quantity input.qty {
    width: 100% !important;
}

.woocommerce-cart-form table .cart_item .product-subtotal > small {
	display: none;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
    display: none !important;
}

.woocommerce-cart-form .button.et_pb_button:hover {
    background-color: #061359!important;
}




/*
***
* WooCommerce - Validation de la commande
***
* Hook pour l'apparence et la mise
* en forme de la page native de
* Woocommerce, la page de validation.
* Strucutration des sections/lignes
* et des modules la composant.
***
*/

.woocommerce-checkout .woocommerce-checkout-payment > ul .woocommerce-info {
    background: #FFF;
    color: #151C29!important;

}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
    color: #FFF!important;
}

.woocommerce-checkout .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text > a {
    color: #FFF!important;
    font-weight: bold;
}


.woocommerce .et_pb_module.et_pb_wc_cart_totals .wc-proceed-to-checkout > a:hover {
    background-color: #061359!important;
}

#coupon_code {
	padding: 6px !important;
}




/*
***
* WooCommerce - Mon compte
***
* Hook pour l'apparence et la mise
* en forme de la page native de
* Woocommerce, la page mon compte.
* Strucutration des sections/lignes
* et des modules la composant.
***
*/

/* Ecran de connexion à mon compte */

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit {
    display: flex;
    background-color: #061359;
    color: #FFF;
}

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit:hover {
    color: #FFF!important;
    background-color: #666!important;
    padding-right: 1em!important;
}

.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit::after,
.woocommerce form.woocommerce-form-register .woocommerce-form-row button.woocommerce-form-register__submit::after {
    line-height: inherit;
    content: "";
}

.woocommerce .woocommerce-form-login p.lost_password > a:hover {
    color: #666!important;
}

/* Les différentes pages de "Mon Compte" */

.woocommerce .woocommerce-MyAccount-content p a:hover {
    color: #666!important;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    align-items: center;
    background: #061359;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward {
    margin-left: auto;
    background-color: #FFF;
    color: #151C29;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:hover {
    color: #FFF!important;
    background-color: transparent!important;
}

.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button {
    background-color: #061359;
    color: #FFF;
    padding: 10px 20px!important;
    margin-top: 10px;
}
.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button::after {
    content: "";
}

.woocommerce .woocommerce-MyAccount-content form.edit-account button.woocommerce-Button:hover {
    background-color: #666!important;
    color: #FFF!important;
}


/* Sidebar de navigation pour "Mon Compte" */

.woocommerce .woocommerce-MyAccount-navigation > ul {
    display: flex;
    flex-direction: column;
    gap:15px;
}

.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link {
    display: flex;
    background-color: #F4F4F4;
    border-left: solid 3px #061359;
    transition: all 0.2s ease-out;
}

.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a {
    width: 100%;
    position: relative;
    padding: 10px 0px 10px 45px;
}

.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a::before {
    font-family: dashicons;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 3.5%;
    transform: translateY(-50%);
}

.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link a:hover {
    color: #666!important;
}

.woocommerce .woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link:hover {
    border-left: solid 6px #666;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title > a {
    background-color: #061359;
    color: #FFF!important;
    transition: 300ms ease!important;
    padding: 3px 10px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title > a:hover {
    background-color: #666;
}

.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button {
    background-color: #061359;
    margin-top: 10px;
    padding: 10px 20px!important;
}
.woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields button.button:hover {
    background-color: #666!important;
    color: #FFF!important;
}




/*
***
* WooCommerce - Product Filter
***
* Hook pour l'apparence du module
* de Themeum "Product Filter"
* Ce hook modifie les couleurs, la
* disposition et les espacements
* des champs composant ce plugin
***
*/

.wpf_reset_btn {
    color: #FFF;
}

form.wpf_form {
	color: #FFF;
}

form.wpf_form .wpf_items_wrapper .wpf_item,
form.wpf_form .wpf_items_wrapper .wpf_item > .wpf_column_vertical {
	padding-bottom: 0px!important;
}

form.wpf_form .wpf_items_wrapper .wpf_item > .wpf_item_name {
    font-size: 16px;
    padding-bottom: 0px;
}

form.wpf_form .wpf_item ul li:hover,
form.wpf_form .wpf_item.wpf_item_onsale:hover,
form.wpf_form .wpf_reset_btn:hover {
	color: #7A6962;
}


form.wpf_form .wpf_item ul li label {
	font-weight: 400;
}

form.wpf_form .ui-slider-range.ui-corner-all.ui-widget-header {
	background: #FFF;
}

form.wpf_form .wpf_item.wpf_item_onsale {
	padding: 0px;
	margin-top: 10px;
}

form.wpf_form .wpf_reset_btn {
	margin-top: 20px;
} 

form.wpf_form .wpf_reset_btn input {
	cursor: pointer;
}

form.wpf_form .wpf_item_price > .wpf_item_name {
    margin-top: 20px!important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

form.wpf_form .wpf_item_price > .wpf_slider {
    margin-top: 20px;
}

.woocommerce .wpf-no-products-found p.woocommerce-info {
    background: #151C29;
}


/* Pagination du listing des produits */

.wpf-pagination nav.woocommerce-pagination ul.page-numbers,
nav.woocommerce-pagination ul.page-numbers{
    border: 1px solid #061359;
    border-right: 1px solid #061359;

}

.wpf-pagination nav.woocommerce-pagination ul.page-numbers li a:hover,
nav.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #FFF;
    color: #666!important;

}

.wpf-pagination nav.woocommerce-pagination ul.page-numbers li .current,
nav.woocommerce-pagination ul.page-numbers li .current {
    background-color: #061359!important;
    color: #FFF!important;

}




/*
***
* WooCommerce - Ajax Search Pro
***
* Hook pour l'apparence et la mise
* en forme de la barre de recherche
* Ajax Search Lite (et version PRO)
* strucutration des sections/lignes
* et des modules le composant.
***
*/


div#ajaxsearchliteres1.wpdreams_asl_results .resdrg .asl_nores {
    background-color: #061359!important;
    color: #FFF!important;
}

div.asl_w .probox div.asl_simple-circle {
    border: 4px solid #061359;
}

div.asl_m .probox .proclose svg {
    background: #FFF;
}





/***** Autre Hook *****/

div.et_pb_wc_checkout_payment_info_0.et_pb_wc_checkout_payment_info .woocommerce-order {
    background-color: white !important;
}

div.woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 30px;
    text-align: center;
    background-color: #4E5C77;
    padding: 10px;
    color: #FFF;
}

.woocommerce-order-details {
    margin-top: 30px !important;
}

mark {
    background-color: black;
    color: white;
}

/* Étiquette badge de vente (promo) */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link span.onsale {
    border-radius: 0px!important;
}

/* Bouton "Ajouter au panier" sur les listings de produits */
.woocommerce ul.products li.product a.ajax_add_to_cart,
.woocommerce-page.et-db #et-boc .et-l .woocommerce ul.products li.product a.product_type_variable.add_to_cart_button {
    background-color: #061359!important;
}

@media screen and (max-width:767px) {
    .woocommerce ul.products li.product a.ajax_add_to_cart,
    .woocommerce-page.et-db #et-boc .et-l .woocommerce ul.products li.product a.product_type_variable.add_to_cart_button {
        display: flex;
        justify-content: center;
    }
}

.woocommerce-page.et-db #et-boc .et-l .woocommerce ul.products li.product a.ajax_add_to_cart:hover,
.woocommerce-page.et-db #et-boc .et-l .woocommerce ul.products li.product a.product_type_variable.add_to_cart_button:hover {
    background-color: #666!important;
    color: #FFF!important;
}

.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    margin-left: 10px;
}

/* Vignette produit dans un listing */
.woocommerce ul.products li.product {
    background-color: #F4F4F4!important;
    padding: 10px!important;
}

@media screen and (max-width:767px) {
    .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product{
        width: 100%!important;
    }
}