@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tech-hair.com/wp-content/themes/woodmart/fonts/woodmart-font-2-300.woff2?v=8.3.9") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(67,150,101);
	--wd-alternative-color: rgba(67,150,101,0.52);
	--btn-default-bgcolor: rgb(201,229,217);
	--btn-default-bgcolor-hover: rgb(201,229,217);
	--btn-default-color: rgb(67,150,101);
	--btn-default-color-hover: rgb(67,150,101);
	--btn-accented-bgcolor: rgb(67,150,101);
	--btn-accented-bgcolor-hover: rgb(67,150,101);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(67,150,101);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(67,150,101);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(51,51,51);
}
html .product-quick-view  .variations_form .woocommerce-variation-price .price > .amount, html .product-quick-view .variations_form .woocommerce-variation-price .price > ins .amount {
	font-size: 24px;
}
html .product-quick-view  .summary-inner > .price > .amount, html .product-quick-view .summary-inner > .price > ins .amount {
	color: rgb(67,150,101);
}
.page .wd-page-content {
	background-color: rgb(242,241,236);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(242,241,236);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(242,241,236);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(242,241,236);
	background-image: none;
}
html .wd-buy-now-btn:hover {
	background: rgb(67,150,101);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(67,150,101);
}

/*	.sku_wrapper{
	display: none !important;
	}
	.product_meta{
	display: none !important;
	}*/
	.woocommerce-variation-availability{
	display: none !important;
	}
	.wd-reset-var{
	display: none !important;
	}/*
	.product-quick-view .summary-inner > .price{
	display: none;
	}*/

	/* Centre message et icon svg - point club hair panier */
	.wlr-message-info.wlr_points_rewards_earn_points {
			margin: 5px 0;
			padding: 5px 28px;
			border: 1px solid #9CC21D;
			border-radius: 6px;
			color: #9CC21D;
			background-color: #ffffff;
			font-size: 15px;
			font-weight: 600;
			display: flex;
			flex-direction: column;/* Empile les éléments verticalement */
			align-items: center;
			text-align: center;
	}

	/* Applique un espacement sous le SVG avec !important - point club hair panier */
	.wlr-upload-img-icon[alt="Earn point message"] {
			color: #9CC21D;
			margin: 8px 0 8px 0 !important;
			font-size: 30px;
			border-radius: 6px;
	}
	/* Augmente la taille de la valeur des coupon club hair */
	.wlr-reward-type-name.wlr-text-color.wlr-border-color {
			font-size: 14px; /* Ajustez la valeur de la taille de la police selon vos besoins */
	}
	/* Ajoute des bords arrondu du popup d'utilisation des points club hair */
	.alertify .ajs-dialog {
			border-radius: 10px;
			position: relative;
			margin: 5% auto;
			min-height: 110px;
			max-width: 500px;
			padding: 24px 24px 0 24px;
			outline: 0;
			background-color: #fff;
	}
	.alertify .ajs-header {
		padding: 0;
	}
	.alertify .ajs-footer {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 20px;
	}
	.ajs-button.ajs-ok {
		border-radius: 5px;
	}
	/* Masque "Les options de livraison seront mises à jour lors de la commande." dans le panier*/
	.page-panier .woocommerce-shipping-destination {
			display: none;
	}
	/* Ajoute des bords arrondu du bouton de sélection du relais colis PACKLINK */
	#packlink-drop-off-picker {
			border-radius: 10px;
	}
	/* Remplace le bleu et augmente la taille du texte des horaires d'ouverture de la sélection du relais colis PACKLINK */
	.lp-working-hours-btn {
		color: #439665;
		font-size: 14px;
	}
	/* Remplace le bleu du bouton sélection d'ouverture de la sélection du relais colis PACKLINK */
	.lp-select-button {
			border: 1px solid #439665;
			color: #439665;
	}

	.lp-select-button.excluded {
		border-color: #439665;
		color: #439665;
	}

	.lp-select-button.excluded:hover {
		background-color: #439665;
		color: #ffffff;
		border-color: #439665;
	}
/* Remplace les couleurs du bouton de sélection du relais colis PACKLINK uniquement dans la section de méthode d'expédition sur la page de paiement */
.woocommerce-checkout .woocommerce-shipping-methods :is(.btn, .button, button, [type="submit"], [type="button"]) {
  color: var(--btn-color, #ffffff);
  background-color: var(--btn-bgcolor, #439665);
}

	#packlink-drop-off-picker.button:hover {
		background-color: #439665;
		color: #ffffff;
		border-color: #439665;
	}
	/* Supprime l'ombre portée au popup du relais colis PACKLINK */
	#pl-picker-modal {
		box-shadow: 0 0 0 0;
	}
	/* Ajoute des bords arrondi au popup du relais colis PACKLINK */
	.lp-content {
			border-radius: 10px;
	}
	/* Supprime le diviseur zone widget after menu mobile */
	#icl_lang_sel_widget-2 {
			border-bottom: none;
	}
	/* Supprime la marge inférieur zone widget after menu mobile */
	.mobile-menu-widget {
		margin: 0 -20px 0px -20px !important;
	}
	.widgetarea-mobile .wcml-dropdown.product {
			margin: 0 !important;
	}
	/* Aligne le texte sur la droite du calcul des frais d'expédition page paiement */
	.shipping-calculator-wrapper {
		text-align: right;
	}
	/* Ajoute un overlay sous le popup modal de sélection des points de retrait packlink pro */
	.pl-picker-modal-overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.7); /* Couleur de fond semi-transparente */
			z-index: 500; /* Assurez-vous que l'overlay se trouve au-dessus de tous les autres éléments */
			overscroll-behavior: contain; /* Bloque le défilement derrière l'overlay */
	}
	/* Modifile l'opacité du popup des points Club Hair */
	.alertify .ajs-dimmer {
			background-color: #000000 !important; /* Couleur de fond semi-transparente */
			opacity: .7 !important;
	}
	/* Modifile la couleur hover du texte qui affiche la devise dans le main menu */
	.wd-header-text [class*="wcml-dropdown"] a:hover {
		color: #333333;
	}
	/* Modifile la couleur hover du texte qui affiche la langue dans le main menu */
	.wd-nav[class*="wd-style-"] > li:hover > a {
		color: #333333;
	}
	/* Modifile la couleur du texte hover dans le main menu */
	html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
		color: #333333;
	}
	/* Défini la largeur dans le menu déroulant de sélection des devises dans le main menu */
	.wd-header-text [class*="wcml-dropdown"] .wcml-cs-submenu {
		width: 120px;
	}
	/* Défini la couleur de background du compteur de vue des produits */
	.wd-product-count.wd-style-with-bg {
		background:#F2F1EC;
		border-radius: 10px; /* Ajoutez cette propriété pour les coins arrondis */
	}
	.wd-product-count.wd-style-with-bg:before {
		opacity: 0; /* Supprime l'opacité pour le rendre complètement transparent */
	}
	/* Supprimer l'ombre portée et recentre dans la fenetre le bouton fermer du popup de sélection des points de retrait packlink pro */
	#pl-picker-modal svg {
		position: absolute;
		top: 8px;
		right: 16px;
		cursor: pointer;
		width: 40px;
		box-shadow: none; /* Désactive l'ombre portée */
		border: none;
	}
	@media (max-width: 768px) {
		#pl-picker-modal svg {
			position: absolute;
			top: 8px; /* Nouvelle position en version mobile */
			right: 8px; /* Nouvelle position en version mobile */
			height: 30px;
			width: 30px;
			border-radius: 15px;
		}
	}
	/* Change la couleur du contour quand on tape dans de formulaire de recherche du popup de sélection des points de retrait packlink pro */
	.lp-input-wrapper > .input > input:focus {
			border: 1px solid #439665 !important;
			outline: none !important;
			border-radius: 25px;
	}
	.lp-input-wrapper > .input > input {
			border-radius: 25px;
	}
	/* Défini la mise en forme du texte de l'adresse manquante avant sélection point retrait */
	.message_adresse_before_point_relais {
			display: inline-block; /* Affiche le rectangle en fonction de la largeur du contenu */
			align-items: center; /* Centre verticalement */
			justify-content: center; /* Centre horizontalement */
			font-size: 18px; /* Taille de police 24px */
			color: var(--notices-warning-color);
			margin-top: 20px; /* Espacement du haut si nécessaire */
			background-color: #439665; /* Couleur de fond */
			border-radius: var(--wd-brd-radius);
			padding: 20px; /* Espacement interne */
			min-height: auto;
	}
	.icon-texte-adresse-avant-point-retrait::before {
			content: "\f100";
			font-size: 18px;
			line-height: 18px;
			font-family: "woodmart-font";
	}
	@media screen and (max-width: 1024px) {
			.message_adresse_before_point_relais {
					margin-left: 20px; /* Marge de 20px à gauche */
					margin-right: 20px; /* Marge de 20px à droite */
			}
	}

	/* Masque l'affichage TTC après le prix */
	.tax_label {
		display: none;
	}
	/* Masquer la méthode d'expédition "livraison gratuite" */
	.woocommerce-checkout #shipping_method_0_free_shipping {
			display: none;
	}
	/* Masquer la classe "woocommerce-shipping-destination" uniquement sur la page panier */
	body.woocommerce-cart .woocommerce-shipping-destination {
			display: none;
	}
	/* Masquer les points produit Club Hair en dehors du shrotcode wlr-product-points*/
	.wrap-price .wlr-product-message,
	.product-wrapper .wlr-product-message {
			display: none !important;
	}
	/* Taille minimum de la classe "woocommerce-shipping-methods" pour afficher correctement le nom des transporteurs */
	#shipping_method {
	}

	@media (min-width: 1280px) {
			#shipping_method {
					min-width: 250px; /* Définissez la largeur minimale souhaitée */
			}
	}
	/* Masquer points gagné depuis inscription Point Club Hair */
	#wlr-redeemed-points,
	#wlr-used-rewards{
			display: none !important;
	}
	#wlr-available-points {
			width: 100% !important;
	}

	/* Change l'icon Point & Récompense dans l'espace mon compte du client */
	.loyalty_reward-link a::before {
		content: "\f149";
	}
	/* Masque le formulaire de recherche page 404 */
	.site-content form.searchform.wd-cat-style-bordered {
			display: none;
	}
	/* Affiche en tout temps la pagination du slider accueil */
	.flickity-page-dots {
	}
	@media (max-width: 768.98px) {
		.flickity-page-dots {
			display: flex !important;
		}
	}
/* Défini la hauteur minimum du quick view */
@media (min-width: 769px) {
.quick-view-horizontal .entry-summary {
		min-height: 700px;
	}
}
	/* - OLD - Défini la hauteur minimum du quick view *//*
	.popup-quick-view .product-image-summary {
		min-height: 700px !important;
	}
	.popup-quick-view .woocommerce-product-gallery .images {
		position: static !important;
	}*/
	/* Texte reste aligné à droite de l'image, même s'il occupe plusieurs lignes si image dans accordion */
	.wd-accordion-title .img-wrapper {
		float: left;
	}
	.wd-accordion-title-text {
		display: flex;
		align-items: center; /* Centre le contenu verticalement */
	}
	/* Modile la couleur de la croix pour une couleur non disponible page produit */
	[class*="wd-swatches"].wd-dis-style-2 .wd-swatch::before {
		background-image: linear-gradient(to top right, transparent calc(50% - 1px), #ffffff 50%, transparent calc(50% + 1px)), linear-gradient(to top left, transparent calc(50% - 1px), #ffffff 50%, transparent calc(50% + 1px)) !important;
	}

	/* Applique un fond blanc avec des bords arrondis de 10px à la page de validation de commande */
	.woocommerce-order {
			background-color: #fff; /* Fond blanc */
			border-radius: 10px; /* Bords arrondis de 10px */
			padding: 20px; /* Espacement intérieur pour un meilleur aspect */
	}
	/* Applique un fond blanc avec des bords arrondis de 10px dans les pages comptes du client */
	.woocommerce-MyAccount-content {
			background-color: #fff; /* Fond blanc */
			border-radius: 10px; /* Bords arrondis de 10px */
			padding: 25px;
	}
	@media (max-width: 768.98px) {
		.woocommerce-MyAccount-content, .wd-my-account-sidebar {
			flex-basis: 50%;
			margin-top: 0;
		}
	}
	@media (max-width: 768.98px) {
		.woocommerce-MyAccount-content {
			margin: 30px;
		}
	}
	.woocommerce-MyAccount-navigation {
			background-color: #fff;
			border-radius: 10px;
			padding: 25px;
	}
	.woocommerce-MyAccount-title {
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.wd-my-account-sidebar .sidebar-container {
		border-top: 0px;
	}
	.wd-my-account-sidebar {
		border-inline-end: 0px;
	}
	/* Ajoute des bordsarrondis de 5px au bouton enregistrer un moyen de paiement */
	.woocommerce-Button.woocommerce-Button--alt.button.alt {
			border-radius: 5px;
	}
	/* Masque le divideur page paiement */
	.woocommerce-terms-and-conditions-wrapper {
		border-top: 0px;
	}
	/* Applique un fond blanc avec des bords arrondis de 10px dans les pages connexion et inscription */
	.wd-registration-page.wd-register-tabs.with-login-reg-info {
			background-color: #fff;
			border-radius: 10px;
			padding: 40px;
	}

/* Applique un fond blanc avec des bords arrondis de 10px dans la page favoris si client non connecté */
.wd-wishlist-content{
			background-color: #fff;
			border-radius: 10px;
			padding: 40px;
	}
	/* Transforme le texte Ajouter et modifier Adresse du compte client en bouton */
	.woocommerce-Address-title .edit {
		color: var(--btn-accented-color);
		text-transform: var(--btn-accented-transform, var(--btn-transform));
		font-family: var(--btn-font-family);
		font-size: 13px;
		font-style: var(--btn-font-style);
		padding-inline: 20px;
	}
	.woocommerce-Address-title .edit:hover {
		color: var(--btn-accented-color);
	}
	.edit {
			display: inline-block;
			padding: 10px 20px; /* Ajustez les valeurs en fonction de vos besoins */
			background-color: var(--btn-accented-bgcolor); /* Couleur de fond du bouton */
			text-decoration: none; /* Pour supprimer les styles de lien par défaut */
			border-radius: var(--btn-accented-brd-radius);
			margin-left: 20px;
	}
	@media (max-width: 768.98px) {
		.edit {
			margin-left: 0px;
		}
	}
	.woocommerce-MyAccount-navigation {
		margin-bottom: 0px;
	}
	.wd-my-account-sidebar .sidebar-container {
		padding-top: 0px;
		margin-bottom: 0px;
	}
	/* Masque le nom et prénom dans les détails du compte dans l'espace client */
	.woocommerce-EditAccountForm .woocommerce-form-row--last,
	.woocommerce-EditAccountForm .woocommerce-form-row--first {
		display: none;
	}
	/* élarge la zone de saisi d'enregistrement de carte bleue revolut */
	#add_payment_method .wc-payment-form {
		max-width: 600px;
	}
/* Ajoute fond blanc et supprime contour bloc connexion et coupon page paiement */
	:is(.checkout_coupon, .login.hidden-form) {
			background-color: #fff;
			border: 0;
	}
/* Centre le texte en hauteur par rapport à l'image produit dans la page récapitulatif de commande */
td.product-name a {
  line-height: 64px;
}
@media (max-width: 768.98px) {
td.product-name a {
  line-height: inherit;
	}
}
/* Désactive le texte en italic pour les adresse de livraison et de facturation */
address {
  font-style: normal;
}
/* Change apparence de Commande, Date, État, Total et Actions dans l'espace commande client version mobile */
@media (max-width: 768.98px) {
  .shop_table_responsive td::before {
    padding-top: 0;
    text-transform: none;
    font-size: 14px;
  }
}
/* Change le cadre d'affichage du Grade du client lors de l'utilisation de ses points dans le panier
#wlr-levels {
  height: auto;
}
.wlr-myaccount-page #wlr-levels .wlr-level-data-section {
  margin-right: 25px;
}
#wlr-next-level-name {
  text-align: right;
}
.wlr-progress-content {
  padding-top: 15px;
} */
/* Transforme les pointillés de la thank you page en trait continu */
.woocommerce-thankyou-order-received {
  border: 2px solid #7A9C59;
}
/* Ajoute des bords arrondi dans le surlignage des infos de commande client */
mark {
  border-radius: 5px;
}
/* Défini la largeur du contenu du compte client */
.woocommerce-MyAccount-content {
	flex: 1 0 72.8%;
  max-width: 72.8%;
  width: 72.8%;
}
@media (max-width: 1024px) {
  .woocommerce-MyAccount-content {
    max-width: 61%;
  }
}
@media (max-width: 768.98px) {
  .woocommerce-MyAccount-content {
	flex: 1 0 75%;
  max-width: 100%;
  width: 73%;
  }
}
/* Ajuste la largeur du tableau historique point Club Hair */
@media only screen and (max-width: 1024px) {
  #wlr-transaction-table {
    max-width: 924px;
    overflow-x: scroll;
  }
}
/* Masque les logos des carte bleu pour la paiement via revolut */
.wc_payment_method.payment_method_revolut_pay .revolut-card-gateway-icon-visa,
.wc_payment_method.payment_method_revolut_pay .revolut-card-gateway-icon-mastercard {
    display: none !important;
}
/* Masque l'afficha TVA d'origine 
.order-total .includes_tax, 
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details .includes_tax {
    display: none;
}*/
/* Ajoute une bordure de 20px sous le header menu 
.whb-header-bottom {
  background-color: rgba(242,241,236,1);
  border-color: rgba(255,255,255,1);
  border-bottom-width: -20px;
  border-bottom-style: solid;
}*/
.main-page-wrapper {
  margin-top: -20px;
}
/* Ajoute 5px entre le drapeau et le texte de la langue */
.wpml-ls-menu-item .wpml-ls-flag {
  margin-right: 5px;
}
/* Configure la taille du texte TVA dans la page panier et paiement version bureau*/
table th .vat-percentage {
  color: var(--wd-text-color);
  font-weight: var(--wd-text-font-weight);
	font-style: var(--wd-text-font-style);
  font-size: var(--wd-text-font-size);
  font-family: var(--wd-text-font);
  line-height: var(--wd-text-line-height);
}
/* Défini la largeur de la thank you page à 900px*/
.woocommerce-order:not(.wd-with-extra-content) {
  max-width: 1000px;
}
/* Ajoute background page mot de passe oublié */
.lost_reset_password{
			background-color: #fff;
			border-radius: 10px;
			padding: 40px;
}
/* Masque le divideur mot de passe oublié */
.lost_reset_password .form-row-first {
  padding-top: 0px;
  border-top: 0px solid var(--brdcolor-gray-300);
}
/* Ajoute des bords arrondi au bouton suivre le suivi */
.tracking .button {
  border-radius: var(--btn-accented-brd-radius);
}
@media (max-width: 768.98px) {
  .tracking .button {
  float: left !important;
  }
}
@media (max-width: 768.98px) {
  tr.tracking {
    padding-bottom: 65px;
    border-bottom: 0;
  }
}/*
td.tracking-provider,
td.tracking-number,
td.date-shipped,
td.order-actions {
  border-bottom: 0 !important;
}
th.tracking-provider,
th.tracking-number,
th.date-shipped,
th.order-actions {
  border-bottom: 0 !important;
	padding: 0 !important;
}
@media (min-width: 768.98px) {
td.tracking-provider,
td.tracking-number,
td.date-shipped,
td.order-actions {
	padding: 0 0 8px; !important;
	}
}*/
@media (max-width: 768.98px) {
  .tracking .date-shipped {
  text-align: right !important;
  }
}

/* Ajoute une marge inférieur de 40px en dessous du texte description en haut de chaque page du compte client */
@media (max-width: 768.98px) {
.woocommerce-MyAccount-content > p {
  margin-bottom: 40px;
  }
}
/* Ajoute une marge inférieur de 20px au dessus du texte suivi expédition page compte client */
@media (min-width: 768.98px) {
.woocommerce-MyAccount-content > h2, .woocommerce-MyAccount-content header > h2 {
  padding-top: 20px;
	  }
}
/*Défini correctment la hauteur de ligne pour les longs titre produit dans le panier*/
.cart_item td.product-name a {
  line-height: inherit;
}
/* Ajoute une marge à l'icon expédition Delivengo*/
tr.woocommerce-shipping-totals.shipping .md_shipping_icon.md_shipping_icon_md_tracked {
    margin-right: 8px;
}
/*Défini le style pour la progress bar des points panier supplémentaire Club Hair*/
#cart-progress-bar-club-hair-container {
    border-radius: 10px;
    margin-top: 1em;
    color: #439665;
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: rgba(var(--bgcolor-black-rgb), 0.06);
			margin-top: 50px;
}
#cart-progress-bar-club-hair-progress {
    width: ' . $percentage . '%; /* Largeur de la progression */
    height: 100%;
    background: #439665; /* Couleur de la partie colorée */
    background-image: linear-gradient(135deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    position: relative;
    border-radius: 10px;
}
#cart-progress-steps-club-hair {
    margin-bottom: 3em;
			width: 100%;
			position: relative;
			box-sizing: border-box;
}
#cart-progress-steps-club-hair .step {
    position: absolute;
    width: 200px;
    height: 7px;
    font-size: 16px;
    text-align: center;
    transform: translateX(-50%);
			margin-top: -40px;
}
		#cart-progress-steps-club-hair .step .discount h3 {
			font-size: 14px;
			display: block;
			color: #777777;
			margin-top: 22px;
		}
#cart-progress-steps-club-hair .step:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 7px;
    border-left: 2px solid var(--wd-title-color); /* Modification de la couleur */
    left: 50%;
    top: 33px;
}
	/*	#cart-progress-steps-club-hair .step.step-last:before {	*/
	/*		left: 100%;	*/
	/*	}	*/
	/*	#cart-progress-steps-club-hair .step.step-last {	*/
	/*		transform: translateX(-100%); /* Déplace le texte vers la gauche pour laligner sur le bord droit */
	/*		text-align: right; /* Aligne le texte à droite */
	/*	}	*/
#cart-progress-steps-club-hair .step strong {	
		font-size: 16px;
    color: var(--wd-primary-color); /* Utilisation de la couleur var(--wd-primary-color) */
		font-weight: 600;
}
.points-info-club-hair-bonus-panier {
	line-height: inherit;
	font: inherit;
}
@media (max-width: 576px) {
  .cart-table-section .wd-fontsize-l {
    font-size: 20px;
  }
}
/*Défini le style pour la progress bar livraison mondiale*/
#cart-progress-bar-livraison_mondiale_progress_bar-container {
    border-radius: 10px;
    margin-top: 1em;
    color: #439665;
    width: 100%;
    height: 7px;
    overflow: hidden;
    background: rgba(var(--bgcolor-black-rgb), 0.06);
}
#cart-progress-bar-livraison_mondiale_progress_bar {
    width: ' . $percentage . '%; /* Largeur de la progression */
    height: 100%;
    background: #439665; /* Couleur de la partie colorée */
    background-image: linear-gradient(135deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 15px 15px;
    position: relative;
    border-radius: 10px;
}
#cart-progress-steps-livraison_mondiale_progress_bar {
    margin-bottom: 3em;
			width: 100%;
			position: relative;
			box-sizing: border-box;
}
#cart-progress-steps-livraison_mondiale_progress_bar .step {
    position: absolute;
    width: 200px;
    height: 7px;
    font-size: 16px;
    text-align: center;
    transform: translateX(-50%);
			margin-top: -40px;
}
#cart-progress-steps-livraison_mondiale_progress_bar .step .discount h3 {
			font-size: 14px;
			display: block;
			color: #777777;
			margin-top: 22px;
		}
#cart-progress-steps-livraison_mondiale_progress_bar .step:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 7px;
    border-left: 2px solid var(--wd-title-color); /* Modification de la couleur */
    left: 50%;
    top: 33px;
}
#your-progress-bar-wrapper {
		background-color: white;
		border-radius: 10px;
		padding: 20px;
}          
	/*	#cart-progress-steps-club-hair .step.step-last:before {	*/
	/*		left: 100%;	*/
	/*	}	*/
	/*	#cart-progress-steps-club-hair .step.step-last {	*/
	/*		transform: translateX(-100%); /* Déplace le texte vers la gauche pour laligner sur le bord droit */
	/*		text-align: right; /* Aligne le texte à droite */
	/*	}	*/
#cart-progress-steps-livraison_mondiale_progress_bar .step strong {	
		font-size: 16px;
    color: var(--wd-primary-color); /* Utilisation de la couleur var(--wd-primary-color) */
		font-weight: 600;
}
.texte-info-livraison_mondiale_progress_bar {
	line-height: inherit;
	font: inherit;
}
/* Masque la livraison Delivengo dans l'espace commande Client*/
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-md-tracking,
.woocommerce-orders-table__header.woocommerce-orders-table__header-md-tracking,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-tracking,
.woocommerce-orders-table__header.woocommerce-orders-table__header-order-tracking{
    display: none !important;
}

/*Défini le style pour le label product des soldes */
.solde-product-label {
	border-radius: 12px;
	background-color: var(--wd-primary-color);
	direction: ltr;
	padding: 5px 10px;
	min-width: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	word-break: break-all;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.2;
}
.product-labels-soldes {
position: absolute;
  top: 7px;
  inset-inline-start: 7px;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  max-width: 50%;
  transition: all .3s ease;
  transform: translateZ(0);
}

#packlink-shipping-modal {
    display: none !important;
}

/* Ajuste la bordure du texte info bulle dans le popup selection point retrait packlink*/
.message_adresse_before_point_relais.wd-notice {
    padding-inline: 30px !important;
}
/* Masque le bouton Colissimo dans la colonne action listes des commandes */
.wc-action-button.wc-action-button-lcp_generate_outward_label.lcp_generate_outward_label {
    display: none;
}

ul.order_notes li .note_content {
  background: #ffa200 !important;
}
/* désactiver le nom des transporteur en gras sendcloud*/
.woocommerce-shipping-totals input[type="radio"].shipping_method + label {
  font-weight: initial;
}
/* ajoute un fond blanc dans la page paiement en attente*/
.woocommerce-order-pay #order_review::before,
.woocommerce-order-pay #order_review::after {
    background-image: radial-gradient(farthest-side, transparent 6px, #fff 0);
}
.woocommerce-order-pay #order_review {
    background-color: #ffffff; /* Couleur blanche */
}
/* ajoute un fond gris clair dans les options de paiement dans la page paiement en attente*/
.payment_methods .payment_box {
    background-color: #F8F8F8;
}
/* change la couleur de background du countdown*/
.timer-style-standard>span {
	background-color : #255136;
}

/* Change la largeur champ ajouter CB*/
#add_payment_method .wc-payment-form {
  max-width: 1024px;
}
/* Défini la mise en forme de l'affichage de la remise si soldes ou promos */
.prix_promo_produits {
    background-color: #f3f2ee;
    border-radius: 10px;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
}
.prix_promo_produits .texte-code-promo {
    color: #777777;
}
/* CSS pour changer le curseur au survol du SVG */
.copy-code {
    cursor: pointer;
    position: relative;
}
/* CSS pour les info-bulles */
.copy-code-tooltip {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Positionner l'info-bulle au-dessus du SVG */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap; /* Forcer le texte à rester sur une seule ligne */
    font-size: smaller;
}
.copy-code-tooltip::after {
    content: "";
    position: absolute;
    top: 100%; /* Arrow should be below the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
.copy-code:hover .copy-code-tooltip {
    visibility: visible;
    opacity: 1;
}
.solde-prix-label {
    color: var(--wd-primary-color);
    font-size: 14px;
}
/* Styles spécifiques pour chaque hook */
.prix_promo_produits.after-shop-loop .solde-prix-label {
    /* Style par défaut ou spécifique pour 'woocommerce_after_shop_loop_item_title' */
}
.prix_promo_produits.before-add-to-cart .solde-prix-label {
    /* Augmenter la taille du texte pour 'woocommerce_before_add_to_cart_form' */
    font-size: 18px;
}
.prix_promo_produits.before-add-to-cart {
    /* Supprimer la marge supérieure pour 'woocommerce_before_add_to_cart_form' */
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
}

/* Centre le texte prix unitaire tableau dynamic discount*/
.wd-dynamic-discounts table tbody tr td:nth-child(2),
.wd-dynamic-discounts table thead tr th:nth-child(2) {
            text-align: center;
}
/* Met en Gras la marque des produits dans l'affichage boutique*/
.wd-product .wd-product-brands-links a {
  font-weight: bold;
  color: #333333;
}

/* Supprime l'espace pour bien afficher les progress bar dans le panier */
.cart-table-section > * {
  margin-bottom: 0px;
}
/* Change la taille du texte récap panier page paiement */
@media (max-width: 768.98px) {
	body.woocommerce-checkout tr.order-total strong .amount {
		font-size: 130%;
	}
	body.woocommerce-checkout tr.order-total th {
		font-size: 100%;
	}
	body.woocommerce-checkout .shop_table tr :is(td, th):last-child,
	body.woocommerce-checkout .woocommerce-checkout-review-order-table :is(th, td) {
			padding: 15px 0px;
	}
	#pl-picker-modal {
  top: 5%;
  left: 5%;
  height: 90%;
  width: 90%;
	}
}
#packlink-drop-off-picker {
	margin-top: 0.7rem;
	margin-bottom: 1.5rem;
}
:is(.btn, .button, button, [type="submit"], [type="button"]) {
  padding: 5px 15px;
}
body.woocommerce-checkout .woocommerce-shipping-destination {
	margin-top: -0.7rem;
  margin-bottom: 1.5rem;
}

/* Aligne à la ligne les logo revolut paiement */
.revolut-label-informational-icon {
  flex: 0;
}
/* Ajuste la hauteur maximale des méthodes de paiement*/


/* temporaire maj 8*/
.wd-content-layout {
  padding-block: 60px;
}

/*Centrer le texte dans le widget checkout step des pages panier et paiement */
.wd-page-title .container {
  align-items: center !important;
}

	/* OLD Centrer le texte dans le widget checkout step des pages panier et paiement  
	.wd-checkout-steps {
		display: flex;
		justify-content: center; 
		align-items: center; 
	}
	*/

/* Restaure la disposition des méthodes d'expédition dans le panier MAJ woodmart 8*/
@media (max-width: 768.98px) {
  .cart-totals-inner .shop_table_responsive .woocommerce-shipping-methods input.shipping_method {
	float: right;
  margin-inline-end: 0;
	margin-inline-start: 7px;
  }
}
@media (max-width: 768.98px) {
  .cart-totals-inner .shop_table_responsive tr.shipping td {
    gap: 0px;
		padding-inline-end: 0;
  	text-align: end;
}
	@media (max-width: 768.98px) {
  .cart-totals-inner .shop_table_responsive tr.order-total td > :not(strong) {
    flex: 0;
  }
}