/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author:
Description: Astra child theme.
Version: 1.0.0
Text Domain: astra-child
*/

/* Sticky header */
header#masthead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 99;
	width: 100%;
}

header#masthead.astra-child-is-sticky {
	background-color: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

/* Entrance animation only on pointer/desktop-sized screens: on phones the
   sticky header carries more content (branding + hamburger + category
   row), so animating its transform while the browser is also busy
   compositing touch-scroll is what caused the mobile stutter. Applying
   the state change instantly on mobile, with no transition/animation at
   all, removes that extra per-frame paint/composite work. */
@media (min-width: 922px) {
	header#masthead {
		transition: box-shadow 0.35s ease, background-color 0.35s ease;
	}

	header#masthead.astra-child-is-sticky {
		animation: astraChildFadeInDown 0.25s ease;
	}
}

@keyframes astraChildFadeInDown {
	from {
		transform: translateY(-8px);
	}

	to {
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	header#masthead.astra-child-is-sticky {
		animation: none;
	}
}

body.admin-bar header#masthead {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar header#masthead {
		top: 46px;
	}
}

/* Below 600px the WP admin bar is not fixed: no offset for the sticky header */
@media screen and (max-width: 600px) {
	body.admin-bar header#masthead {
		top: 0;
	}
}

/* Category menu row */
.ast-child-category-menu-wrap {
	position: relative;
	width: 100%;
	border-top: 1px solid #eee;
}

.ast-child-category-menu-wrap .ast-container {
	width: 100%;
}

.ast-child-category-menu {
	display: block;
	width: 100%;
}

.ast-child-category-menu-list {
	display: flex !important;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ast-child-category-menu-list li {
	margin: 0;
}

.ast-child-category-menu-list > li > a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}

/* ===== Greenco – Header design ===== */
header#masthead {
	background: #fff;
	box-shadow: 0 1px 0 rgba(15, 74, 51, 0.08);
}

/* Main row: logo + menu */
header#masthead .main-header-bar {
	border-bottom: 0;
}

header#masthead .site-logo-img img,
header#masthead .custom-logo-link img {
	transition: transform 0.3s ease, max-height 0.3s ease;
}

header#masthead .custom-logo-link:hover img {
	transform: scale(1.03);
}

header#masthead .main-header-menu > .menu-item > .menu-link {
	position: relative;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: var(--gc-green, #0f4a33);
	transition: color 0.25s ease;
}

/* Animated underline */
header#masthead .main-header-menu > .menu-item > .menu-link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 18%;
	width: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--gc-lime, #50AF47);
	transform: translateX(-50%);
	transition: width 0.3s ease;
}

header#masthead .main-header-menu > .menu-item:hover > .menu-link::after,
header#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link::after,
header#masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link::after {
	width: calc(100% - 2em);
}

header#masthead .main-header-menu > .menu-item:hover > .menu-link,
header#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link {
	color: var(--gc-lime, #50AF47);
	color: #6f8c0f;
}

/* "Demande de devis" as a call-to-action pill */
header#masthead .main-header-menu > .menu-item:last-child:not(.menu-item-has-children):not(.wpml-ls-item):not(.menu-item-language) > .menu-link {
	margin-left: 8px;
	padding-left: 1.3em;
	padding-right: 1.3em;
	line-height: 2.4;
	border-radius: 999px;
	background: var(--gc-green, #0f4a33);
	color: #fff;
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

header#masthead .main-header-menu > .menu-item:last-child:not(.menu-item-has-children):not(.wpml-ls-item):not(.menu-item-language) > .menu-link::after {
	display: none;
}

header#masthead .main-header-menu > .menu-item:last-child:not(.menu-item-has-children):not(.wpml-ls-item):not(.menu-item-language):hover > .menu-link {
	background: var(--gc-lime, #50AF47);
	color: var(--gc-green, #0f4a33);
	transform: translateY(-1px);
}

.astra-menu-cat-icon {
	margin-left: 0.5em;
}

/* Language switcher */
header#masthead .menu-item-has-children > .menu-link .ast-icon,
header#masthead .menu-item-has-children > .menu-link .dropdown-menu-toggle {
	opacity: 0.6;
}

header#masthead .sub-menu {
	border: 0;
	border-top: 2px solid var(--gc-lime, #50AF47);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 12px 28px rgba(15, 74, 51, 0.14);
	overflow: hidden;
}

header#masthead .sub-menu .menu-link {
	transition: background 0.2s ease, padding-left 0.2s ease;
}

header#masthead .sub-menu .menu-link:hover {
	padding-left: 1.6em;
	background: var(--gc-bg, #f6f8f6);
}

/* Header search (AWS) between logo and menu */
.ast-child-header-search[hidden] {
	display: none;
}

header#masthead .ast-child-has-search {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
}

/* Keep the logo from being squeezed by the search field */
header#masthead .ast-child-has-search > .ast-site-identity,
header#masthead .ast-child-has-search > .site-branding,
header#masthead .ast-child-has-search > [class*="ast-builder-layout-element"] {
	flex: 0 0 auto;
}

header#masthead .ast-child-has-search .custom-logo-link,
header#masthead .ast-child-has-search .custom-logo-link img {
	display: block;
	flex: 0 0 auto;
	min-width: 120px;
	max-width: none;
}

.ast-child-header-search {
	flex: 1 1 auto;
	max-width: 480px;
	margin-left: 40px;
}

.ast-child-header-search .aws-container,
.ast-child-header-search .aws-search-form {
	width: 100%;
}

.ast-child-header-search .aws-search-form {
	position: relative;
	height: 42px;
	border: 1px solid var(--gc-border, #e4e8e5);
	border-radius: 999px;
	background: var(--gc-bg, #f6f8f6);
	overflow: hidden;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.ast-child-header-search .aws-search-form:focus-within {
	border-color: var(--gc-lime, #50AF47);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(157, 194, 27, 0.2);
}

.ast-child-header-search .aws-wrapper {
	height: 100%;
}

.ast-child-header-search .aws-search-field {
	height: 100%;
	padding: 0 48px 0 20px;
	border: 0;
	background: transparent;
	color: var(--gc-green, #0f4a33);
	font-size: 0.95em;
	box-shadow: none;
}

.ast-child-header-search .aws-search-field:focus {
	outline: 0;
	box-shadow: none;
}

.ast-child-header-search .aws-search-btn.aws-form-btn {
	width: 42px;
	height: 100%;
	background: transparent;
	border: 0;
}

.ast-child-header-search .aws-search-btn svg {
	fill: var(--gc-green, #0f4a33);
	transition: fill 0.2s ease;
}

.ast-child-header-search .aws-search-btn:hover svg {
	fill: #6f8c0f;
}

@media (max-width: 921px) {
	.ast-child-header-search {
		display: none;
	}
}

/* Category row */
.ast-child-category-menu-wrap {
	border-top: 1px solid var(--gc-border, #e4e8e5);
	border-bottom: 1px solid var(--gc-border, #e4e8e5);
	background: linear-gradient(180deg, #fff 0%, var(--gc-bg, #f6f8f6) 100%);
}

.ast-child-category-menu-list > li > a {
	position: relative;
	padding: 14px 20px;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gc-green, #0f4a33);
	transition: color 0.25s ease, background 0.25s ease;
}

.ast-child-category-menu-list > li > a::after {
	content: "";
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	height: 3px;
	border-radius: 3px 3px 0 0;
	background: var(--gc-lime, #50AF47);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
}

.ast-child-category-menu-list > li:hover > a,
.ast-child-category-menu-list > li:focus-within > a,
.ast-child-category-menu-list > li.current-menu-item > a {
	color: #6f8c0f;
	background: rgba(157, 194, 27, 0.08);
}

.ast-child-category-menu-list > li:hover > a::after,
.ast-child-category-menu-list > li:focus-within > a::after,
.ast-child-category-menu-list > li.current-menu-item > a::after {
	transform: scaleX(1);
}

@media (max-width: 921px) {
	header#masthead {
		border-top-width: 2px;
	}

	.ast-child-category-menu-list > li > a {
		padding: 10px 12px;
		font-size: 0.8em;
	}

	/* Full screen side panel opened by the hamburger on mobile */
	.ast-child-mobile-panel {
		position: fixed;
		inset: 0;
		z-index: 100000;
		display: flex;
		flex-direction: column;
		width: 100vw;
		height: 100vh;
		height: 100dvh;
		background: #fff;
		overflow-y: auto;
		transform: translateX(100%);
		visibility: hidden;
		transition: transform 0.35s ease, visibility 0s linear 0.35s;
	}

	.ast-child-mobile-panel.is-open {
		transform: translateX(0);
		visibility: visible;
		transition: transform 0.35s ease;
	}

	html.ast-child-panel-open {
		overflow: hidden;
	}

	.ast-child-mobile-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px 0 24px;
	}

	.ast-child-mobile-logo .custom-logo-link {
		display: block;
	}

	.ast-child-mobile-logo img.custom-logo {
		width: 140px !important;
		height: auto;
	}

	.ast-child-mobile-close {
		margin: 0;
		padding: 0 12px;
		border: 0;
		background: transparent;
		font-size: 40px;
		line-height: 1;
		color: var(--gc-green, #0f4a33);
		cursor: pointer;
	}

	.ast-child-mobile-tabs {
		display: flex;
		border-bottom: 1px solid var(--gc-border, #e4e8e5);
	}

	.ast-child-mobile-tab {
		flex: 1;
		padding: 14px 8px;
		border: 0;
		border-bottom: 3px solid transparent;
		background: transparent;
		font-size: 0.95em;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--gc-green, #0f4a33);
		cursor: pointer;
	}

	.ast-child-mobile-tab.is-active {
		border-bottom-color: var(--gc-lime, #50AF47);
		color: #6f8c0f;
	}

	.ast-child-mobile-pane {
		display: none;
	}

	.ast-child-mobile-pane.is-active {
		display: block;
	}

	.ast-child-mobile-main-menu,
	.ast-child-mobile-main-menu ul {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ast-child-mobile-main-menu li {
		display: block;
		width: 100%;
	}

	.ast-child-mobile-main-menu a {
		display: block;
		padding: 16px 24px;
		font-weight: 600;
		color: var(--gc-green, #0f4a33);
	}

	.ast-child-mobile-main-menu .sub-menu {
		position: static;
		display: block;
		width: 100%;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border: 0;
	}

	.ast-child-mobile-main-menu .sub-menu a {
		padding-left: 44px;
		font-weight: 400;
	}

	.ast-child-mobile-main-menu .ast-menu-toggle {
		display: none;
	}

	.ast-child-mobile-search {
		padding: 0 16px 12px;
	}

	.ast-child-mobile-panel .ast-child-header-search {
		display: block;
		max-width: none;
		margin: 0;
	}

	.ast-child-category-menu-wrap {
		display: none;
	}

	img.custom-logo {
		width: 60% !important;
	}

	.ast-child-mobile-panel .ast-child-category-menu-list {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
	}

	.ast-child-mobile-panel .ast-child-category-menu-list > li > a {
		display: block;
		padding: 16px 24px;
		font-size: 1em;
	}
}

/* Mega menu panel (full width) */
.ast-child-has-mega > .ast-child-mega-panel {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	z-index: 100;
}

.ast-child-has-mega:hover > .ast-child-mega-panel,
.ast-child-has-mega:focus-within > .ast-child-mega-panel {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.ast-child-mega-panel-inner {
	padding-top: 18px;
	padding-bottom: 0;
}

.ast-child-mega-head {
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.ast-child-mega-title {
	display: block;
	font-size: inherit;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-decoration: none;
}

.ast-child-mega-desc {
	margin: 0;
	font-size: inherit;
	opacity: 0.7;
}

.ast-child-mega-carousel {
	position: relative;
	padding: 20px 0;
}

.ast-child-mega-products {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 50px !important;
}

.ast-child-mega-products::-webkit-scrollbar {
	display: none;
}

.ast-child-mega-product {
	flex: 0 0 150px;
	margin: 0;
	scroll-snap-align: start;
}

.ast-child-mega-product a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	text-decoration: none;
	color: inherit;
}

.ast-child-mega-product-thumb {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.04);
}

.ast-child-mega-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	transition: transform 0.3s ease;
}

.ast-child-mega-product a:hover .ast-child-mega-product-thumb img {
	transform: scale(1.05);
}

.ast-child-mega-product-title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: inherit;
	line-height: 1.4;
}

.ast-child-mega-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	background: #fff;
	color: inherit;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	z-index: 2;
	transition: box-shadow 0.2s ease, opacity 0.2s ease;
}

.ast-child-mega-nav:not(:disabled):hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.ast-child-mega-nav::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 auto;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.ast-child-mega-prev {
	left: 0;
}

.ast-child-mega-prev::before {
	transform: rotate(-135deg);
	margin-left: 15px;
}

.ast-child-mega-next {
	right: 0;
}

.ast-child-mega-next::before {
	transform: rotate(45deg);
	margin-left: 12px;
}

.ast-child-mega-nav:disabled {
	opacity: 0.35;
	cursor: default;
}

.ast-child-mega-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 16px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ast-child-mega-footer-logo img {
	max-height: 40px;
	width: auto;
}

.ast-child-mega-footer-list {
	display: flex;
	gap: 12px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ast-child-mega-footer-list li {
	margin: 0;
}

.ast-child-mega-footer-list a {
	display: inline-block;
	text-decoration: none;
}

@media (max-width: 921px) {
	.ast-child-mega-panel {
		display: none;
	}
}

.ast-child-mega-carousel {
    padding: 7px !important;
}

#primary {
    margin: 20px 0;
}

.page-title {
    margin-bottom: 5px;
}

p {
    margin-bottom: 0px;
}

/* ===== Greenco – Grille catégories WooCommerce ===== */
:root {
	--gc-green: #0f4a33;
	--gc-lime: #50AF47;
	--gc-border: #e4e8e5;
	--gc-bg: #f6f8f6;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	margin: 32px 0 !important;
	padding: 0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

/* Carte + bordures élégantes */
.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 16px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(145deg, #d9e3dc 0%, #f1f5f2 45%, #c9dc7a 100%) border-box;
	box-shadow: 0 1px 2px rgba(15, 74, 51, 0.06), 0 6px 16px rgba(15, 74, 51, 0.05);
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: transparent;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(145deg, #0f4a33 0%, #50AF47 100%) border-box;
	box-shadow: 0 2px 4px rgba(15, 74, 51, 0.08), 0 18px 36px rgba(15, 74, 51, 0.16);
}

/* Image */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
	position: relative;
	aspect-ratio: 1 / 1;
	background: var(--gc-bg);
}

.woocommerce ul.products li.product .astra-shop-thumbnail-wrap > a.woocommerce-LoopProduct-link {
	display: block;
	height: 100%;
}

.woocommerce ul.products li.product img {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.35s ease;
}

.woocommerce ul.products li.product:hover img {
	transform: scale(1.05);
}

.woocommerce ul.products li.product .ast-on-card-button,
.woocommerce ul.products li.product .ast-woo-product-category {
	display: none !important;
}

/* Contenu */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 16px 18px 18px;
	border-top: 1px solid #eef2ef;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: calc(1.35em * 2);
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.35;
	color: var(--gc-green);
}

h1.entry-title {
	position: relative;
	padding-bottom: 6px;
}

h1.entry-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--gc-green), var(--gc-lime));
}

/* RTL (Arabic): the underline starts from the reading direction's start,
   i.e. the right edge, not the left. */
body.rtl h1.entry-title::after,
html[dir="rtl"] h1.entry-title::after {
	left: auto;
	right: 0;
	background: linear-gradient(270deg, var(--gc-green), var(--gc-lime));
}

@media (max-width: 768px) {
	h1.entry-title::after {
		width: 35px;
	}
}

/* Bouton devis */
.woocommerce ul.products li.product .wd-btn-devis,
.woocommerce ul.products li.product .wd-btn-view-product {
	display: block;
	width: 100%;
	margin-top: auto;
	text-align: center;
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.ast-woocommerce-container {
		margin-top: 15px;
	}

	h1.entry-title {
		margin-top: 15px;
	}

	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.woocommerce ul.products li.product .astra-shop-summary-wrap {
		padding: 12px;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 14px;
	}

	.woocommerce ul.products li.product .wd-btn-devis,
	.woocommerce ul.products li.product .wd-btn-view-product {
		padding: 8px 10px;
		font-size: 13px;
	}
}

@media (max-width: 420px) {
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}
}

p.woocommerce-result-count {
    display: none;
}

form.woocommerce-ordering {
    display: none;
}

/* ===== Greenco – Page produit ===== */

/* Galerie : carte à bordure dégradée */
.single-product div.product .woocommerce-product-gallery {
	position: relative;
	padding: 10px !important;
	border: 1px solid transparent;
	border-radius: 20px;
	background:
		linear-gradient(var(--gc-bg), var(--gc-bg)) padding-box,
		linear-gradient(145deg, #d9e3dc 0%, #f1f5f2 45%, #c9dc7a 100%) border-box;
	box-shadow: 0 1px 2px rgba(15, 74, 51, 0.06), 0 10px 24px rgba(15, 74, 51, 0.06);
}

.single-product div.product .woocommerce-product-gallery img {
	border-radius: 12px;
	mix-blend-mode: multiply;
}

.single-product div.product .woocommerce-product-gallery__trigger {
	top: 16px;
	right: 16px;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(15, 74, 51, 0.15);
}

/* Résumé */
.single-product div.product .summary.entry-summary {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 4px;
}

.single-product div.product .single-product-category {
	order: -1;
	margin-bottom: 10px;
}

.single-product div.product .single-product-category a {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 999px;
	background: rgba(157, 194, 27, 0.16);
	color: var(--gc-green);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none;
}

.single-product div.product .woocommerce-breadcrumb {
	order: -2;
	margin-bottom: 14px;
	font-size: 13px;
	opacity: 0.8;
}

.single-product div.product .product_title {
	margin: 0 0 14px;
	font-size: clamp(24px, 2.6vw, 34px);
	line-height: 1.2;
	color: var(--gc-green);
}

/* Pas de soulignement dégradé sous le titre */
.single-product div.product .product_title::after {
	content: none !important;
	display: none !important;
}

.single-product div.product .woocommerce-product-details__short-description {
	margin-bottom: 20px;
	padding-left: 16px;
	border-left: 3px solid var(--gc-lime);
	font-size: 16px;
	line-height: 1.65;
}

/* RTL (Arabic): the accent bar sits on the reading direction's start,
   i.e. the right edge, not the left. */
body.rtl .single-product div.product .woocommerce-product-details__short-description,
html[dir="rtl"] .single-product div.product .woocommerce-product-details__short-description {
	padding-left: 0;
	padding-right: 16px;
	border-left: 0;
	border-right: 3px solid var(--gc-lime);
}

/* Catégorie déjà visible en pastille + fil d'Ariane */
.single-product div.product .product_meta {
	display: none;
}

/* Quantité + bouton devis */
.single-product div.product .wd-single-noprice-wrap {
	display: flex;
	align-items: stretch;
	gap: 12px;
	width: 100%;
	max-width: 420px;
	margin-top: 8px;
	padding: 14px;
	border: 1px solid var(--gc-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(15, 74, 51, 0.07);
}

.single-product div.product .wd-single-qty {
	width: 76px;
	height: auto;
	padding: 10px;
	border: 1px solid var(--gc-border);
	border-radius: 999px;
	background: var(--gc-bg);
	color: var(--gc-green);
	font-weight: 600;
	text-align: center;
}

.single-product div.product .wd-single-qty:focus {
	border-color: var(--gc-lime);
	outline: none;
	box-shadow: 0 0 0 3px rgba(157, 194, 27, 0.25);
}

.single-product div.product .wd-single-noprice-wrap .wd-btn-devis {
	flex: 1;
}

/* Fiche technique */
.single-product .ft-wrapper {
	margin: 56px 0;
}

.single-product .ft-title {
	position: relative;
	margin-bottom: 28px;
	padding-bottom: 14px;
	text-align: center;
	color: var(--gc-green);
}

.single-product .ft-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--gc-green), var(--gc-lime));
	transform: translateX(-50%);
}

.single-product .ft-table {
	width: 100%;
	overflow: hidden;
	border: 1px solid transparent !important;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 16px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(145deg, #d9e3dc 0%, #f1f5f2 45%, #c9dc7a 100%) border-box;
	box-shadow: 0 1px 2px rgba(15, 74, 51, 0.06), 0 8px 20px rgba(15, 74, 51, 0.06);
}

.single-product .ft-table .ft-th {
	padding: 14px 20px;
	border: 0 !important;
	background: var(--gc-green);
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.single-product .ft-table .ft-td {
	padding: 14px 20px;
	border: 0 !important;
	border-top: 1px solid #eef2ef !important;
}

.single-product .ft-table .ft-td--cara {
	width: 40%;
	font-weight: 600;
	color: var(--gc-green);
}

.single-product .ft-table .ft-tr--alt .ft-td {
	background: var(--gc-bg);
}

.single-product .ft-table .ft-tr:hover .ft-td {
	background: rgba(157, 194, 27, 0.1);
}

/* Produits similaires */
.single-product .related.products > h2 {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 12px;
	color: var(--gc-green);
}

.single-product .related.products > h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--gc-green), var(--gc-lime));
}

/* RTL (Arabic): the underline starts from the reading direction's start,
   i.e. the right edge, not the left. */
body.rtl .single-product .related.products > h2::after,
html[dir="rtl"] .single-product .related.products > h2::after {
	left: auto;
	right: 0;
	background: linear-gradient(270deg, var(--gc-green), var(--gc-lime));
}

@media (max-width: 768px) {
	.single-product div.product .woocommerce-product-gallery {
		padding: 10px !important;
	}

	.single-product div.product .wd-single-noprice-wrap {
		max-width: none;
	}

	.single-product .ft-table .ft-th,
	.single-product .ft-table .ft-td {
		padding: 12px 14px;
	}

	.single-product .ft-table .ft-td--cara {
		width: 45%;
	}
}

/* ===== Greenco – Quick view ===== */
.gc-qv-trigger {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var(--gc-green);
	box-shadow: 0 4px 14px rgba(15, 74, 51, 0.2);
	cursor: pointer;
	opacity: 0;
	transform: translateY(-6px) scale(0.9);
	transition: opacity 0.25s ease, transform 0.25s ease, background 0.2s ease, color 0.2s ease;
}

li.product:hover .gc-qv-trigger,
li.product:focus-within .gc-qv-trigger {
	opacity: 1;
	transform: none;
}

.gc-qv-trigger:hover {
	background: var(--gc-green);
	color: #fff;
}

.gc-qv-tip {
	position: absolute;
	right: 50px;
	padding: 4px 10px;
	border-radius: 6px;
	background: var(--gc-green);
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.gc-qv-trigger:hover .gc-qv-tip {
	opacity: 1;
}

/* Écrans tactiles : icône toujours visible */
@media (hover: none) {
	.gc-qv-trigger {
		opacity: 1;
		transform: none;
		width: 38px;
		height: 38px;
	}

	.gc-qv-tip {
		display: none;
	}
}

/* Mobile: smaller trigger so it doesn't dominate the (narrower) product card */
@media (max-width: 768px) {
	.gc-qv-trigger {
		top: 8px;
		right: 8px;
		width: 30px;
		height: 30px;
	}

	.gc-qv-trigger svg {
		width: 15px;
		height: 15px;
	}
}

/* Modale */
.gc-qv-lock {
	overflow: hidden;
}

.gc-qv-modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.25s ease, visibility 0.25s;
}

.gc-qv-modal.is-open {
	visibility: visible;
	opacity: 1;
}

.gc-qv-overlay {
	position: absolute;
	inset: 0;
	background: rgba(10, 30, 22, 0.6);
	backdrop-filter: blur(3px);
}

.gc-qv-box {
	position: relative;
	width: 100%;
	max-width: 880px;
	max-height: 90vh;
	overflow: auto;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
	transform: translateY(16px);
	transition: transform 0.3s ease;
}

.gc-qv-modal.is-open .gc-qv-box {
	transform: none;
}

.gc-qv-close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--gc-bg);
	color: var(--gc-green);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.gc-qv-close:hover {
	background: var(--gc-green);
	color: #fff;
}

.gc-qv-body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 320px;
}

.gc-qv-media {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gc-bg);
}

.gc-qv-media img {
	width: 100%;
	height: auto;
	max-height: 460px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.gc-qv-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 36px 32px;
}

.gc-qv-cat a {
	display: inline-block;
	margin-bottom: 12px;
	padding: 4px 14px;
	border-radius: 999px;
	background: rgba(157, 194, 27, 0.16);
	color: var(--gc-green);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none;
}

.gc-qv-title {
	margin: 0 0 14px;
	font-size: 24px;
	line-height: 1.25;
	color: var(--gc-green);
}

.gc-qv-desc {
	margin-bottom: 24px;
	padding-left: 14px;
	border-left: 3px solid var(--gc-lime);
	line-height: 1.6;
}

/* RTL (Arabic): the accent bar sits on the reading direction's start,
   i.e. the right edge, not the left. */
body.rtl .gc-qv-desc,
html[dir="rtl"] .gc-qv-desc {
	padding-left: 0;
	padding-right: 14px;
	border-left: 0;
	border-right: 3px solid var(--gc-lime);
}

.gc-qv-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.gc-qv-btn {
	text-decoration: none;
}

.gc-qv-loading {
	grid-column: 1 / -1;
	align-self: center;
	justify-self: center;
	width: 40px;
	height: 40px;
	border: 3px solid var(--gc-border);
	border-top-color: var(--gc-green);
	border-radius: 50%;
	animation: gcQvSpin 0.8s linear infinite;
}

@keyframes gcQvSpin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 680px) {
	.gc-qv-body {
		grid-template-columns: 1fr;
	}

	.gc-qv-info {
		padding: 22px 20px 26px;
	}
}

/* Menu principal du header en majuscules */
.main-header-menu .menu-link {
	text-transform: uppercase;
}

.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child {
    margin-bottom: 0;
}

/* Même taille et même graisse : menu principal et menu catégorie */
#ast-hf-menu-1 > .menu-item > .menu-link,
.ast-child-category-menu-list > li > a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

@media (max-width: 921px) {
	#ast-hf-menu-1 > .menu-item > .menu-link,
	.ast-child-category-menu-list > li > a {
		font-size: 13px;
	}
}

#ast-scroll-top
{
	font-size: 20px !important;
	border-radius: 20px 0px 20px 20px !important;
	background: var(--gc-green, #0f4a33) !important;
	color: #fff !important;
	transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

#ast-scroll-top:hover
{
	background: var(--gc-lime, #50AF47) !important;
	color: var(--gc-green, #0f4a33) !important;
	transform: rotate(-45deg);
}

#ast-scroll-top svg.ast-arrow-svg {
	transition: transform 0.25s ease;
}

#ast-scroll-top:hover svg.ast-arrow-svg {
	transform: rotate(225deg);
}

a.menu-link {
    padding-bottom: 10px !important;
}

#ast-hf-menu-1 > .menu-item > .menu-link, .ast-child-category-menu-list > li > a {
    padding: 15px !important;
}

@media (max-width: 921px) {
	.ast-child-mobile-head {
		padding: 12px 24px;
	}
}

/* Mobile panel: same font size and weight for both tabs */
.ast-child-mobile-panel ul.ast-child-mobile-main-menu a,
.ast-child-mobile-panel ul#menu-categoryfr > li > a {
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	text-transform: uppercase !important;
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu .sub-menu a {
	font-weight: 600 !important;
}

/* Mobile panel tabs: neutralise the theme button style */
.ast-child-mobile-panel .ast-child-mobile-tabs .ast-child-mobile-tab {
	flex: 1;
	padding: 14px 8px;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gc-green, #0f4a33) !important;
}

.ast-child-mobile-panel .ast-child-mobile-tabs .ast-child-mobile-tab.is-active {
	border-bottom-color: var(--gc-lime, #50AF47) !important;
	color: #6f8c0f !important;
}

/* Mobile panel: language switcher */
.ast-child-mobile-lang {
	margin-top: auto;
	padding: 24px;
}

.ast-child-mobile-lang:empty {
	display: none;
}

.ast-child-lang-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 6px;
	border-radius: 999px;
	background: var(--gc-bg, #f6f8f6);
	border: 1px solid var(--gc-border, #e4e8e5);
}

.ast-child-lang-switcher .ast-child-lang {
	flex: 1 1 0;
	padding: 10px 14px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-align: center;
	text-decoration: none;
	color: var(--gc-green, #0f4a33);
	transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.ast-child-lang-switcher .ast-child-lang:hover {
	background: rgba(157, 194, 27, 0.15);
}

.ast-child-lang-switcher .ast-child-lang.is-current {
	background: var(--gc-green, #0f4a33);
	color: #fff;
	box-shadow: 0 2px 8px rgba(15, 74, 51, 0.25);
}

/* Mobile side panel: never displayed on desktop */
.ast-child-mobile-panel {
	display: none;
}

@media (max-width: 921px) {
	.ast-child-mobile-panel {
		display: flex;
	}
}

/* Product gallery zoom: keep an opaque background behind the zoomed image */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
	background: #fff;
}

.woocommerce-product-gallery img.zoomImg {
	background-color: #fff !important;
	mix-blend-mode: normal !important;
}

/* Quick view trigger: only the hover colour, none on active/focus */
.gc-qv-trigger:active,
.gc-qv-trigger:focus,
.gc-qv-trigger:focus-visible {
	background: #fff;
	color: var(--gc-green);
	outline: 0;
}

.gc-qv-trigger:hover,
.gc-qv-trigger:hover:active,
.gc-qv-trigger:hover:focus {
	background: var(--gc-green);
	color: #fff;
}

/* Quick view close: only the hover colour, none on active/focus */
.gc-qv-close:active,
.gc-qv-close:focus,
.gc-qv-close:focus-visible {
	background: var(--gc-bg);
	color: var(--gc-green);
	outline: 0;
}

.gc-qv-close:hover,
.gc-qv-close:hover:active,
.gc-qv-close:hover:focus {
	background: var(--gc-green);
	color: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin: 5px !important;
}

/* Footer widgets: 1 row, 4 columns */
.ast-child-footer-widgets {
	padding: 48px 0;
	background: var(--gc-bg, #f6f8f6);
	border-top: 1px solid var(--gc-border, #e4e8e5);
	/* Stop the browser's scroll-anchoring from re-adjusting the scroll
	   position against this block. Its 4 grid columns can each finish
	   loading (fonts, late-sized images/embeds in a widget) at a
	   different moment; if that happens while it is entering the
	   viewport during a fast scroll, the browser "corrects" the scroll
	   offset to compensate, which is what makes the footer appear to
	   land mid-screen instead of settling smoothly at the bottom. */
	overflow-anchor: none;
	contain: layout;
}

/* Whole footer: no scroll anchoring, and logo/images keep their ratio while loading. */
.site-footer {
	overflow-anchor: none;
}

.ast-child-footer-widgets-grid .widget img {
	display: block;
	height: auto;
}

.ast-child-footer-widgets-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px;
}

.ast-child-footer-widgets .widget-title {
	position: relative;
	padding-bottom: 6px;
	margin: 0 0 16px;
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gc-green, #0f4a33);
}

.ast-child-footer-widgets .widget-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--gc-green), var(--gc-lime));
}

/* RTL (Arabic): same underline, anchored to the right edge instead. */
body.rtl .ast-child-footer-widgets .widget-title::after,
html[dir="rtl"] .ast-child-footer-widgets .widget-title::after {
	left: auto;
	right: 0;
	background: linear-gradient(270deg, var(--gc-green), var(--gc-lime));
}

@media (max-width: 1024px) {
	.ast-child-footer-widgets-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.ast-child-footer-widgets-grid {
		grid-template-columns: 1fr;
	}

	.ast-child-footer-widgets .widget-title::after {
		width: 35px;
	}
}

/* One column per footer widget area (widgets of an area stack inside it) */
.ast-child-footer-widgets .ast-container {
	display: block;
}

.ast-child-footer-widgets-grid {
	width: 100%;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
}

.ast-child-footer-widget-col {
	display: block;
	min-width: 0;
}

.ast-child-footer-widget-col .widget + .widget {
	margin-top: 16px;
}

.ast-child-footer-widgets-grid .widget {
	min-width: 0;
	margin: 0;
}

/* Reserve space for widget media (logos, social icons, embeds) so they
   don't resize the footer after the surrounding text has already laid
   out — that late resize is what triggers the scroll jump above. */
.ast-child-footer-widgets-grid .widget img,
.ast-child-footer-widgets-grid .widget iframe,
.ast-child-footer-widgets-grid .widget svg {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.ast-child-footer-widgets-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.ast-child-footer-widgets-grid {
		grid-template-columns: 1fr;
	}
}

.site-below-footer-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

/* RTL (Arabic): the price stays anchored to the left by default in some
   contexts; flip it so it reads from the right like the rest of the
   RTL layout. */
body.rtl .woocommerce ul.products li.product p.price,
body.rtl .single-product p.price,
html[dir="rtl"] .woocommerce ul.products li.product p.price,
html[dir="rtl"] .single-product p.price {
	text-align: right;
}

/* ===== Menu principal + menu catégorie : design unifié =====
 * Les couleurs suivent la palette globale d'Astra (Personnaliser > Globales > Couleurs).
 * Texte : couleur des Liens · Survol / actif / soulignement : couleur de survol des Liens.
 * Les valeurs après la virgule ne servent que de secours. */
.main-navigation.ast-inline-flex,
ul#menu-menu-categorie-francais,
.ast-child-category-menu-list {
	--gc-nav-color: var(--gc-link-color, var(--ast-global-color-0, #0f4a33));
	--gc-nav-hover: var(--gc-link-hover-color, var(--ast-global-color-1, #6f8c0f));
	--gc-nav-hover-bg: color-mix(in srgb, var(--gc-nav-hover) 8%, transparent);
}

#ast-hf-menu-1 > .menu-item > .menu-link,
header#masthead .main-header-menu > .menu-item > .menu-link,
ul#menu-menu-categorie-francais > li > a,
.ast-child-category-menu-list > li > a {
	position: relative;
	color: var(--gc-nav-color);
	background: transparent;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	transition: color 0.25s ease, background 0.25s ease;
}

/* Soulignement animé identique */
#ast-hf-menu-1 > .menu-item > .menu-link::after,
header#masthead .main-header-menu > .menu-item > .menu-link::after,
ul#menu-menu-categorie-francais > li > a::after,
.ast-child-category-menu-list > li > a::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 6px;
	width: auto;
	height: 2px;
	border-radius: 2px;
	background: var(--gc-nav-hover);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
}

/* Survol / actif : même couleur, même fond, même soulignement */
#ast-hf-menu-1 > .menu-item:hover > .menu-link,
#ast-hf-menu-1 > .menu-item:focus-within > .menu-link,
#ast-hf-menu-1 > .menu-item.current-menu-item > .menu-link,
#ast-hf-menu-1 > .menu-item.current-menu-ancestor > .menu-link,
header#masthead .main-header-menu > .menu-item:hover > .menu-link,
header#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
ul#menu-menu-categorie-francais > li:hover > a,
ul#menu-menu-categorie-francais > li:focus-within > a,
ul#menu-menu-categorie-francais > li.current-menu-item > a,
.ast-child-category-menu-list > li:hover > a,
.ast-child-category-menu-list > li:focus-within > a,
.ast-child-category-menu-list > li.current-menu-item > a {
	color: var(--gc-nav-hover);
	background: var(--gc-nav-hover-bg);
}

#ast-hf-menu-1 > .menu-item:hover > .menu-link::after,
#ast-hf-menu-1 > .menu-item:focus-within > .menu-link::after,
#ast-hf-menu-1 > .menu-item.current-menu-item > .menu-link::after,
#ast-hf-menu-1 > .menu-item.current-menu-ancestor > .menu-link::after,
header#masthead .main-header-menu > .menu-item:hover > .menu-link::after,
header#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link::after,
header#masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link::after,
ul#menu-menu-categorie-francais > li:hover > a::after,
ul#menu-menu-categorie-francais > li:focus-within > a::after,
ul#menu-menu-categorie-francais > li.current-menu-item > a::after,
.ast-child-category-menu-list > li:hover > a::after,
.ast-child-category-menu-list > li:focus-within > a::after,
.ast-child-category-menu-list > li.current-menu-item > a::after {
	width: auto;
	transform: scaleX(1);
}

/* Mobile : le menu principal du panneau reprend le design du menu catégorie */
.ast-child-mobile-panel ul#ast-child-mobile-main-menu-list,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu,
.ast-child-mobile-panel .ast-child-category-menu-list {
	--gc-nav-color: var(--gc-link-color, var(--ast-global-color-0, #0f4a33));
	--gc-nav-hover: var(--gc-link-hover-color, var(--ast-global-color-1, #6f8c0f));
	--gc-nav-hover-bg: color-mix(in srgb, var(--gc-nav-hover) 8%, transparent);
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li > a {
	position: relative;
	display: block;
	padding: 15px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.01em;
	text-transform: uppercase !important;
	text-decoration: none;
	color: var(--gc-nav-color);
	background: transparent;
	transition: color 0.25s ease, background 0.25s ease;
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li > a::after {
	content: "";
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: var(--gc-nav-hover);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.3s ease;
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:hover > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:focus-within > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-item > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-ancestor > a {
	color: var(--gc-nav-hover);
	background: var(--gc-nav-hover-bg);
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:hover > a::after,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:focus-within > a::after,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-item > a::after,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

/* Sous-menus : même couleur de lien */
.ast-child-mobile-panel ul.ast-child-mobile-main-menu .sub-menu a {
	color: var(--gc-nav-color);
}

.ast-child-mobile-panel ul.ast-child-mobile-main-menu .sub-menu a:hover {
	color: var(--gc-nav-hover);
}

/* Onglets du panneau : couleurs des Liens */
.ast-child-mobile-panel .ast-child-mobile-tabs .ast-child-mobile-tab {
	color: var(--gc-link-color, var(--ast-global-color-0, #0f4a33)) !important;
}

.ast-child-mobile-panel .ast-child-mobile-tabs .ast-child-mobile-tab.is-active {
	border-bottom-color: var(--gc-link-hover-color, var(--ast-global-color-1, #50AF47)) !important;
	color: var(--gc-link-hover-color, var(--ast-global-color-1, #6f8c0f)) !important;
}

/* Fonds : "Arrière-plan secondaire" de la palette globale d'Astra
 * (--ast-global-color-secondary suit automatiquement l'ordre de la palette). */
footer#colophon,
footer#colophon .site-above-footer-wrap,
footer#colophon .site-primary-footer-wrap,
footer#colophon .site-below-footer-wrap,
footer#colophon .site-above-footer-wrap[data-section],
footer#colophon .site-primary-footer-wrap[data-section],
footer#colophon .site-below-footer-wrap[data-section],
.ast-child-footer-widgets {
	background: var(--ast-global-color-secondary, var(--gc-bg, #f6f8f6)) !important;
}

/* Ligne du menu catégorie : dégradé blanc (fond du site) vers l'arrière-plan secondaire */
.ast-child-category-menu-wrap {
	background: linear-gradient(180deg, #fff 0%, var(--ast-global-color-secondary, var(--gc-bg, #f6f8f6)) 100%);
}

/* Recherche du header : champ + bouton dans le design des boutons Astra
 * (Personnaliser > Globales > Boutons pour le bouton, Liens pour les bordures). */
.ast-child-header-search .aws-search-form {
	border: 1px solid var(--gc-link-color, var(--ast-global-color-0, #0f4a33));
	border-radius: 999px;
	background: var(--ast-global-color-secondary, #fff);
	overflow: hidden;
}

.ast-child-header-search .aws-search-form:hover,
.ast-child-header-search .aws-search-form:focus-within {
	border-color: var(--gc-link-hover-color, var(--ast-global-color-1, #6f8c0f));
	background: #fff;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--gc-link-hover-color, var(--ast-global-color-1, #6f8c0f)) 20%, transparent);
}

.ast-child-header-search .aws-search-field {
	color: var(--ast-global-color-3, inherit);
	font-weight: 600;
	letter-spacing: 0.01em;
}

.ast-child-header-search .aws-search-field::placeholder {
	color: color-mix(in srgb, var(--ast-global-color-3, #555) 60%, transparent);
	font-weight: 400;
}

.ast-child-header-search .aws-search-btn.aws-form-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--gc-btn-bg, var(--ast-global-color-0, #0f4a33));
	border: 0;
	border-radius: 0 999px 999px 0;
	cursor: pointer;
	transition: background 0.25s ease;
}

.ast-child-header-search .aws-search-btn.aws-form-btn:hover {
	background: var(--gc-btn-h-bg, var(--ast-global-color-1, #6f8c0f));
}

.ast-child-header-search .aws-search-btn svg {
	width: 20px;
	height: 20px;
	fill: var(--gc-btn-color, #fff);
	transition: fill 0.25s ease;
}

.ast-child-header-search .aws-search-btn:hover svg {
	fill: var(--gc-btn-h-color, #fff);
}

/* Recherche : le design reste identique au clic / focus dans le champ */
.ast-child-header-search .aws-search-form:hover,
.ast-child-header-search .aws-search-form:focus-within {
	border-color: var(--gc-link-color, var(--ast-global-color-0, #0f4a33));
	background: var(--ast-global-color-secondary, #fff);
	box-shadow: none;
}

.ast-child-header-search .aws-search-field,
.ast-child-header-search .aws-search-field:focus,
.ast-child-header-search .aws-search-field:focus-visible {
	outline: 0;
	box-shadow: none;
	background: transparent;
	border: 0;
}

/* Soulignement des menus via border-bottom-color (au lieu de ::after) */
#ast-hf-menu-1 > .menu-item > .menu-link::after,
header#masthead .main-header-menu > .menu-item > .menu-link::after,
ul#menu-menu-categorie-francais > li > a::after,
.ast-child-category-menu-list > li > a::after,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li > a::after {
	content: none !important;
	display: none !important;
}

#ast-hf-menu-1 > .menu-item > .menu-link,
header#masthead .main-header-menu > .menu-item > .menu-link,
ul#menu-menu-categorie-francais > li > a,
.ast-child-category-menu-list > li > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li > a {
	border-bottom: 3px solid transparent;
	transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

#ast-hf-menu-1 > .menu-item:hover > .menu-link,
#ast-hf-menu-1 > .menu-item:focus-within > .menu-link,
#ast-hf-menu-1 > .menu-item.current-menu-item > .menu-link,
#ast-hf-menu-1 > .menu-item.current-menu-ancestor > .menu-link,
header#masthead .main-header-menu > .menu-item:hover > .menu-link,
header#masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
header#masthead .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
ul#menu-menu-categorie-francais > li:hover > a,
ul#menu-menu-categorie-francais > li:focus-within > a,
ul#menu-menu-categorie-francais > li.current-menu-item > a,
.ast-child-category-menu-list > li:hover > a,
.ast-child-category-menu-list > li:focus-within > a,
.ast-child-category-menu-list > li.current-menu-item > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:hover > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li:focus-within > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-item > a,
.ast-child-mobile-panel ul.ast-child-mobile-main-menu > li.current-menu-ancestor > a {
	border-bottom-color: var(--gc-nav-hover);
}

/* Le bouton "Demande de devis" en pilule n'a pas de soulignement */
header#masthead .main-header-menu > .menu-item:last-child:not(.menu-item-has-children):not(.wpml-ls-item):not(.menu-item-language) > .menu-link {
	border-bottom-color: transparent !important;
}

form.variations_form.cart {
	display: none;
}

.woocommerce-tabs.wc-tabs-wrapper {
	display: none !important;
}


/* Wider site container on desktop (all languages: FR / EN / AR) */
@media (min-width: 922px) {
	.ast-container {
		max-width: 1440px;
	}
}

/* ==========================================================================
 * Recherche du header : liste de résultats (Advanced Woo Search)
 * ========================================================================== */
#aws-search-result,
.aws-search-result {
	margin-top: 8px !important;
	border: 1px solid var(--gc-border, #e4e8e5) !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 18px 40px rgba(15, 74, 51, 0.14) !important;
	overflow: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--gc-link-color, #0f4a33) transparent;
}

.aws-search-result::-webkit-scrollbar {
	width: 6px;
}

.aws-search-result::-webkit-scrollbar-thumb {
	background: var(--gc-link-color, #0f4a33);
	border-radius: 6px;
}

.aws-search-result ul {
	margin: 0;
	padding: 6px;
	list-style: none;
}

.aws-search-result .aws_result_item {
	margin: 0;
	padding: 8px 10px !important;
	border: 0 !important;
	border-radius: 12px;
	transition: background 0.2s ease;
}

.aws-search-result .aws_result_item + .aws_result_item {
	margin-top: 2px;
}

.aws-search-result .aws_result_item:hover,
.aws-search-result .aws_result_item.aws_result_item_hover {
	background: var(--gc-bg, #f6f8f6) !important;
}

.aws-search-result .aws_result_link {
	display: flex !important;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.aws-search-result .aws_result_image {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 !important;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--gc-border, #e4e8e5);
}

.aws-search-result .aws_result_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.aws-search-result .aws_result_content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.aws-search-result .aws_result_title {
	margin: 0;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
	color: var(--gc-green, #0f4a33);
}

.aws-search-result .aws_result_item:hover .aws_result_title {
	color: var(--gc-link-hover-color, #50AF47);
}

.aws-search-result .aws_result_cat,
.aws-search-result .aws_result_cats,
.aws-search-result .aws_result_meta,
.aws-search-result .aws_result_sku {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--gc-lime, #50AF47) !important;
}

.aws-search-result .aws_search_more {
	margin: 0;
	padding: 4px 6px 8px;
	background: #fff;
}

.aws-search-result .aws_search_more a,
.aws-search-result a.aws_result_item.aws_search_more {
	display: block;
	padding: 11px 16px;
	border-radius: 999px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	color: var(--gc-btn-color, #fff) !important;
	background: var(--gc-btn-bg, #0f4a33) !important;
	transition: background 0.25s ease;
}

.aws-search-result .aws_search_more a:hover,
.aws-search-result a.aws_result_item.aws_search_more:hover {
	background: var(--gc-btn-h-bg, #50AF47) !important;
	color: var(--gc-btn-h-color, #fff) !important;
}

.aws-search-result .aws_search_more a .aws_search_more_count,
.aws-search-result a.aws_result_item.aws_search_more .aws_search_more_count {
	opacity: 0.85;
}

/* RTL (arabe) */
body.rtl .ast-child-header-search .aws-search-field,
html[dir="rtl"] .ast-child-header-search .aws-search-field {
	direction: rtl;
	text-align: right;
	padding-right: 20px;
	padding-left: 56px;
}

body.rtl .ast-child-header-search .aws-search-btn.aws-form-btn,
html[dir="rtl"] .ast-child-header-search .aws-search-btn.aws-form-btn {
	right: auto;
	left: 0;
	border-radius: 999px 0 0 999px;
}

body.rtl .aws-search-result,
html[dir="rtl"] .aws-search-result {
	direction: rtl;
	text-align: right;
}

body.rtl .aws-search-result .aws_result_content,
html[dir="rtl"] .aws-search-result .aws_result_content {
	text-align: right;
}

/* Résultats de recherche : ajustements d'espacement */
.aws-search-result .aws_result_term {
	padding-top: 0px;
}

.aws-search-result .aws_result_head {
	margin-bottom: 0px;
}

span.aws_result_content {
	padding-left: 10px !important;
	align-self: center;
	justify-content: center;
}

body.rtl span.aws_result_content,
html[dir="rtl"] span.aws_result_content {
	padding-left: 0 !important;
	padding-right: 10px !important;
}