/* =========================================================
   ÉTOILE VERTE — FORMULAIRE DE CONTACT
   Contact Form 7
   ========================================================= */

/* Largeur confortable du formulaire sur grand écran */
.wpcf7 {
	max-width: 760px;
}

/* Suppression des espacements excessifs générés par les paragraphes */
.wpcf7 form > p {
	margin: 0;
}

/* Libellés */
.wpcf7 label {
	display: block;
	color: #404d34;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
}

/* Conteneur de chaque champ */
.wpcf7-form-control-wrap {
	display: block;
	margin-top: 0;
}

/* Champs textuels */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 44px;

	background: #d8eadf;
	border: 1px solid #9aada2;
	border-radius: 2px;
	box-shadow: none;

	color: #404d34;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;

	padding: 9px 12px;
}

/* Zone de message */
.wpcf7 textarea {
	min-height: 180px;
	resize: vertical;
}

/* Place réservée à la flèche native */
.wpcf7 select {
	padding-right: 38px;
}

/* Texte indicatif */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	color: #687568;
	opacity: 1;
}

/* Champ actif */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	background: #e6f1ea;
	border-color: #006f67;
	outline: 3px solid rgba(0, 111, 103, 0.18);
	outline-offset: 1px;
}

/* Erreur de saisie */
.wpcf7 .wpcf7-not-valid {
	border-color: #b64b33;
}

.wpcf7 .wpcf7-not-valid-tip {
	margin-top: 6px;
	color: #65291c;
	font-size: 14px;
}

/* Mobile et tablette */
@media only screen and (max-width: 959px) {
	.wpcf7 {
		max-width: 100%;
	}
}


/* =========================================================
   ÉTOILE VERTE — PAGES ÉDITORIALES
   Ajouter ev-info-page dans « Custom Body Class »
   ========================================================= */

body.ev-info-page #content-wrap.container {
	max-width: 800px !important;
	margin-right: auto;
	margin-left: auto;
}

body.ev-info-page #primary {
	float: none;
	width: 100%;
	max-width: none;
}


/* =========================================================
   ÉTOILE VERTE — IMAGES ET LÉGENDES DES PAGES ÉDITORIALES
   ========================================================= */

/* Conteneurs d’images */
.ev-info-page figure.wp-block-image,
.ev-info-page figure.wp-caption,
.ev-info-page .wp-caption,
.ev-info-page p:has(> img),
.ev-info-page p:has(> a > img) {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* Images */
.ev-info-page figure.wp-block-image img,
.ev-info-page figure.wp-caption img,
.ev-info-page .wp-caption img,
.ev-info-page p > img,
.ev-info-page p > a > img,
.ev-info-page img.aligncenter {
	display: block;
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-bottom: 0 !important;
	margin-left: auto;
}

/* Légendes */
.ev-info-page figcaption,
.ev-info-page .wp-caption-text {
	text-align: center;
}

/* Paragraphes historiques contenant l’image et sa légende */
.ev-info-page p:has(> img),
.ev-info-page p:has(> a > img) {
	line-height: 1.25;
}

/* Suppression des sauts de ligne historiques devenus superflus */
.ev-info-page p > img + br,
.ev-info-page p > img + br + br,
.ev-info-page p > a:has(> img) + br,
.ev-info-page p > a:has(> img) + br + br {
	display: none !important;
}


/* =========================================================
   ÉTOILE VERTE — CONNEXION / INSCRIPTION WOOCOMMERCE
   ========================================================= */

/* Option inactive : « S’inscrire » ou « Se connecter » */
.woocommerce-account.account-original-style
.owp-account-links .owp-account-link {
	color: #4d6256 !important;
	opacity: 1 !important;
}

/* Option active */
.woocommerce-account.account-original-style
.owp-account-links .owp-account-link.current {
	color: #404d34 !important;
	opacity: 1 !important;
}

/* Survol et navigation au clavier */
.woocommerce-account.account-original-style
.owp-account-links a.owp-account-link:hover,
.woocommerce-account.account-original-style
.owp-account-links a.owp-account-link:focus {
	color: #006f67 !important;
}

/* Cercle « ou » */
.woocommerce-account.account-original-style
.owp-account-links li.or {
	color: #4d6256 !important;
	border-color: #4d6256 !important;
	opacity: 1 !important;
}


/* =========================================================
   ÉTOILE VERTE — CHAMPS DU COMPTE CLIENT
   ========================================================= */

.woocommerce-account.account-original-style
.woocommerce form.login input.input-text,
.woocommerce-account.account-original-style
.woocommerce form.register input.input-text {
	background-color: #d8eadf !important;
	border: 1px solid #9aada2 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	color: #404d34 !important;
}

/* Champ actif */
.woocommerce-account.account-original-style
.woocommerce form.login input.input-text:focus,
.woocommerce-account.account-original-style
.woocommerce form.register input.input-text:focus {
	background-color: #e2efe7 !important;
	border-color: #006f67 !important;
	box-shadow: 0 0 0 2px rgba(0, 111, 103, 0.14) !important;
	outline: none !important;
}


/* =========================================================
   ÉTOILE VERTE — ACTIONS DU FORMULAIRE DE CONNEXION
   ========================================================= */

/* Groupe contenant la case et le bouton */
.woocommerce-account
.woocommerce-form-login
.form-row:not(.form-row-wide) {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 0;
}

/* Case « Se souvenir de moi » */
.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__rememberme {
	display: block;
	margin: 0;
}

/* Bouton de connexion */
.woocommerce-account
.woocommerce-form-login
.woocommerce-form-login__submit {
	float: none;
	margin: 0;
}

/* Lien de récupération du mot de passe */
.woocommerce-account
.woocommerce-form-login
.woocommerce-LostPassword,
.woocommerce-account
.woocommerce-form-login
.lost_password {
	float: none;
	clear: both;
	display: block;
	margin: 12px 0 0;
}


/* =========================================================
   ÉTOILE VERTE — SÉLECTEUR DE QUANTITÉ
   ========================================================= */

/* Contour complet au survol et au focus */
.woocommerce div.product form.cart .quantity .minus:hover,
.woocommerce div.product form.cart .quantity .plus:hover,
.woocommerce div.product form.cart .quantity .minus:focus-visible,
.woocommerce div.product form.cart .quantity .plus:focus-visible {
	border-color: #006f67 !important;
	color: #006f67 !important;
	box-shadow: inset 0 0 0 1px #006f67 !important;
	outline: none !important;
}


/* =========================================================
   ÉTOILE VERTE — MÉTADONNÉES DES FICHES PRODUITS
   Conserve l’UGS, masque les catégories et les étiquettes.
   ========================================================= */

.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as {
	display: none !important;
}


/* =========================================================
   ÉTOILE VERTE — DISPONIBILITÉ SUR LA FICHE PRODUIT
   ========================================================= */

.single-product .summary .stock.in-stock,
.woocommerce div.product p.stock.in-stock {
	color: #587665 !important;
	font-weight: 600;
}


/* =========================================================
   ÉTOILE VERTE — BOUTON SECONDAIRE
   ========================================================= */

.ev-button-secondary {
	background: transparent !important;
	color: #006f67 !important;
	border: 1px solid #006f67 !important;
	box-shadow: none !important;
}

/* Survol et navigation au clavier */
.ev-button-secondary:hover,
.ev-button-secondary:focus {
	background: #006f67 !important;
	color: #ffffff !important;
	border-color: #006f67 !important;
}

/* Focus clavier visible */
.ev-button-secondary:focus-visible {
	outline: 3px solid rgba(0, 111, 103, 0.18);
	outline-offset: 2px;
}
/* =========================================================
   ÉTOILE VERTE — ANCIEN PRIX BARRÉ EN PROMOTION
   Fiche produit, boutique, catégories et produits similaires
   ========================================================= */

/* Neutralise l’atténuation et le barrage portés par <del> */
.single-product div.product .summary .price del,
.woocommerce ul.products li.product .price del {
	color: #404d34 !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

/* Supprime la barre artificielle précédemment ajoutée */
.single-product div.product .summary .price del::after,
.woocommerce ul.products li.product .price del::after {
	content: none !important;
	display: none !important;
}

/* Applique une seule barre typographique au montant réel */
.single-product div.product .summary .price del
.woocommerce-Price-amount,

.woocommerce ul.products li.product .price del
.woocommerce-Price-amount {
	display: inline-block;
	color: #404d34 !important;
	opacity: 1 !important;

	text-decoration-line: line-through !important;
	text-decoration-color: #404d34 !important;
	text-decoration-thickness: 1px !important;
}

/* Le symbole monétaire suit exactement le montant */
.single-product div.product .summary .price del
.woocommerce-Price-currencySymbol,

.woocommerce ul.products li.product .price del
.woocommerce-Price-currencySymbol {
	color: inherit !important;
	opacity: 1 !important;
}
/* =========================================================
   ÉTOILE VERTE — LISTES DÉROULANTES DU CHECKOUT WOOCOMMERCE
   Réserve l’espace nécessaire au libellé flottant.
   ========================================================= */

body.woocommerce-checkout
.wc-block-checkout
.wc-blocks-components-select__select {
	box-sizing: border-box !important;
	height: 50px !important;
	padding: 15px 42px 2px 12px !important;
	line-height: 20px !important;
}
/* =========================================================
   ÉTOILE VERTE — NAVIGATION CLAVIER DES CATÉGORIES
   Liens de catégories et boutons d’accordéon
   ========================================================= */

/* Nom de catégorie sélectionné au clavier */
.ev-category-accordion
.wc-block-product-categories-list-item > a:focus-visible {
	color: #006f67 !important;
	background-color: #e6f1ea !important;
	outline: 2px solid #006f67 !important;
	outline-offset: 2px;
	border-radius: 2px;
	text-decoration: none !important;
}

/* Flèche d’ouverture sélectionnée au clavier */
.ev-category-accordion
.ev-cat-toggle:focus-visible {
	color: #006f67 !important;
	border-color: #006f67 !important;
	outline: 2px solid #006f67 !important;
	outline-offset: 2px;
	box-shadow: none !important;
}

/* =========================================================
   ÉTOILE VERTE — AJOUTS VALIDÉS APRÈS LA VERSION 1.4.0
   Source : Custom CSS du personnalisateur, intégré en 1.5.0
   Ordre conservé volontairement pour préserver la cascade testée.
   ========================================================= */

/* TEST — prix promotionnel courant dans les archives */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
	font-weight: 600 !important;
	text-decoration: none !important;
}
/* =========================================================
   ÉTOILE VERTE — TABLEAU DES INFORMATIONS PRODUIT
   ========================================================= */

.single-product .woocommerce-tabs table.shop_attributes {
	border: 1px solid #9aada2 !important;
	border-collapse: collapse;
	background: rgba(216, 234, 223, 0.28);
}

/* Cellules */
.single-product .woocommerce-tabs table.shop_attributes th,
.single-product .woocommerce-tabs table.shop_attributes td {
	padding: 11px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid #9aada2 !important;
	background: transparent !important;
}

/* Séparation entre libellé et valeur */
.single-product .woocommerce-tabs table.shop_attributes th {
	width: 42%;
	border-right: 1px solid rgba(154, 173, 162, 0.65) !important;
	color: #404d34 !important;
	font-weight: 600;
}

/* Valeurs */
.single-product .woocommerce-tabs table.shop_attributes td,
.single-product .woocommerce-tabs table.shop_attributes td p {
	color: #006f67 !important;
}

/* Pas de double bordure sous la dernière ligne */
.single-product .woocommerce-tabs table.shop_attributes tr:last-child th,
.single-product .woocommerce-tabs table.shop_attributes tr:last-child td {
	border-bottom: 0 !important;
}

/* =========================================================
   ÉTOILE VERTE — FOCUS CLAVIER DES LIENS TEXTUELS
   ========================================================= */

html body a[href]:not(.button):not(.wp-element-button):not(.wc-block-components-button):focus-visible {
	outline: 2px solid #006f67 !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 3px rgba(0, 111, 103, 0.18) !important;
	border-radius: 2px !important;

	text-decoration-line: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

/* =========================================================
   ÉTOILE VERTE — ÉTAT PRESSÉ DES BOUTONS
   Léger enfoncement pendant le clic ou l’activation clavier
   ========================================================= */

html body a.button:not(.disabled):not([aria-disabled="true"]):active,
html body button.button:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
html body input[type="submit"]:not(:disabled):active,
html body input[type="button"]:not(:disabled):active,
html body .wp-element-button:not(.disabled):not([aria-disabled="true"]):active,
html body .wc-block-components-button:not(:disabled):not([aria-disabled="true"]):active,
html body .oceanwp-off-canvas-filter:active,
html body .ev-button-secondary:active {
	transform: translateY(2px) !important;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.18) !important;
}

/* =========================================================
   ÉTOILE VERTE — PRODUITS VARIABLES
   Liste des options et action « Effacer »
   ========================================================= */

/* Liste déroulante des attributs */
.single-product div.product
form.variations_form
table.variations
select {
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	padding: 9px 38px 9px 12px;

	background-color: #d8eadf !important;
	border: 1px solid #9aada2 !important;
	border-radius: 2px !important;
	box-shadow: none !important;

	color: #404d34 !important;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

/* Survol */
.single-product div.product
form.variations_form
table.variations
select:hover {
	border-color: #006f67 !important;
}

/* Champ actif */
.single-product div.product
form.variations_form
table.variations
select:focus,
.single-product div.product
form.variations_form
table.variations
select:focus-visible {
	background-color: #e2efe7 !important;
	border-color: #006f67 !important;
	box-shadow: 0 0 0 2px rgba(0, 111, 103, 0.14) !important;
	outline: none !important;
}

/* Liste momentanément désactivée */
.single-product div.product
form.variations_form
table.variations
select:disabled {
	background-color: #edf2ee !important;
	border-color: #c1cbc4 !important;
	color: #768177 !important;
	cursor: not-allowed;
	opacity: 1 !important;
}

/* Action secondaire « Effacer » */
.single-product div.product
form.variations_form
a.reset_variations {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 34px;
	margin-top: 10px;
	padding: 6px 11px;

	background: transparent !important;
	border: 1px solid #006f67 !important;
	border-radius: 2px !important;
	box-shadow: none !important;

	color: #006f67 !important;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	opacity: 1 !important;
}

/* Icône éventuellement ajoutée par OceanWP */
.single-product div.product
form.variations_form
a.reset_variations::before {
	color: currentColor !important;
	border-color: currentColor !important;
}

/* Survol et navigation clavier */
.single-product div.product
form.variations_form
a.reset_variations:hover,
.single-product div.product
form.variations_form
a.reset_variations:focus-visible {
	background-color: #006f67 !important;
	border-color: #006f67 !important;
	color: #ffffff !important;
}

/* Focus clavier */
.single-product div.product
form.variations_form
a.reset_variations:focus-visible {
	outline: 3px solid rgba(0, 111, 103, 0.18) !important;
	outline-offset: 2px !important;
}

/* Retour tactile au clic */
.single-product div.product
form.variations_form
a.reset_variations:active {
	transform: translateY(1px);
}

/* =========================================================
   ÉTOILE VERTE — PRODUITS VARIABLES
   Renforcement visuel du sélecteur et de l’action « Effacer »
   ========================================================= */

/* Sélecteur de variation : contour plus présent */
.single-product div.product
form.variations_form
table.variations
select {
	background-color: #e6f1ea !important;
	border: 2px solid #6b7f6d !important;
	color: #404d34 !important;
	opacity: 1 !important;
}

/* Survol */
.single-product div.product
form.variations_form
table.variations
select:hover {
	border-color: #4f6244 !important;
}

/* Focus clavier ou sélection active */
.single-product div.product
form.variations_form
table.variations
select:focus,
.single-product div.product
form.variations_form
table.variations
select:focus-visible {
	background-color: #edf5f0 !important;
	border-color: #006f67 !important;
	box-shadow: 0 0 0 3px rgba(0, 111, 103, 0.18) !important;
	outline: none !important;
}

/* Action tertiaire « Effacer » */
.single-product div.product
form.variations_form
a.reset_variations {
	background-color: #edf3ed !important;
	border: 2px solid #4f6244 !important;
	color: #314a38 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

/* Icône éventuelle ajoutée par le thème */
.single-product div.product
form.variations_form
a.reset_variations::before,
.single-product div.product
form.variations_form
a.reset_variations::after,
.single-product div.product
form.variations_form
a.reset_variations i {
	color: #4f6244 !important;
}

/* Survol */
.single-product div.product
form.variations_form
a.reset_variations:hover {
	background-color: #4f6244 !important;
	border-color: #314a38 !important;
	color: #ffffff !important;
}

/* Focus clavier */
.single-product div.product
form.variations_form
a.reset_variations:focus-visible {
	background-color: #edf3ed !important;
	border-color: #314a38 !important;
	color: #314a38 !important;
	outline: 3px solid rgba(49, 74, 56, 0.22) !important;
	outline-offset: 2px !important;
}
/* =========================================================
   ÉTOILE VERTE — BARRE DES FILTRES DES ARCHIVES PRODUITS
   Sur ordinateur, la colonne latérale affiche déjà les
   catégories : le bandeau mobile devient donc inutile.
   ========================================================= */

@media only screen and (min-width: 960px) {
	body.woocommerce.archive .oceanwp-toolbar {
		display: none !important;
	}
}

/* Fiches produit : masquer précédent/suivant sur ordinateur */
@media (min-width: 960px) {
	.single-product .owp-product-nav-wrap {
		display: none !important;
	}
}
/* Compte client — numéro, date et statut de commande */
.woocommerce-account mark.order-number,
.woocommerce-account mark.order-date,
.woocommerce-account mark.order-status {
	background: transparent !important;
	color: #404d34 !important;
	font-weight: 600;
	padding: 0 !important;
}

/* Évite de couper "En cours" sur deux lignes */
.woocommerce-account mark.order-status {
	white-space: nowrap;
}
/* =========================================================
   ESPACE CLIENT — CHAMPS WOOCOMMERCE CLASSIQUES
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text,
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select {
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;

	color: #404d34;
	background-color: #f4f8f3;

	border: 1px solid #66755f;
	border-radius: 2px;

	box-shadow: none;
	transition:
		border-color 0.15s ease,
		box-shadow 0.15s ease,
		background-color 0.15s ease;
}

/* Survol */
.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:hover,
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:hover,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select:hover {
	border-color: #405034;
}

/* Focus clavier et saisie */
.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:focus,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select:focus {
	background-color: #ffffff;
	border-color: #00665f;

	outline: 2px solid #00665f;
	outline-offset: 1px;

	box-shadow: 0 0 0 2px rgba(0, 102, 95, 0.16);
}

/* Champs désactivés ou en lecture seule */
.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:disabled,
.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text[readonly],
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:disabled,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select:disabled {
	color: #66705f;
	background-color: rgba(244, 248, 243, 0.55);
	border-color: rgba(64, 77, 52, 0.35);
	cursor: not-allowed;
	opacity: 1;
}