/**
 * wideum-shop-archive.css
 *
 * Arxiu de botiga: graella de resultats, card de loop, filtres,
 * barra mòbil, comptador, paginació.
 *
 * F2 · Consolidació de CSS: aquestes regles vivien duplicades al custom_css
 * dels documents d'Elementor (#1000, #1141, #1142, #1143, #1144, #1157).
 * Generat per tools/design/extract-doc-css.php --block=archive --write
 */

/* == GENERAT PER tools/design/extract-doc-css.php — NO EDITIS A MÀ == */

.wideum-shop-loop .wideum-loop-card {
	transition: box-shadow .2s ease,transform .2s ease;
	height: 100%;
}

.wideum-shop-loop .wideum-loop-card:hover {
	box-shadow: 0 10px 32px rgba(0,23,92,.10);
	transform: translateY(-2px);
}

.wideum-loop-card__band {
	width: 100%;
}

.wideum-loop-card__brand .elementor-heading-title {
	margin: 0;
}

.wideum-loop-card__title {
	min-height: 2.6em;
}

.wideum-loop-card__atc .cart {
	margin: 0;
}

.wideum-loop-card__atc .added_to_cart {
	color: #00175C;
	font-weight: 700;
	margin-left: 10px;
}

.wideum-shop-results {
	min-width: 0;
	width: calc(100% - 292px);
	max-width: calc(100% - 292px);
}

.wideum-shop-loop,
.wideum-shop-loop .elementor-loop-container {
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.wideum-shop-loop .elementor-loop-container {
	grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

.wideum-shop-filters {
	background: #fff;
	border: 1px solid #E5E8EF;
	border-radius: 10px;
	box-shadow: 0 0 24px rgba(0,0,0,.05);
	padding: 24px;
}

.wideum-shop-filters .wideum-filter-title .elementor-heading-title {
	margin: 0;
	padding-top: 6px;
	border-top: 1px solid #E5E8EF;
}

.wideum-shop-filters>.elementor-element:first-child .elementor-heading-title {
	border-top: none;
	padding-top: 0;
}

.wideum-shop-filters .jet-checkboxes-list__label {
	color: #3D4B6E;
	font-size: 14px;
}

.wideum-shop-filters .jet-checkboxes-list__item .jet-checkboxes-list__decorator {
	border-color: #E5E8EF;
}

.wideum-shop-filters .jet-range__slider .ui-slider-range {
	background: #4ADBC4;
}

.wideum-shop-filters .jet-range__slider .ui-slider-handle {
	border-color: #4ADBC4;
}

.wideum-mobile-filter-controls {
	display: none;
}

.wideum-mobile-filterbar {
	align-items: center;
	gap: 12px;
	width: 100%;
}

.wideum-filter-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 0;
	cursor: pointer;
}

.wideum-filter-toggle__icon {
	position: relative;
	width: 14px;
	height: 14px;
}

.wideum-filter-toggle__icon:before,
.wideum-filter-toggle__icon:after {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 14px;
	height: 2px;
	background: currentColor;
	transition: transform .2s ease;
}

.wideum-filter-toggle__icon:after {
	transform: rotate(90deg);
}

.wideum-filters-open .wideum-filter-toggle__icon:after {
	transform: rotate(0);
}

.wideum-visible-count {
	margin-left: auto;
	color: #5A6478;
	font-size: 13px;
	white-space: nowrap;
}

.wideum-clear-filters {
	appearance: none;
	border: 0;
	background: transparent;
	color: #1CA3B5;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	padding: 4px 0;
}

.wideum-clear-filters[hidden] {
	display: none;
}

.wideum-shop-loop .elementor-pagination a,
.wideum-shop-loop .elementor-pagination span {
	color: #00175C;
	font-weight: 700;
}

.wideum-shop-loop .elementor-pagination .elementor-pagination__current,
.wideum-shop-loop .elementor-pagination span.current {
	color: #4ADBC4;
}

@media (max-width:1024px) {
	.wideum-shop-results {
		width: calc(100% - 244px);
		max-width: calc(100% - 244px);
	}
	.wideum-shop-filters {
		width: 220px !important;
	}
	.wideum-shop-loop .elementor-loop-container {
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	}
}

@media (max-width:767px) {
	.wideum-shop-archive .e-con {
		min-width: 0;
	}
	.wideum-mobile-filter-controls {
		display: block;
		width: 100%;
	}
	.wideum-mobile-filterbar {
		display: flex;
	}
	.wideum-shop-archive .wideum-shop-filters {
		display: none;
		position: static !important;
		width: 100% !important;
		max-width: 100%;
		padding: 20px;
	}
	.wideum-shop-archive.wideum-filters-open .wideum-shop-filters {
		display: flex;
	}
	.wideum-shop-results {
		width: 100%;
		max-width: 100%;
	}
	.wideum-shop-loop .elementor-loop-container {
		grid-template-columns: minmax(0,1fr) !important;
	}
}


/* == FI GENERAT (sota d'aquesta línia, edició manual) == */

/* Reforços manuals d'especificitat (es conserven en regenerar). */

/* ------------------------------------------------------------------------
 * F4 · Card del loop #999 amb les classes canòniques product-cards__*.
 *
 * La banda i la imatge porten ara product-cards__logo-container i
 * product-cards__image-container (wideum-theme.css L2012/L2035). Al mòdul del
 * web aquests contenidors aporten el seu propi margin-bottom; aquí l'espaiat
 * vertical el governa el flex-gap (14px) del contenidor de la card, així que
 * el neutralitzem per no duplicar-lo. La banda també ha de quedar a tota
 * l'amplada (product-cards__logo-container és max-content al web).
 * ------------------------------------------------------------------------ */
.wideum-loop-card .wideum-loop-card__band.product-cards__logo-container {
	width: 100%;
	min-width: 0;
	margin-bottom: 0;
}

.wideum-loop-card .wideum-loop-card__image.product-cards__image-container {
	display: block;
	margin-bottom: 0;
}

/* Tipografia i color del preu i del botó Add to cart de la card. Vivien com a
 * estils per-widget d'Elementor dins de #999 (typography_* / price_color /
 * button_bg_color); F4 els ha esborrat i passen a viure aquí. */
/* La classe del widget entra al selector per superar la regla del Kit global
 * d'Elementor (`.woocommerce .elementor-widget-woocommerce-product-price .price`,
 * 0-3-0, que pinta el preu amb --e-global-color-primary). */
.wideum-loop-card .wideum-loop-card__price.elementor-widget-woocommerce-product-price .price {
	color: #00175C;
	font-family: "museo font", Sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.wideum-loop-card .wideum-loop-card__atc .cart button,
.wideum-loop-card .wideum-loop-card__atc .cart .button {
	font-family: "museo font", Sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #00175C;
	border-radius: 8px;
	padding: 10px 18px;
	transition: all 0.2s;
}