/**
 * Global Zone — Single product purchase action layout
 * Desktop: [ Qty ] [ Ajouter au panier ] [ WhatsApp ] equal action buttons
 * Variable: attributes ABOVE the action row (never inline with buttons)
 * Scoped to single-product summary only — not archive/cart/checkout/related.
 */

/* ------------------------------------------------------------------
   VARIABLE PRODUCTS — form must be a vertical stack, not one flex row
   Root cause override: Customizer applied display:flex to form.cart,
   which also wraps table.variations on variable products.
   ------------------------------------------------------------------ */
body.single-product div.product .summary form.variations_form.cart,
body.single-product div.product .summary form.variations_form {
	display: block !important;
	flex-direction: unset !important;
	flex-wrap: unset !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	margin-top: 0 !important;
}

body.single-product div.product .summary form.variations_form table.variations,
body.single-product div.product .summary form.variations_form table.variations tbody,
body.single-product div.product .summary form.variations_form table.variations tr {
	display: block !important;
	width: 100% !important;
	border: none !important;
	margin: 0 !important;
}

body.single-product div.product .summary form.variations_form table.variations {
	margin: 0 0 16px !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label,
body.single-product div.product .summary form.variations_form table.variations td.value {
	display: block !important;
	width: 100% !important;
	border: none !important;
	padding: 0 !important;
	text-align: left !important;
	vertical-align: top !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label {
	margin: 0 0 8px !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label label {
	margin: 0 !important;
	font-weight: 600 !important;
}

body.single-product div.product .summary form.variations_form table.variations td.value select {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.variations_form table.variations td.value .reset_variations {
	display: inline-block !important;
	margin: 8px 0 0 !important;
}

body.single-product div.product .summary form.variations_form .single_variation_wrap {
	display: block !important;
	width: 100% !important;
}

body.single-product div.product .summary form.variations_form .woocommerce-variation {
	margin-bottom: 12px !important;
}

/* ------------------------------------------------------------------
   ACTION ROW — simple cart form + variable add-to-cart wrap
   ------------------------------------------------------------------ */
body.single-product div.product .summary form.cart:not(.variations_form),
body.single-product div.product .summary .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	width: 100% !important;
	margin-top: 16px !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .quantity,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity {
	flex: 0 0 76px !important;
	width: 76px !important;
	max-width: 76px !important;
	margin: 0 !important;
	float: none !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .quantity .qty,
body.single-product div.product .summary form.cart:not(.variations_form) .quantity .input-text,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity .qty,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity .input-text {
	width: 100% !important;
	height: 56px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	border-radius: 8px !important;
	border: none !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	transition: 0.3s !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	background-color: #000 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button:hover,
body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button:focus,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button:focus {
	background-color: #222 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
	background-color: #25D366 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds--unavailable,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds--unavailable {
	background-color: #9aa3a8 !important;
	color: #fff !important;
	cursor: default !important;
	pointer-events: none !important;
	opacity: 0.92 !important;
	white-space: normal !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds:hover,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds:hover {
	background-color: #1EBE5D !important;
	color: #fff !important;
}

body.single-product div.product .summary .wa-btn-gds svg {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

/* ------------------------------------------------------------------
   MOBILE — qty compact, action buttons full width stacked
   ------------------------------------------------------------------ */
@media (max-width: 768px) {
	body.single-product div.product .summary form.cart:not(.variations_form),
	body.single-product div.product .summary .woocommerce-variation-add-to-cart {
		flex-wrap: wrap !important;
		align-items: stretch !important;
	}

	body.single-product div.product .summary form.cart:not(.variations_form) .quantity,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity {
		flex: 0 0 72px !important;
		width: 72px !important;
		max-width: 72px !important;
	}

	body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button,
	body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 15px !important;
	}

	/*
	 * Electro sticky mobile ATC (body.sticky-single-add-to-cart-mobile) pulls
	 * .single_add_to_cart_button to position:fixed, which orphans WhatsApp and
	 * breaks the Qty / ATC / WA stack. Keep both buttons in normal flow here.
	 */
	body.single-product.sticky-single-add-to-cart-mobile div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
	body.single-product.sticky-single-add-to-cart-mobile div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		position: static !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		z-index: auto !important;
		width: 100% !important;
		margin: 0 !important;
		border-radius: 8px !important;
		background-color: #000 !important;
	}
}

/* Quote Only (.gz-product-buttons) left untouched — separate component */
/**
 * Global Zone — Single product purchase action layout
 * Desktop: [ Qty ] [ Ajouter au panier ] [ WhatsApp ] equal action buttons
 * Variable: attributes ABOVE the action row (never inline with buttons)
 * Scoped to single-product summary only — not archive/cart/checkout/related.
 */

/* ------------------------------------------------------------------
   VARIABLE PRODUCTS — form must be a vertical stack, not one flex row
   Root cause override: Customizer applied display:flex to form.cart,
   which also wraps table.variations on variable products.
   ------------------------------------------------------------------ */
body.single-product div.product .summary form.variations_form.cart,
body.single-product div.product .summary form.variations_form {
	display: block !important;
	flex-direction: unset !important;
	flex-wrap: unset !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	margin-top: 0 !important;
}

body.single-product div.product .summary form.variations_form table.variations,
body.single-product div.product .summary form.variations_form table.variations tbody,
body.single-product div.product .summary form.variations_form table.variations tr {
	display: block !important;
	width: 100% !important;
	border: none !important;
	margin: 0 !important;
}

body.single-product div.product .summary form.variations_form table.variations {
	margin: 0 0 16px !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label,
body.single-product div.product .summary form.variations_form table.variations td.value {
	display: block !important;
	width: 100% !important;
	border: none !important;
	padding: 0 !important;
	text-align: left !important;
	vertical-align: top !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label {
	margin: 0 0 8px !important;
}

body.single-product div.product .summary form.variations_form table.variations th.label label {
	margin: 0 !important;
	font-weight: 600 !important;
}

body.single-product div.product .summary form.variations_form table.variations td.value select {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 48px !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.variations_form table.variations td.value .reset_variations {
	display: inline-block !important;
	margin: 8px 0 0 !important;
}

body.single-product div.product .summary form.variations_form .single_variation_wrap {
	display: block !important;
	width: 100% !important;
}

body.single-product div.product .summary form.variations_form .woocommerce-variation {
	margin-bottom: 12px !important;
}

/* ------------------------------------------------------------------
   ACTION ROW — simple cart form + variable add-to-cart wrap
   ------------------------------------------------------------------ */
body.single-product div.product .summary form.cart:not(.variations_form),
body.single-product div.product .summary .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	width: 100% !important;
	margin-top: 16px !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .quantity,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity {
	flex: 0 0 76px !important;
	width: 76px !important;
	max-width: 76px !important;
	margin: 0 !important;
	float: none !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .quantity .qty,
body.single-product div.product .summary form.cart:not(.variations_form) .quantity .input-text,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity .qty,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity .input-text {
	width: 100% !important;
	height: 56px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button,
body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	border-radius: 8px !important;
	border: none !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	transition: 0.3s !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button {
	background-color: #000 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button:hover,
body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button:focus,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button:focus {
	background-color: #222 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
	background-color: #25D366 !important;
	color: #fff !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds--unavailable,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds--unavailable {
	background-color: #9aa3a8 !important;
	color: #fff !important;
	cursor: default !important;
	pointer-events: none !important;
	opacity: 0.92 !important;
	white-space: normal !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds:hover,
body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds:hover {
	background-color: #1EBE5D !important;
	color: #fff !important;
}

body.single-product div.product .summary .wa-btn-gds svg {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
}

/* ------------------------------------------------------------------
   MOBILE — qty compact, action buttons full width stacked
   ------------------------------------------------------------------ */
@media (max-width: 768px) {
	body.single-product div.product .summary form.cart:not(.variations_form),
	body.single-product div.product .summary .woocommerce-variation-add-to-cart {
		flex-wrap: wrap !important;
		align-items: stretch !important;
	}

	body.single-product div.product .summary form.cart:not(.variations_form) .quantity,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .quantity {
		flex: 0 0 72px !important;
		width: 72px !important;
		max-width: 72px !important;
	}

	body.single-product div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button,
	body.single-product div.product .summary form.cart:not(.variations_form) .wa-btn-gds,
	body.single-product div.product .summary .woocommerce-variation-add-to-cart .wa-btn-gds {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		font-size: 15px !important;
	}

	/*
	 * Electro sticky mobile ATC (body.sticky-single-add-to-cart-mobile) pulls
	 * .single_add_to_cart_button to position:fixed, which orphans WhatsApp and
	 * breaks the Qty / ATC / WA stack. Keep both buttons in normal flow here.
	 */
	body.single-product.sticky-single-add-to-cart-mobile div.product .summary form.cart:not(.variations_form) .single_add_to_cart_button,
	body.single-product.sticky-single-add-to-cart-mobile div.product .summary .woocommerce-variation-add-to-cart .single_add_to_cart_button {
		position: static !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		z-index: auto !important;
		width: 100% !important;
		margin: 0 !important;
		border-radius: 8px !important;
		background-color: #000 !important;
	}
}

/* Quote Only (.gz-product-buttons) left untouched — separate component */
