/**
 * Barra lateral de la TIENDA — capa visual (estilo Singer).
 *
 * Solo estiliza los widgets/filtros que YA existen en el sidebar.
 * NO cambia estructura, lógica, AJAX, colapsables ni el grid de productos.
 * TODO va scopeado a `.oz-shop-archive__sidebar` para no afectar otras zonas
 * (toolbar de orden, cards, header, footer, tira de categorías superior…).
 *
 * Estructura real detectada:
 *   aside.oz-shop-archive__sidebar.oz-shop-layout__sidebar
 *     └ .oz-shop-archive__sidebar-inner.oz-shop-sidebar__block--widgets
 *         ├ p.oz-shop-sidebar__clear-wrap        (Limpiar filtros)
 *         ├ .oz-shop-sidebar__widget.widget_product_categories  (lista)
 *         ├ .oz-shop-sidebar__widget.widget_price_filter        (slider)
 *         ├ .oz-shop-sidebar__widget.widget_layered_nav  ×7     (select2)
 *         └ .oz-shop-sidebar__widget.widget_media_image         (banner)
 *
 * @package OZ_Tema_2_Child
 */

.oz-shop-archive__sidebar {
	--oz-side-accent: #ff0047;        /* rojo/fucsia Singer */
	--oz-side-accent-dark: #d6003c;   /* hover del acento */
	--oz-side-border: #e6e6e6;        /* borde gris muy claro de las tarjetas */
	--oz-side-sep: #eeeeee;           /* separadores suaves internos */
	--oz-side-title: #1f2937;         /* texto de título (oscuro) */
	--oz-side-text: #4b5563;          /* texto de items */
	--oz-side-field-border: #d7d7d7;  /* borde de selects */
}

/* ── Ritmo vertical uniforme entre bloques ───────────────────────────── */
.oz-shop-archive__sidebar .oz-shop-sidebar__block--widgets > * + * {
	margin-top: 14px !important;
}

/* ── 1. Tarjeta de cada bloque: blanca, sobria, sin sombras fuertes ──── */
.oz-shop-archive__sidebar .oz-shop-sidebar__widget {
	background: #fff !important;
	border: 1px solid var(--oz-side-border) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	overflow: visible !important;
	padding: 13px 15px 15px !important;
	color: var(--oz-side-text) !important;
	box-sizing: border-box;
}

/* La categoría venía como tarjeta OSCURA (negra): forzarla blanca como el resto. */
.oz-shop-archive__sidebar .oz-shop-sidebar__widget.widget_product_categories {
	background: #fff !important;
	border-color: var(--oz-side-border) !important;
	color: var(--oz-side-text) !important;
}

/* ── 2. Títulos: MAYÚSCULAS, bold, oscuro, con subrayado + acento fucsia ─ */
.oz-shop-archive__sidebar .oz-shop-sidebar__widget-title {
	position: relative !important;
	display: block !important;
	margin: 0 0 11px !important;
	padding: 0 0 9px !important;
	border-bottom: 1px solid var(--oz-side-sep) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	text-align: left !important;
	color: var(--oz-side-title) !important;
	line-height: 1.25 !important;
}
/* Quitar el icono "hamburguesa" que el tema padre pinta antes del título.
   (El título sigue siendo clicable para colapsar: solo se oculta el icono.) */
.oz-shop-archive__sidebar .oz-shop-sidebar__widget-title::before {
	content: none !important;
	display: none !important;
}
/* Tramo de acento fucsia sobre la línea gris del título. */
.oz-shop-archive__sidebar .oz-shop-sidebar__widget-title::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -1px !important;
	width: 34px !important;
	height: 2px !important;
	background: var(--oz-side-accent) !important;
	border-radius: 2px !important;
}

/* ── 3. Categorías: lista vertical limpia (sin checkbox ni chevrons) ──── */
.oz-shop-archive__sidebar .widget_product_categories .product-categories {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories > li {
	border-bottom: 1px solid var(--oz-side-sep) !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories > li:last-child {
	border-bottom: 0 !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories li > a {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	padding: 8px 2px !important;
	border-radius: 0 !important;
	color: var(--oz-side-text) !important;
	background: transparent !important;
	font-size: 13.5px !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
}
/* Sin "checkbox" ni chevron decorativos que traía la variante oscura. */
.oz-shop-archive__sidebar .widget_product_categories .product-categories li > a::before,
.oz-shop-archive__sidebar .widget_product_categories .product-categories li > a::after {
	content: none !important;
	display: none !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories li > a:hover {
	color: var(--oz-side-accent) !important;
	background: transparent !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories .current-cat > a {
	color: var(--oz-side-accent) !important;
	font-weight: 600 !important;
	background: transparent !important;
}
/* Subcategorías: se conserva el toggle (solo se recolorea) y su sangría. */
.oz-shop-archive__sidebar .widget_product_categories .oz-shop-cat-toggle {
	color: #9aa0a6 !important;
}
.oz-shop-archive__sidebar .widget_product_categories .product-categories ul.children {
	margin: 0 0 0 12px !important;
	padding: 0 !important;
	list-style: none !important;
}

/* ── 4. Selects (layered nav): mismo estilo, compactos ───────────────── */
/* Control cerrado de select2 (lo que realmente se ve). */
.oz-shop-archive__sidebar .select2-container {
	width: 100% !important;
}
.oz-shop-archive__sidebar .select2-container--default .select2-selection--single {
	display: block !important;   /* Woo 11 deja el span en `inline` → height se ignora; lo forzamos */
	position: relative !important; /* ancla la flecha absoluta dentro del control */
	box-sizing: border-box !important;
	height: 40px !important;
	border: 1px solid var(--oz-side-field-border) !important;
	border-radius: 6px !important;
	background: #fff !important;
	box-shadow: none !important;
	outline: none !important;
}
.oz-shop-archive__sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
	display: block !important;
	height: 38px !important;
	line-height: 38px !important;
	padding: 0 28px 0 12px !important;
	color: #444 !important;
	font-size: 13.5px !important;
}
.oz-shop-archive__sidebar .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px !important;
	right: 8px !important;
}
/* <select> nativo, por si select2 no llegara a montar (no toca el oculto de select2). */
.oz-shop-archive__sidebar .widget_layered_nav select:not(.select2-hidden-accessible) {
	width: 100% !important;
	height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid var(--oz-side-field-border) !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #444 !important;
	font-size: 13.5px !important;
	box-shadow: none !important;
}

/* ── 5. Filtro de precio: pista fina, controles fucsia, botón pequeño ── */
.oz-shop-archive__sidebar .widget_price_filter .price_slider_wrapper {
	padding: 12px 2px 0 !important;   /* la tarjeta ya aporta el padding lateral */
}
.oz-shop-archive__sidebar .price_slider.ui-slider {
	height: 4px !important;
	margin: 6px 8px 16px !important;
	background: #e6e6e6 !important;
	border: 0 !important;
	border-radius: 999px !important;
}
.oz-shop-archive__sidebar .price_slider .ui-slider-range {
	background: var(--oz-side-accent) !important;
	border: 0 !important;
}
.oz-shop-archive__sidebar .price_slider .ui-slider-handle {
	width: 16px !important;
	height: 16px !important;
	top: -6px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: var(--oz-side-accent) !important;
	border: 2px solid #fff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
	cursor: pointer !important;
}
/* Fila: botón "Filtrar" (pequeño, izquierda) + rango de precio (derecha). */
.oz-shop-archive__sidebar .widget_price_filter .price_slider_amount {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding: 0 2px !important;
}
.oz-shop-archive__sidebar .widget_price_filter .price_slider_amount .button {
	order: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 8px 18px !important;
	background: var(--oz-side-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: none !important;
}
.oz-shop-archive__sidebar .widget_price_filter .price_slider_amount .button:hover {
	background: var(--oz-side-accent-dark) !important;
}
.oz-shop-archive__sidebar .widget_price_filter .price_label {
	order: 1 !important;
	text-align: right !important;
	font-size: 12.5px !important;
	color: var(--oz-side-text) !important;
	white-space: nowrap !important;
}
.oz-shop-archive__sidebar .widget_price_filter .price_label .from,
.oz-shop-archive__sidebar .widget_price_filter .price_label .to {
	font-weight: 700 !important;
	color: var(--oz-side-title) !important;
}

/* ── 6. Banner de catálogo: ocupa el ancho, sin deformar ─────────────── */
.oz-shop-archive__sidebar .widget_media_image {
	padding: 0 !important;
	border: 1px solid var(--oz-side-border) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: #fff !important;
}
.oz-shop-archive__sidebar .widget_media_image a,
.oz-shop-archive__sidebar .widget_media_image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	border-radius: 0 !important;
}

/* ── "Limpiar filtros": botón sobrio, coherente con las tarjetas ─────── */
.oz-shop-archive__sidebar .oz-shop-sidebar__clear-wrap {
	margin: 0 0 14px !important;
}
.oz-shop-archive__sidebar .oz-shop-sidebar__clear-filters {
	border-radius: 8px !important;
	padding: 9px 12px !important;
	border-color: var(--oz-side-border) !important;
}
.oz-shop-archive__sidebar .oz-shop-sidebar__clear-filters:hover {
	border-color: var(--oz-side-accent) !important;
	color: var(--oz-side-accent) !important;
	background: #fff5fa !important;
}

/* ── 9. Responsive: se apoya en cómo el layout ya reordena la columna ── */
/* Ocultar TODA la barra lateral en tablet vertical y móvil (≤768px, breakpoints
   del maquetador: tablet_v 768 + mobile 480). El layout deja el área de
   productos ocupando el 100% del ancho al quedar como único hijo del grid. */
@media (max-width: 768px) {
	.oz-shop-archive__sidebar {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.oz-shop-archive__sidebar .oz-shop-sidebar__widget {
		padding: 14px 16px 16px !important;
	}
}
@media (max-width: 480px) {
	.oz-shop-archive__sidebar .select2-container--default .select2-selection--single,
	.oz-shop-archive__sidebar .widget_layered_nav select:not(.select2-hidden-accessible) {
		height: 44px !important;
	}
	.oz-shop-archive__sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 42px !important;
	}
	.oz-shop-archive__sidebar .widget_product_categories .product-categories li > a {
		padding: 10px 2px !important;
	}
}