.elementor-kit-64{--e-global-color-primary:#38B000;--e-global-color-secondary:#008000;--e-global-color-text:#38B000;--e-global-color-accent:#008000;--e-global-typography-primary-font-family:"Comfortaa";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Comfortaa";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Comfortaa";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Comfortaa";--e-global-typography-accent-font-weight:800;color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;}.elementor-kit-64 button,.elementor-kit-64 input[type="button"],.elementor-kit-64 input[type="submit"],.elementor-kit-64 .elementor-button{background-color:#008000;font-family:"Comfortaa", Sans-serif;font-size:14px;font-weight:800;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:14px 28px 14px 28px;}.elementor-kit-64 button:hover,.elementor-kit-64 button:focus,.elementor-kit-64 input[type="button"]:hover,.elementor-kit-64 input[type="button"]:focus,.elementor-kit-64 input[type="submit"]:hover,.elementor-kit-64 input[type="submit"]:focus,.elementor-kit-64 .elementor-button:hover,.elementor-kit-64 .elementor-button:focus{background-color:#005A00;color:#FFFFFF;}.elementor-kit-64 e-page-transition{background-color:#FFBC7D;}.elementor-kit-64 a{color:#38B000;}.elementor-kit-64 a:hover{color:#008000;}.elementor-kit-64 h1{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:44px;font-weight:400;}.elementor-kit-64 h2{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:30px;font-weight:400;}.elementor-kit-64 h3{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:18px;font-weight:700;}.elementor-kit-64 h4{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:16px;font-weight:700;}.elementor-kit-64 h5{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:14px;font-weight:700;}.elementor-kit-64 h6{color:#38B000;font-family:"Comfortaa", Sans-serif;font-size:13px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-64 h1{font-size:30px;}.elementor-kit-64 h2{font-size:23px;}.elementor-kit-64 h3{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Override hello-elementor reset.css, which sets a:hover/a:active to #333366.
   Same specificity as the reset rule, but loaded later, so brand green wins.
   The kit's own .elementor-kit-64 a:hover still takes precedence where it applies. */
a:hover,
a:active{
	color: #008000;
}

/* WooCommerce buttons (shop, product, cart, checkout) — WooCommerce ships its own
   pale-lilac button styling that the kit Theme Style does not reach. Match the kit:
   #008000 / white / Comfortaa 800 14px / 4px radius / 14-28 padding / hover #005A00. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
	background-color: #008000;
	color: #FFFFFF;
	font-family: "Comfortaa", sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 14px;
	border-radius: 4px;
	padding: 14px 28px;
	transition: background-color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus{
	background-color: #005A00;
	color: #FFFFFF;
}

/* Prices default to a murky olive (#958e09) — use the brand green. */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	color: #38B000;
}

/* Catalog sort dropdown, matched to the contact-form fields. */
.woocommerce .woocommerce-ordering select{
	color: #38B000;
	border: 1px solid #DCEFD2;
	border-radius: 4px;
	padding: 8px 12px;
}

/* WooCommerce Blocks add-to-cart (e.g. the product grid on the empty cart page)
   ships as dark charcoal pills with green text — bring them in line too. */
.wp-block-button__link.add_to_cart_button,
.wc-block-grid__product .wp-block-button__link{
	background-color: #008000;
	color: #FFFFFF;
	font-family: "Comfortaa", sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 14px;
	border-radius: 4px;
	padding: 14px 28px;
	transition: background-color 0.2s ease;
}

.wp-block-button__link.add_to_cart_button:hover,
.wp-block-button__link.add_to_cart_button:focus,
.wc-block-grid__product .wp-block-button__link:hover,
.wc-block-grid__product .wp-block-button__link:focus{
	background-color: #005A00;
	color: #FFFFFF;
}

/* wc-blocks.css sets font-size:1em on these at (0,3,0); out-specify it so the
   block buttons match the 14px used everywhere else. */
.wc-block-grid__product .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{
	font-size: 14px;
	line-height: 14px;
}

/* WooCommerce breadcrumb defaults to grey #767676 — the only grey text left
   on the shop pages. Brand green, with the kit link hover for its links. */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a{
	color: #38B000;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus{
	color: #008000;
}

/* WooCommerce form fields (Mon compte, checkout) default to a dark brown
   border rgba(32,7,7,.8). Match the contact form: soft green resting border,
   brand green on focus. Padding left alone to avoid shifting checkout layout. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea{
	border: 1px solid #DCEFD2;
	border-radius: 4px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus{
	border-color: #008000;
	outline: none;
}

/* Mon compte navigation as buttons. Deliberately bordered rather than solid:
   five solid green blocks would compete with the page's real CTAs. The current
   page (li.is-active) is filled solid so you can see where you are. */
.woocommerce-MyAccount-navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation ul li{
	margin: 0 0 8px;
}

.woocommerce-MyAccount-navigation ul li a{
	display: block;
	padding: 12px 18px;
	border: 1px solid #DCEFD2;
	border-radius: 4px;
	background-color: #FFFFFF;
	color: #38B000;
	font-family: "Comfortaa", sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus{
	background-color: #F6FBF3;
	border-color: #38B000;
	color: #008000;
}

.woocommerce-MyAccount-navigation ul li.is-active a{
	background-color: #008000;
	border-color: #008000;
	color: #FFFFFF;
}

/* Mon compte content sat flush against the footer (measured 0px gap) because
   hello-elementor gives .site-main no padding on non-Elementor pages. */
.woocommerce-account .site-main,
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main{
	padding-bottom: 80px;
}

@media (max-width: 767px){
	.woocommerce-account .site-main,
	.woocommerce-cart .site-main,
	.woocommerce-checkout .site-main{
		padding-bottom: 48px;
	}
}

/* Mon compte > Commandes: centre the Actions column (header + the Voir button).
   Desktop only — below 769px WooCommerce stacks the table with floated
   data-title labels, where centring would fight its own layout. */
@media (min-width: 769px){
	.woocommerce-orders-table__header-order-actions,
	.woocommerce-orders-table__cell-order-actions{
		text-align: center;
	}
}

/* Mon compte > Détails du compte: the save button sat flush against the
   "Changement de mot de passe" fieldset (measured 0px). Same for the
   Adresses form's save button. */
.woocommerce-EditAccountForm button[name="save_account_details"],
.woocommerce-address-fields button[name="save_address"]{
	margin-top: 28px;
}

/* Panier — bloc panier WooCommerce */
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button{
	background-color:#008000;
	color:#FFFFFF;
	font-family:"Comfortaa",sans-serif;
	font-weight:800;
	font-size:14px;
	line-height:14px;
	border-radius:4px;
	padding:14px 28px;
	text-decoration:none;
	transition:background-color .2s ease;
}
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button:hover,
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button:focus{
	background-color:#005A00;
	color:#FFFFFF;
}
.wc-block-cart__submit-button .wc-block-components-button__text{
	color:#FFFFFF;
	text-decoration:none;
}
table.wc-block-cart-items .wc-block-components-quantity-\73 elector{ border-color:#DCEFD2; }
table.wc-block-cart-items .wc-block-components-quantity-\73 elector__button:hover{ background-color:#F6FBF3; }
table.wc-block-cart-items .wc-block-cart-items__row a.wc-block-components-product-name{ font-size:15px; }
table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-product-price{ font-size:15px; }
table.wc-block-cart-items .wc-block-cart-item__prices{ font-size:13px; }


/* Commander — bloc validation de commande */
button, [type="button"], [type="submit"]{ border-color:#008000; }
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input textarea,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-textarea,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form select,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form textarea{ border-color:#DCEFD2; }
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form .wc-block-components-text-input input:focus,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form select:focus,
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-form textarea:focus{ border-color:#008000; }
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input{ border-color:#38B000; }
.wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark{ fill:#008000; }


/* Cloudflare Turnstile — le widget vit dans un shadow DOM fermé ; seules les propriétés héritées le traversent.
   line-height 1.7em du Theme Style débordait sa boîte à hauteur fixe et coupait le texte. */
.cf-turnstile,
.ff-el-turnstile{ line-height:normal; }


/* Liens dans le corps de texte — la couleur des liens (#38B000) est identique à celle du texte,
   donc le soulignement est le seul indice de cliquabilité (WCAG 1.4.1). */
.elementor-widget-text-editor a:not([href^="tel:"]):not([href^="mailto:"]){ text-decoration:underline; text-underline-offset:2px; }
.elementor-widget-text-editor a:hover{ color:#008000; }
/* Idem dans les réponses de l’accordéon FAQ — mais PAS sur les titres,
   qui sont eux aussi des <a> (ce sont les boutons d’ouverture). */
.elementor-widget-accordion .elementor-tab-content a:not([href^="tel:"]):not([href^="mailto:"]){ text-decoration:underline; text-underline-offset:2px; }
.elementor-widget-accordion .elementor-tab-content a:hover{ color:#008000; }


/* Page produit WooCommerce — onglets et quantité (lilas WooCommerce par défaut) */
.woocommerce div.product .woocommerce-tabs ul.tabs{ border-bottom:1px solid #DCEFD2; padding-left:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ background:#F6FBF3; border:1px solid #DCEFD2; border-radius:4px 4px 0 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#FFFFFF; border-bottom-color:#FFFFFF; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#38B000; font-weight:400; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#008000; font-weight:700; }
.woocommerce .quantity input.qty{ border:1px solid #DCEFD2; border-radius:4px; }
.woocommerce .quantity input.qty:focus{ border-color:#008000; }


/* Formulaires WooCommerce classiques (Mon compte, mot de passe perdu) */
.woocommerce form fieldset{ border:1px solid #DCEFD2; border-radius:4px; }
.woocommerce form fieldset legend{ color:#38B000; font-weight:700; padding:0 8px; }
.woocommerce form .form-row label,
.woocommerce-form-row label{ font-weight:700; }


/* Liens présentés comme des boutons dans .page-content — hello-elementor souligne
   tous les liens de .page-content (theme.css). Correct pour le texte courant,
   faux pour un lien qui a l’apparence d’un bouton. */
.page-content a.button,
.page-content a.wp-block-button__link,
.page-content a.wc-block-components-button,
.page-content a.checkout-button,
.page-content .woocommerce-MyAccount-navigation a{ text-decoration:none; }


/* en-tete-pied-exclusion : la règle ci-dessus souligne le corps de texte PARTOUT
   (contenu, modèles Elementor comme la page 404, etc.). On la retire uniquement
   dans les modèles d’en-tête et de pied de page, où les liens ne sont pas du corps de texte. */
.elementor.elementor-location-header .elementor-widget-text-editor a,
.elementor.elementor-location-footer .elementor-widget-text-editor a{ text-decoration:none; }/* End custom CSS */