/* ===== Tienda / catálogo (archivo y taxonomías de producto) ===== */
/* Tienda: padding del contenedor. */
body.woocommerce.archive .content_background {
	padding: 20px;
}

/* Tienda (escritorio): flex para título arriba y sidebar+contenido abajo. */
@media (min-width: 992px) {
	body.woocommerce.archive .content_background {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	body.woocommerce.archive .content_background > .page-title {
		flex: 0 0 100%;
	}

	body.woocommerce.archive .content_background > #sidebar {
		order: 1;
		flex: 0 0 25%;
		float: none;
		position: static;
		right: auto;
	}

	body.woocommerce.archive .content_background > #content {
		order: 2;
		flex: 1 1 0%;
		float: none;
		position: static;
		left: auto;
	}

	body.woocommerce.archive .content_background > .clearfix {
		display: none;
	}
}

/* ===== Filtros activos sobre los resultados ===== */
.woocommerce-active-filters {
	margin: 0 0 1.25em;
	clear: both;
}

.woocommerce-active-filters .active-filters-label {
	display: inline-block;
	font-weight: 700;
	color: #4d4d4d;
	margin-right: 6px;
	vertical-align: middle;
}

.woocommerce-active-filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.woocommerce-active-filters ul li {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}

.woocommerce-active-filters ul li a {
	display: inline-block;
	padding: 0.35em 0.85em;
	border: 1px solid var(--main-brand-color);
	border-radius: 999px;
	color: var(--main-brand-color);
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-size: var(--font-size-sm);
	line-height: 1.2;
	text-decoration: none;
}

.woocommerce-active-filters ul li a::before {
	content: "\00d7";
	margin-right: 0.4em;
	font-weight: 700;
}

.woocommerce-active-filters ul li a:hover {
	background-color: var(--main-brand-color);
	color: #fff;
}

/* ===== Filtro de categorías (drill-down) ===== */
.rburgos_categ_filter {
	display: block;
}

.rburgos_categ_title {
	display: block;
	padding: 4px 0;
	color: #4d4d4d;
	text-decoration: none;
}

a.rburgos_categ_title:hover {
	color: var(--main-brand-color);
}

.rburgos_categ_drill {
	cursor: pointer;
}

.rburgos_categ_title.active {
	color: var(--main-brand-color);
}

.rburgos_categ_panel[hidden] {
	display: none !important;
}

.rburgos_categ_see {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 4px 0;
	margin-bottom: 4px;
	border-bottom: 1px solid #eeeeee;
}

.rburgos_categ_filter_back {
	cursor: pointer;
	color: var(--main-brand-color);
	font-size: var(--font-size-lg);
	line-height: 1;
}

.rburgos_categ_see a {
	color: var(--main-brand-color);
	text-decoration: none;
}

.rburgos_categ_see a:hover {
	text-decoration: underline;
}

/* ===== Filtro de precio (bloque Product Filters): sin slider, "Desde/Hasta" ===== */
.wc-block-product-filter-price-slider__range {
	display: none !important;
}

.wc-block-product-filter-price-slider__content {
	grid-template-areas: "left-input right-input" !important;
	grid-template-columns: 1fr 1fr !important;
	column-gap: 8px;
	row-gap: 4px;
}

.wc-block-product-filter-price-slider__left,
.wc-block-product-filter-price-slider__right {
	display: flex;
	flex-direction: column;
}

.wc-block-product-filter-price-slider__left::before,
.wc-block-product-filter-price-slider__right::before {
	display: block;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: var(--font-size-sm);
	color: #4d4d4d;
	margin-bottom: 4px;
}

.wc-block-product-filter-price-slider__left::before {
	content: "Desde";
}

.wc-block-product-filter-price-slider__right::before {
	content: "Hasta";
}

/* Inputs consistentes: búsqueda y montos */
.wp-block-search__input,
.wc-block-product-filter-price-slider .text input[type="text"] {
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	padding: 8px 10px;
	height: 38px;
	font-size: var(--font-size-sm);
	line-height: 1.4;
	color: #333333;
	background-color: #ffffff;
	box-sizing: border-box;
}

.wc-block-product-filter-price-slider .text input[type="text"] {
	width: 100% !important;
	max-width: none !important;
}

/* Widget de búsqueda por SKU */
.rburgos-sku-search .wp-block-search__inside-wrapper {
	display: flex;
	flex-direction: column;
}

.rburgos-sku-search .wp-block-search__button {
	margin-left: 0;
	margin-top: 8px;
	width: 100%;
}

/* Mostrar el botón "Aplicar" también en escritorio (el bloque lo oculta) */
.wc-block-product-filters .wc-block-product-filters__overlay-footer {
	display: block;
	box-shadow: none;
	padding: 0;
	margin-top: 10px;
}

/* Botones azules (marca): Aplicar y Buscar */
.wc-block-product-filters__apply.wp-element-button,
.wp-block-search__button.wp-element-button {
	border: 2px solid var(--main-brand-color);
	background-color: var(--main-brand-color);
	color: #fff;
	font-weight: normal;
	padding: 8px 16px;
	height: 38px;
	line-height: 1;
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: border 200ms, background-color 200ms;
	transition: border 200ms, background-color 200ms;
}

.wc-block-product-filters__apply.wp-element-button:hover,
.wp-block-search__button.wp-element-button:hover {
	background-color: #fff;
	color: var(--main-brand-color);
}

/* Búsqueda "Nombre": botón debajo del input (como el filtro de precio) */
#sidebar .wp-block-search:not(.rburgos-sku-search) .wp-block-search__inside-wrapper {
	flex-direction: column;
}

#sidebar .wp-block-search:not(.rburgos-sku-search) .wp-block-search__button {
	margin-left: 0;
	margin-top: 8px;
	width: 100%;
}

/* ===== Sidebar de tienda: widgets en una sola columna ===== */
/* El tema padre da a los widgets col-sm-6 (2 columnas) en 768-1345px y un
   padding 0 20px; en el sidebar estrecho se fuerzan a 1 columna y sin padding. */
body.woocommerce.archive #sidebar .widget {
	width: 100%;
	float: none;
	padding: 0 20px 0 0;
}

/* Escritorio (>= 1346px): el #sidebar (col-md-2) ya aporta 20px de gutter a la
   derecha; quitamos el padding extra del widget para no duplicar la separación. */
@media (min-width: 1346px) {
	body.woocommerce.archive #sidebar .widget {
		padding: 0;
	}
}

/* ===== Filtros en modal (móvil) ===== */
.rburgos-filters-toggle,
.rburgos-filters-close,
.rburgos-filters-overlay {
	display: none;
}

@media (max-width: 991px) {
	/* Botón "Filtros" encima de los resultados. */
	.rburgos-filters-toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 15px;
		padding: 9px 18px;
		background-color: var(--main-brand-color);
		color: #fff;
		border: 2px solid var(--main-brand-color);
		border-radius: 4px;
		cursor: pointer;
		line-height: 1;
		font-weight: normal;
	}

	.rburgos-filters-toggle:hover {
		background-color: #fff;
		color: var(--main-brand-color);
	}

	/* Botón cerrar (dentro del panel). */
	.rburgos-filters-close {
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 32px;
		height: 32px;
		background: transparent;
		border: none;
		font-size: 26px;
		line-height: 1;
		cursor: pointer;
		color: #333;
	}

	/* Overlay. */
	.rburgos-filters-overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	body.rburgos-filters-open .rburgos-filters-overlay {
		display: block;
	}

	/* Sidebar oculto por defecto en móvil. */
	body.woocommerce.archive #sidebar {
		display: none;
	}

	/* Sidebar como panel modal cuando está abierto. */
	body.woocommerce.archive.rburgos-filters-open #sidebar {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 320px;
		max-width: 85%;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		background-color: #fff;
		padding: 20px;
		margin: 0;
		z-index: 11;
	}

	/* Barra de admin por debajo de la modal. */
	#wpadminbar {
		z-index: 10;
	}

	/* Bloquea el scroll de fondo mientras la modal está abierta. */
	body.rburgos-filters-open {
		overflow: hidden;
	}
}

/* ===== Paginación: versión compacta solo en pantallas pequeñas ===== */
.woocommerce-pagination--compact {
	display: none;
}

@media (max-width: 767px) {
	.woocommerce-pagination--full {
		display: none;
	}

	.woocommerce-pagination--compact {
		display: block;
	}
}

/* ===== Dropdown de ordenamiento: caret (reemplaza el de Font Awesome) ===== */
/* El tema padre ocultaba la flecha nativa del <select> y usaba un caret de
   Font Awesome vía `.woocommerce-ordering::before`. Al no cargar esa fuente,
   lo recreamos con un triángulo CSS. */
.woocommerce-ordering::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #4d4d4d;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}