/* =========================================================
   SS DECO - CATALOGO LIGHT + LISTING TOP FIX 3.1
   ========================================================= */

/* ---------------------------------------------------------
   1. CTA DEL HERO EN MODO CLARO
   En claro estaba quedando casi blanco sobre marfil.
   --------------------------------------------------------- */

html[data-ss-theme="light"] body.post-type-archive-product
:is(.ss-catalog-hero, .ss-shop-hero, .ss-archive-hero, .woocommerce-products-header)
a:is(.button, .ss-button, .wp-element-button, [class*="cta"]),

html[data-ss-theme="light"] body.post-type-archive-product
:is(.ss-catalog-hero, .ss-shop-hero, .ss-archive-hero, .woocommerce-products-header)
a[href*="product-category/iluminacion-decorativa"] {
	color: #141416 !important;
	border-color: #141416 !important;
	background: transparent !important;
	opacity: 1 !important;
	box-shadow: none !important;
}

html[data-ss-theme="light"] body.post-type-archive-product
:is(.ss-catalog-hero, .ss-shop-hero, .ss-archive-hero, .woocommerce-products-header)
a:is(.button, .ss-button, .wp-element-button, [class*="cta"]):hover,

html[data-ss-theme="light"] body.post-type-archive-product
:is(.ss-catalog-hero, .ss-shop-hero, .ss-archive-hero, .woocommerce-products-header)
a[href*="product-category/iluminacion-decorativa"]:hover {
	color: #ffffff !important;
	border-color: #744052 !important;
	background: #744052 !important;
}


/* ---------------------------------------------------------
   2. FILA "34 PIEZAS" + ORDENAR
   La estructura real vista en DevTools es .woo-listing-top.
   --------------------------------------------------------- */

body.post-type-archive-product .woo-listing-top {
	display: grid !important;
	grid-template-columns: auto minmax(190px, 1fr) !important;
	align-items: center !important;
	gap: 14px !important;
	width: 100% !important;
	margin-top: 12px !important;
	margin-bottom: 22px !important;
}

body.post-type-archive-product .woo-listing-top .woocommerce-result-count,
body.post-type-archive-product .woo-listing-top .ssdeco-result-count {
	margin: 0 !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
	align-self: center !important;
}

body.post-type-archive-product .woo-listing-top .woocommerce-ordering {
	margin: 0 !important;
	width: 100% !important;
	max-width: 290px !important;
	justify-self: end !important;
}

body.post-type-archive-product .woo-listing-top .woocommerce-ordering select.orderby {
	width: 100% !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}


/* ---------------------------------------------------------
   3. MOBILE
   Mantiene cantidad y orden en una misma fila.
   --------------------------------------------------------- */

@media (max-width: 767px) {

	body.post-type-archive-product .woo-listing-top {
		grid-template-columns: max-content minmax(0, 1fr) !important;
		gap: 10px !important;
		align-items: center !important;
		margin-top: 10px !important;
		margin-bottom: 18px !important;
	}

	body.post-type-archive-product .woo-listing-top .woocommerce-result-count,
	body.post-type-archive-product .woo-listing-top .ssdeco-result-count {
		font-size: 11px !important;
		letter-spacing: 0.06em !important;
		text-transform: uppercase !important;
		white-space: nowrap !important;
	}

	body.post-type-archive-product .woo-listing-top .woocommerce-ordering {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	body.post-type-archive-product .woo-listing-top .woocommerce-ordering select.orderby {
		width: 100% !important;
		min-width: 0 !important;
		font-size: 13px !important;
	}
}

/* Pantallas muy estrechas: apilar de forma ordenada */
@media (max-width: 350px) {

	body.post-type-archive-product .woo-listing-top {
		grid-template-columns: 1fr !important;
	}

	body.post-type-archive-product .woo-listing-top .woocommerce-ordering {
		justify-self: stretch !important;
	}

	body.post-type-archive-product .woo-listing-top .woocommerce-result-count,
	body.post-type-archive-product .woo-listing-top .ssdeco-result-count {
		justify-self: start !important;
	}
}