/* =========================================================
   SS DECO - PRODUCTO FIX 2.4
   ========================================================= */

/* ---------------------------------------------------------
   1. GALERIA / TITULO: evitar solapamiento
   --------------------------------------------------------- */

@media (max-width: 999px) {

	html[data-ss-theme] body.single-product .woocommerce-product-gallery {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		max-width: none !important;
		float: none !important;
		clear: both !important;
		overflow: visible !important;
		margin: 0 !important;
		padding-bottom: 22px !important;
	}

	html[data-ss-theme] body.single-product .woocommerce-product-gallery::after {
		content: "";
		display: block;
		clear: both;
	}

	html[data-ss-theme] body.single-product .woocommerce-product-gallery .flex-control-thumbs {
		position: static !important;
		inset: auto !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		margin: 12px 0 0 !important;
		transform: none !important;
	}

	html[data-ss-theme] body.single-product .summary.entry-summary {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		max-width: none !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding-top: 14px !important;
		transform: none !important;
	}

	html[data-ss-theme] body.single-product .summary .product_title {
		position: relative !important;
		inset: auto !important;
		z-index: 2 !important;
		display: block !important;
		clear: both !important;
		margin: 0 0 10px !important;
		transform: none !important;
	}
}

@media (max-width: 767px) {

	html[data-ss-theme] body.single-product .woocommerce-product-gallery {
		padding-bottom: 18px !important;
	}

	html[data-ss-theme] body.single-product .summary.entry-summary {
		padding-top: 18px !important;
	}

	/* ---------------------------------------------------------
	   2. CANTIDAD + AÑADIR AL CARRITO EN LA MISMA FILA
	   --------------------------------------------------------- */

	html[data-ss-theme] body.single-product
	.ct-product-add-to-cart .woocommerce-variation-add-to-cart,
	html[data-ss-theme] body.single-product
	.single_variation_wrap .woocommerce-variation-add-to-cart,
	html[data-ss-theme] body.single-product
	.woocommerce-variation-add-to-cart {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: none !important;
		clear: both !important;
	}

	html[data-ss-theme] body.single-product
	.woocommerce-variation-add-to-cart .quantity {
		flex: 0 0 96px !important;
		width: 96px !important;
		min-width: 96px !important;
		max-width: 96px !important;
		min-height: 54px !important;
		margin: 0 !important;
	}

	html[data-ss-theme] body.single-product
	.woocommerce-variation-add-to-cart .single_add_to_cart_button {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 54px !important;
		margin: 0 !important;
		padding-inline: 16px !important;
		white-space: normal !important;
	}

	/* Productos simples tambien mantienen cantidad + boton juntos. */
	html[data-ss-theme] body.single-product
	form.cart:not(.variations_form) {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	html[data-ss-theme] body.single-product
	form.cart:not(.variations_form) .quantity {
		flex: 0 0 96px !important;
		width: 96px !important;
		margin: 0 !important;
	}

	html[data-ss-theme] body.single-product
	form.cart:not(.variations_form) .single_add_to_cart_button {
		flex: 1 1 auto !important;
		width: auto !important;
		margin: 0 !important;
	}

	/* ---------------------------------------------------------
	   3. TABS CENTRADAS
	   --------------------------------------------------------- */

	html[data-ss-theme] body.single-product .woocommerce-tabs ul.tabs,
	html[data-ss-theme] body.single-product .woocommerce-tabs ul.wc-tabs {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 24px !important;
		padding: 18px 0 0 !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: thin;
	}

	html[data-ss-theme] body.single-product .woocommerce-tabs ul.tabs li,
	html[data-ss-theme] body.single-product .woocommerce-tabs ul.wc-tabs li {
		flex: 0 0 auto !important;
		margin: 0 !important;
	}

	html[data-ss-theme] body.single-product .woocommerce-tabs ul.tabs li a,
	html[data-ss-theme] body.single-product .woocommerce-tabs ul.wc-tabs li a {
		text-align: center !important;
		justify-content: center !important;
	}

	/* Si el viewport es muy pequeño, sigue siendo usable. */
	html[data-ss-theme] body.single-product .woocommerce-tabs {
		overflow: visible !important;
	}
}

@media (max-width: 359px) {
	html[data-ss-theme] body.single-product
	.ct-product-add-to-cart .woocommerce-variation-add-to-cart,
	html[data-ss-theme] body.single-product
	.single_variation_wrap .woocommerce-variation-add-to-cart,
	html[data-ss-theme] body.single-product
	.woocommerce-variation-add-to-cart {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	html[data-ss-theme] body.single-product
	.woocommerce-variation-add-to-cart .quantity {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}