/* BLE: Variables of colors */
:root {
	--ble-processus-hover-color: #2ea3f2;
	--ble-notice-bg-color: #2ea3f2;
	--ble-button-color: #2ea3f2;
	--ble-icon-hover-color: #2ea3f2;
	--ble-icon-color: #808080;
	--ble-onsale-bg-color: #f00281;
	--ble-stock-default-color: #ffa500;
	--ble-stock-in-color: #008000;
	--ble-stock-out-color: #ff0000;
	--ble-mobile-menu-icon-color: #f2f2f2;
	--ble-onsale-price-color: #2ea3f2;
}

/** WCA: Pour PHP WC31 **/
.ble-addresses-custom-message {
	text-align: left;
}

/** WC01: Remove Cross-Sells at Cart Page **/
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
	display:  none;
}

/** WC03: adjusts height of cart on mobile to align with hamburger menu **/
@media (max-width: 981px) {
#et-top-navigation .et-cart-info {
	margin-top: 3px;
}
}

/** WC04: moves cart on mobile to the right of hamburger menu **/
@media (max-width: 981px){
#main-header a.et-cart-info {
	position: relative;
	left: 80px !important;
}
#main-header .mobile_menu_bar.mobile_menu_bar_toggle {
    margin-right: 50px !important;
}
}

/** WC06: changes divi cart icon to fontawesome cart **/
#top-header .et-cart-info span:before {
	font-family: "Font Awesome 5 Free"!important;
	font-weight: 900!important; /* Solid style */
	content: "\f07a"!important;
}

/* WC08: Menu processus */
/* Pages concernées : Boutique, Galerie, Cartes de souhaits, etc  */
/* Les sections doivent déclarer une classe ble-menu-processus-* */
.ble-menu-processus-active #menu-processus .fa-store-alt:before,
.ble-menu-processus-active #menu-processus .fa-palette:before,
.ble-menu-processus-active #menu-processus-en .fa-store-alt:before,
.ble-menu-processus-active #menu-processus-en .fa-palette:before {
	color: var(--ble-processus-hover-color) !important;
}

/** Caisse */
.ble-menu-processus-caisse #menu-processus .fa-cash-register:before,
.ble-menu-processus-caisse #menu-processus-en .fa-cash-register:before {
	color: var(--ble-processus-hover-color) !important;
}

/** Merci */
.ble-menu-processus-merci #menu-processus .fa-hand-holding-heart:before,
.ble-menu-processus-merci #menu-processus-en .fa-hand-holding-heart:before {
	color: var(--ble-processus-hover-color) !important;
}

/** Product pages */
.ble-menu-processus-produit #menu-processus .fa-store-alt:before,
.ble-menu-processus-produit #menu-processus .fa-palette:before,
.ble-menu-processus-produit #menu-processus-en .fa-store-alt:before,
.ble-menu-processus-produit #menu-processus-en .fa-palette:before {
	color: var(--ble-processus-hover-color) !important;
}

/** WC09: hiding the remove "x"  **/
.woocommerce a.remove {
	font-size: 1em !important;		/* Reducing font size for Font Awesome icon */
	visibility:hidden !important; 	/* Hiding everything */
}

/** WC10: adding a Fontawesome icon to replace the default remove icon "x" **/
/** Used on cart and widget mini cart **/
.woocommerce a.remove:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400; /* Regular style */
	content: "\f2ed";
	color: var(--ble-icon-color);
	font-size: 1.25em;
	float: left;
	padding: 4px;
	visibility:visible;
}

/** WC11: changing the hover color of remove icon **/
/** Used on cart and widget mini cart **/
.woocommerce a.remove:hover {
	color: var(--ble-icon-hover-color) !important;
	background: transparent !important;
}

/** WC13: assigning background color of Woo Cart Notice when there is an error **/
/** WC35: making sure notices keep the same color **/
.woocommerce .woocommerce-error,
.woocommerce-error, .woocommerce-info, .woocommerce-message  {
	background: var(--ble-notice-bg-color) !important;
	color: #fff !important;
}

/** WC14: assigning header of tab content font size **/
.woocommerce .et_pb_tab_content h2 {
	font-size: 24px;
}

/* WC15: adding icons to each account menu items */
.woocommerce-MyAccount-navigation ul li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 0.5em;
	color: var(--ble-icon-color) !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
	content: "\f3fd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
	content: "\f291";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
	content: "\f015";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
	content: "\f09d";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
	content: "\f56d";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
	content: "\f2bb";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
	content: "\f2f5";
}

/** WC16: forcing no display of overlay when hovering a product thumbnail **/
.product .woocommerce-LoopProduct-link .et_shop_image .et_overlay {
	display: none !important;
}

/** WC17: forcing viewbox caption display align center **/
.pswp__caption__center {
	text-align: center;
	font-size: 14px;
}

/** WC18: forcing customer login titles at h3 font-size **/
.woocommerce #customer_login h2 {
  font-size: 24px;
}

/* WC22: Hide WooCommerce "View cart" link displayed after AJAX add to cart */
/* TODO: Revisit later if an option to display/style this link is added to Boutique BLE */
.woocommerce a.added_to_cart.wc-forward {
	display: none;
}

/* WC24: setting Onsale badge color and height */
.woocommerce span.onsale,
.woocommerce-page span.onsale {
	background: var(--ble-onsale-bg-color) !important;
	line-height: 1.5em !important;
}

/* WC25: Wishlist alignment changes from plugin defaults */
.alg-wc-wl-view-table td,
.alg-wc-wl-view-table tr,
.alg-wc-wl-view-table th {
    text-align: left !important;
}

/* WC28: Styling product stock states */
/* Stock = yellow, In-stock = green, Out-of-stock = red */
.woocommerce div.product .stock {
	font-style: italic;
	color: var(--ble-stock-default-color) !important;
}

.woocommerce div.product .stock.in-stock {
	font-style: italic;
	color: var(--ble-stock-in-color) !important;
}

.woocommerce div.product .stock.out-of-stock {
	font-style: italic;
	color: var(--ble-stock-out-color) !important;
}

/* WC30: moving Shipping Method layout to the left @ cart */
@media screen and (min-width: 769px) {
	.cart_totals table th {
		width: 30%;
	}
	.cart_totals table td {
	    width: 70%;
	    text-align: left;
	}
	.cart_totals table td .woocommerce-shipping-methods,
	.cart_totals table td .woocommerce-shipping-methods li {
	    text-align: left;
	}
}
	
/* WC31: Styling Thank you page empty message to match Woocommerce Notice box */
/* WC32: Styling Wishlist page empty message to match Woocommerce Notice box */
/* BLE: Notice box style */
.ble-notice-box,
.alg-wc-wl-empty-wishlist {
	padding: 15px !important;
	margin: 0 0 2em 0;
	background: var(--ble-notice-bg-color);
	font-size: 18px;
	color: #fff;
	position: relative;
	width: auto;
	word-wrap: break-word;
}

/* WC33: styling secondary sub-menus */
#et-secondary-nav .sub-menu {
		border-top: 3px solid white;
}
#et-secondary-nav li li a {
		text-transform: uppercase;
}

/** WC34: increases width of secondary sub-menus **/
@media screen and (min-width: 981px) {
	#et-secondary-nav .sub-menu {
		min-width: 260px;
	}
	#et-secondary-nav li li a {
    width: 200px;
		padding: 12px 12px;
	}
}

/** WC36: displays Processus menu in mobile mode **/
.et_pb_fullwidth_menu .et_pb_menu__menu,
.et_pb_menu .et_pb_menu__menu {
    display: block!important;
}
/** WC37: removes the hamburger menu of Processus menu in mobile mode **/
.et_mobile_nav_menu {
    display: none!important;
}

/** WC38-41: allows only one product per line for Woo modules on mobile **/
/** Woo Products, Woo Upsells, Woo Cross Sells, Woo Related Products **/
@media (max-width: 680px) {
	body div#et-boc .et-l .et_pb_module.et_pb_shop .woocommerce .products li.product,
	.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-3 li.product,
	.et-db #et-boc .et-l .et_pb_wc_cross_sells ul.products.columns-3 li.product,
	.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-3 li.product {
		width: 100% !important;
		margin-right: 0 !important;
	}
}

/** WC42: changes legend Changement de mot de passe style to bold **/
.woocommerce .edit-account-wrapper fieldset legend {
	font-weight: bold !important;
}

/** WC43: displays product thumbnail in cart on small screens **/
/** WC43: displays product thumbnail title (Image:) in cart on small screens **/	
@media (max-width: 767px) {
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {
		display: block!important;
	}
	.woocommerce table.shop_table_responsive tr td.product-thumbnail:before,
	.woocommerce-page table.shop_table_responsive tr td.product-thumbnail:before {
		content: "Image:"!important;
	}
}

/** WC53: Changes de color of Hamburger Menu icon **/
.mobile_menu_bar:before {
	color: var(--ble-mobile-menu-icon-color) !important;
}

/** WC55: Styles the price amount when product is on sale **/
/** Used specifically for the Whislist table **/
.product-price ins .woocommerce-Price-amount {
	color: var(--ble-onsale-price-color) !important;
	font-weight: 600 !important;
}

/** WC57: Styles the margins of some Woocommerce forms **/
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    margin: 0 !important;
}

/** WC58: Makes My-Account Menu horizontal for large screens **/
@media only screen and (min-width: 769px) {
   .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
       float: none;
       width: 100%;
   }
   .woocommerce-MyAccount-navigation ul {
       text-align: center;
   } 
   .woocommerce-MyAccount-navigation ul li {
       display: inline-block;
	   padding: 0 0.25em;
   } 
}

/** WC59: Adjusts woocommerce del strikethrough font size to price font size **/
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
        font-size: 20px !important;
}

/* WC74: Thank you / Order details: mettre Facturation + Livraison côte à côte */
/* Zone Merci: adresses en 2 colonnes */
.ble-thankyou-zone .woocommerce-customer-details .addresses,
.ble-thankyou-zone .woocommerce-customer-details .woocommerce-columns--addresses,
.ble-thankyou-zone .col2-set.addresses{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

.ble-thankyou-zone .woocommerce-customer-details .address,
.ble-thankyou-zone .woocommerce-customer-details .woocommerce-column,
.ble-thankyou-zone .col2-set.addresses .col-1,
.ble-thankyou-zone .col2-set.addresses .col-2{
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
}

@media (max-width: 767px){
  .ble-thankyou-zone .woocommerce-customer-details .addresses,
  .ble-thankyou-zone .woocommerce-customer-details .woocommerce-columns--addresses,
  .ble-thankyou-zone .col2-set.addresses{
    grid-template-columns: 1fr !important;
  }
}

/* WC75:  Ne pas afficher le résumé des résultats et le menu de tri au-dessus du module des produits */
/* Utile quand l'option pagination est activée dans le module de produits Woo */
/* Cache le texte "Affichage de 1–9 sur..." */
.woocommerce .woocommerce-result-count {
	display: none !important;
}
/* Cache le menu de tri */
.woocommerce .woocommerce-ordering {
	display: none !important;
}

/* WC76 Divi Woo Products module: force 1 colonmn on mobile */
@media (max-width: 767px) {
  body.ble-woo-1col-mobile .et_pb_shop.woocommerce ul.products li.product:nth-child(n),
  body.ble-woo-1col-mobile .et_pb_shop ul.products.columns-2 li.product:nth-child(n),
  body.ble-woo-1col-mobile .et_pb_shop ul.products.columns-3 li.product:nth-child(n),
  body.ble-woo-1col-mobile .et_pb_shop ul.products.columns-4 li.product:nth-child(n),
  body.ble-woo-1col-mobile .et_pb_shop ul.products.columns-5 li.product:nth-child(n),
  body.ble-woo-1col-mobile .et_pb_shop ul.products.columns-6 li.product:nth-child(n) {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: none !important;
    clear: both !important;
  }
}

/* Woo Product loop styles */

/* Hidden by default */
.ble-product-loop-category,
.ble-product-loop-sku,
.ble-product-loop-stock,
.ble-product-loop-actions,
.ble-product-loop-quantity,
.ble-product-loop-add-to-cart {
	display: none;
}

/* Category: between image and title */
.ble-show-product-category .ble-product-loop-category {
	display: block;
	font-size: 1.3em;
	font-weight: 500;
	text-align: left;
	margin-top: 12px;
}

/* SKU: between image and title */
.ble-show-product-sku .ble-product-loop-sku {
	font-weight: 600;
	display: block;
	font-size: 18px;
	margin-top: 12px;
	color: #333;
}

/* Stock: after price */
.ble-show-product-stock .ble-product-loop-stock {
	display: block;
	margin-top: 5px;
	margin-bottom: 1px;
}
.ble-product-loop-stock p.stock {
    font-size: 16px !important;
}

/* Actions wrapper: quantity + add to cart */
.ble-show-product-add-to-cart .ble-product-loop-actions {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 6px !important;
}

/* Quantity: visible only when add to cart is also active */
.ble-show-product-add-to-cart.ble-show-product-quantity .ble-product-loop-quantity {
	display: block;
}

.ble-product-loop-quantity .quantity {
	margin: 0;
	width: auto;
	max-width: 4.3em;
}
.ble-product-loop-actions.cart::before,
.ble-product-loop-actions.cart::after {
	display: none !important;
	content: none !important;
}

/* Add to cart */
.ble-show-product-add-to-cart .ble-product-loop-add-to-cart {
	display: block;
	margin: 0 !important;
}

.ble-product-loop-add-to-cart button.button,
.ble-product-loop-add-to-cart a.button {
	margin: 0 !important;
}

.ble-product-loop-actions.cart {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

/* AJAX loading state while product is being added to cart */
.ble-button-loading,
.ble-button-loading:hover {
	opacity: 0.6 !important;
	pointer-events: none !important;
}

/* Checkout - Improve coupon error message readability */
.woocommerce form.checkout_coupon .coupon-error-notice {
	font-size: 1em !important;
	line-height: 1.4em;
}

/* My Account - Add spacing before Order details */
.woocommerce-view-order .woocommerce-MyAccount-content > p {
	padding-bottom: 1em !important;
}