/* 
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 customised by DC
Author: Elementor Team, dynamic creative Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.2
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
*/

/* Add your custom styles here */

/*
 * Hide google recaptcha
 * Ce site est protégé par reCAPTCHA et Google <a href="https://policies.google.com/privacy" target="_blank">Politique de confidentialité</a> et <a href="https://policies.google.com/terms" target="_blank">Conditions d'utilisation</a>.
 */
.grecaptcha-badge { visibility: hidden; }

/*zero*/
*:focus-visible {outline: none;}
a { color: inherit; }
.comments-area a, .page-content a {text-decoration: inherit;}
.elementor-text-editor ul {padding-left:20px; margin-bottom:16px;}
.elementor-text-editor p:last-child, .elementor-widget-theme-post-excerpt p:last-child {margin-bottom:0;}
	
/*Form*/
.elementor-field-type-acceptance .elementor-field-option {display:flex; align-items: flex-start;}
.elementor-field-type-acceptance input {position: relative; top:3px; margin-right: 12px;}
.elementor-field-type-acceptance label {font-size:12px!important; text-transform:none!important; font-weight: 400!important;}
input[type="file"]::file-selector-button { border: 0px solid #e98d40; border-radius:4px; background-color: #e98d40 !important; padding: 10px 20px; font-size: 14px; font-weight: 600; font-family: var( --e-global-typography-b2ce6af-font-family ), Sans-serif; margin-right: 15px; color:#fff; cursor: pointer;}
.elementor-field-type-acceptance a {font-size:inherit!important;}
.elementor-field-group .elementor-field-textual:focus {box-shadow: none;}
/*
 * Checkout : titres autour des boutons Apple Pay / Google Pay
 *
 * Reprend la présentation du thème Loire : « Validation de commande express »
 * en légende posée sur l'encadré des boutons, puis « Ou continuez ci-dessous »
 * en légende sur un filet, à la place du « — OU — » natif de Stripe.
 *
 * Les styles portent sur les éléments de la passerelle Stripe eux-mêmes
 * (affichés/masqués en JS selon la disponibilité d'un wallet) pour que les
 * titres suivent le même sort. Les sélecteurs « payment-request » couvrent les
 * versions plus anciennes de WooCommerce Stripe Gateway.
 */
#wc-stripe-express-checkout-element,
#wc-stripe-payment-request-wrapper {
	position: relative;
	margin-top: 3rem !important;
	padding: 1.6rem 1.2rem 1.2rem;
	border: 1px solid #ddd;
}

#wc-stripe-express-checkout-element::before,
#wc-stripe-payment-request-wrapper::before {
	content: "Validation de commande express";
	position: absolute;
	top: 0;
	left: 50%;
	padding: 0 0.9em;
	color: #111;
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	white-space: nowrap;
	background: #fff; /* masque le filet derrière le texte */
	transform: translate(-50%, -50%);
}

/* Le « — OU — » natif : texte masqué, remplacé par la légende sur filet. */
#wc-stripe-express-checkout-button-separator,
#wc-stripe-payment-request-button-separator {
	position: relative;
	margin: 2.5rem 0 !important;
	font-size: 0;
	border-top: 1px solid #ddd;
}

#wc-stripe-express-checkout-button-separator::after,
#wc-stripe-payment-request-button-separator::after {
	content: "Ou continuez ci-dessous";
	position: absolute;
	top: 0;
	left: 50%;
	padding: 0 0.9em;
	color: #555;
	font-size: 0.85rem;
	white-space: nowrap;
	background: #fff;
	transform: translate(-50%, -50%);
}

/*
 * Notices WooCommerce
 *
 * Charte les trois variantes natives (.woocommerce-info, .woocommerce-message,
 * .woocommerce-error) : fond gris clair, filet vertical coloré à gauche à la
 * place du liseré supérieur natif, et bouton d'action noir.
 *
 * Le préfixe « body » sert uniquement à passer devant la feuille de style de
 * WooCommerce, qui cible ces classes seules — cela évite des !important.
 * Les couleurs proviennent des variables globales du kit Elementor.
 */
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error {
	margin: 0 0 2em;
	padding: 1.1em 1.6em 1.1em 3.4em;
	color: var( --e-global-color-text, #000 );
	font-size: 0.95rem;
	line-height: 1.5;
	background-color: var( --e-global-color-loirebg, #FAFAFA );
	border: 1px solid var( --e-global-color-loirebd, #E1E1E1 );
	border-left: 3px solid var( --e-global-color-primary, #B46D66 );
	border-radius: 0;
}

/* Icône native (police WooCommerce) : repositionnée et recolorée. */
body .woocommerce-info::before,
body .woocommerce-message::before,
body .woocommerce-error::before {
	top: 1.2em;
	left: 1.3em;
	color: var( --e-global-color-primary, #B46D66 );
}

/* Variante « succès » : jaune de la charte. */
body .woocommerce-message {
	border-left-color: var( --e-global-color-secondary, #D7D039 );
}

body .woocommerce-message::before {
	color: var( --e-global-color-secondary, #D7D039 );
}

/* Variante « erreur » : rouge de la charte. */
body .woocommerce-error {
	border-left-color: var( --e-global-color-loireer, #BB2F2F );
}

body .woocommerce-error::before {
	color: var( --e-global-color-loireer, #BB2F2F );
}

/* Bouton d'action de la notice (« Parcourir les produits », « Voir le panier »…). */
body .woocommerce-info .button,
body .woocommerce-message .button,
body .woocommerce-error .button {
	padding: 0.7em 1.6em;
	color: var( --links-normal-color, #FFF );
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background-color: var( --e-global-color-text, #000 );
	border-radius: 0;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a {color: var( --links-normal-color, #FFF ); padding: 16px 20px;}

body .woocommerce-info .button:hover,
body .woocommerce-message .button:hover,
body .woocommerce-error .button:hover {
	color: var( --links-normal-color, #FFF );
	background-color: var( --e-global-color-primary, #B46D66 );
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a:hover {color: var( --links-normal-color, #FFF );}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce a.button:hover { background-color: var( --e-global-color-primary, #B46D66 );}

/* Le bouton est flotté par WooCommerce : on l'empile sous le texte en mobile. */
@media ( max-width: 600px ) {

	body .woocommerce-info .button,
	body .woocommerce-message .button,
	body .woocommerce-error .button {
		display: block;
		float: none;
		margin-top: 1em;
		text-align: center;
	}
}

/*fix account page*/
.woocommerce .woocommerce-MyAccount-content-wrapper p a {padding:0!important;}


/*
 * Ajout du prix unitaire sous le prix produit
 */
.prix-unitaire {display:block; padding-top:8px; font-size: 0.6em; font-weight: normal;}
.elementor-heading-title .prix-unitaire {padding-top:2px;}
.woocommerce-variation-price .prix-unitaire {padding:0;}
/*
 * Fiche produit : message d'ajout au panier affiché sous le bouton
 * (voir inc/woocommerce-customizations.php, AJOUT 3)
 */
.bb-notice-ajout-panier {
	margin-top: 1rem;
}

.bb-notice-ajout-panier .woocommerce-message,
.bb-notice-ajout-panier .woocommerce-error,
.bb-notice-ajout-panier .woocommerce-info {
	margin: 0;
}

/*
 * Fiche produit : loader dans le bouton « Ajouter au panier » pendant l'envoi
 * (voir inc/woocommerce-customizations.php, AJOUT 4)
 */
.single_add_to_cart_button.bb-chargement {
	cursor: wait;
	opacity: .85;
}

.single_add_to_cart_button.bb-chargement::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: .6em;
	vertical-align: -.15em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: bb-rotation .7s linear infinite;
}

@keyframes bb-rotation {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.single_add_to_cart_button.bb-chargement::after {
		animation-duration: 2s;
	}
}