/* =========================================================
   ÉTOILE VERTE — STYLES GLOBAUX
   Version 1.4.0
   ========================================================= */

/* =========================================================
   01. LOGO MOBILE
   Dimensions réelles validées : 208 × 52 px.
   ========================================================= */

@media only screen and (max-width: 959px) {
	#site-logo,
	#site-logo #site-logo-inner,
	#site-logo #site-logo-inner a {
		width: 208px !important;
		max-width: 208px !important;
	}

	#site-logo #site-logo-inner a img,
	#site-logo img.custom-logo,
	#site-logo img.responsive-logo {
		display: block !important;
		width: 208px !important;
		height: auto !important;
		max-width: 208px !important;
		max-height: 52px !important;
		object-fit: contain;
	}
}

/* =========================================================
   02. COMPATIBILITÉ DE L’ANCIEN BALISAGE PRESTASHOP
   Conserve <em> et <strong> dans le HTML sans emphase visuelle.
   ========================================================= */

em.tdl,
i.tdl {
	font-style: normal !important;
}

strong.tdl,
b.tdl {
	font-weight: 400 !important;
}

/* =========================================================
   03. FOOTER
   Titres des blocs modernes.
   ========================================================= */

#footer-widgets .wp-block-heading {
	color: #ffffff;
}

/* =========================================================
   04. BOUTONS ET ACTIONS
   Couvre les boutons WooCommerce de classe .button, les boutons
   de formulaire et les boutons de blocs WordPress.
   Les boutons intégrés dans les interfaces tierces de paiement
   restent volontairement gérés par leurs fournisseurs.
   ========================================================= */

a.button,
button.button,
input.button,
button[type="submit"],
input[type="submit"],
.wp-element-button {
	background: #006f67;
	border: 1px solid #006f67;
	border-radius: 2px;
	box-shadow: none;
	color: #ffffff;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	padding: 10px 18px;
	text-transform: none;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease;
}

a.button:hover,
button.button:hover,
input.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wp-element-button:hover {
	background: #005c56;
	border-color: #005c56;
	color: #ffffff;
}

a.button:focus-visible,
button.button:focus-visible,
input.button:focus-visible,
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible,
.wp-element-button:focus-visible {
	outline: 3px solid rgba(0, 111, 103, 0.24);
	outline-offset: 2px;
}

/* =========================================================
   05. MESSAGES ET ÉTATS WOOCOMMERCE
   Sélecteurs renforcés pour rester prioritaires sur OceanWP.
   ========================================================= */

body .woocommerce-info,
body .woocommerce-message,
body ul.woocommerce-error,
body .woocommerce-error {
	border: 1px solid;
	border-left-width: 4px;
	border-radius: 2px;
	box-shadow: none;
	color: #404d34;
	font-family: "Open Sans", Arial, sans-serif;
	line-height: 1.5;
	margin-bottom: 24px;
	padding: 14px 18px 14px 48px;
}

body .woocommerce-info {
	background: #d8eadf;
	border-color: #006f67;
}

body .woocommerce-message {
	background: #e6efe8;
	border-color: #708b7e;
}

body ul.woocommerce-error,
body .woocommerce-error {
	background: #f5e2dc;
	border-color: #b64b33;
	color: #65291c;
}

body .woocommerce-info::before,
body .woocommerce-message::before,
body ul.woocommerce-error::before,
body .woocommerce-error::before {
	left: 18px;
	top: 14px;
}

body .woocommerce-info::before {
	color: #006f67;
}

body .woocommerce-message::before {
	color: #587665;
}

body ul.woocommerce-error::before,
body .woocommerce-error::before {
	color: #b64b33;
}

/* =========================================================
   06. DOCUMENTS PDF DES PRODUITS
   Notice spécifique dans le résumé et document général sous
   les onglets du produit. Aucun style n’est appliqué aux PDF.
   ========================================================= */

.single-product .ev-product-documents {
	margin: 22px 0 6px;
	padding: 16px 18px;
	border: 1px solid #9aada2;
	border-left: 4px solid #708b7e;
	border-radius: 2px;
	background: #d8eadf;
}

.single-product .ev-product-documents__title {
	margin: 0 0 12px !important;
	padding: 0 !important;
}

.single-product .ev-product-documents__button {
	margin: 0 !important;
}

.single-product .ev-product-documentation {
	clear: both;
	margin: 24px 0 32px;
}

.single-product .ev-product-documentation__details {
	border: 1px solid #9aada2;
	border-radius: 2px;
	background: rgba(216, 234, 223, 0.72);
}

.single-product .ev-product-documentation__summary {
	position: relative;
	padding: 14px 44px 14px 18px;
	color: #404d34;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.single-product .ev-product-documentation__summary::-webkit-details-marker {
	display: none;
}

.single-product .ev-product-documentation__summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 18px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	transform: translateY(-50%);
}

.single-product .ev-product-documentation__details[open]
.ev-product-documentation__summary::after {
	content: "−";
}

.single-product .ev-product-documentation__summary:focus-visible {
	outline: 3px solid rgba(0, 111, 103, 0.24);
	outline-offset: 2px;
}

.single-product .ev-product-documentation__content {
	padding: 0 18px 16px;
	border-top: 1px solid #9aada2;
}

.single-product .ev-product-documentation__links {
	margin: 14px 0 0;
	padding-left: 1.2rem;
}

.single-product .ev-product-documentation__links li + li {
	margin-top: 8px;
}

@media (max-width: 767px) {
	.single-product .ev-product-documents {
		padding: 14px;
	}

	.single-product .ev-product-documentation__summary {
		padding-left: 14px;
	}

	.single-product .ev-product-documentation__content {
		padding-right: 14px;
		padding-left: 14px;
	}
}