/**
 * Filtros colapsables en móvil para listado de empresas
 */

/* Botón de filtros móvil - oculto por defecto en desktop */
.pwt-mobile-filters-toggle {
	display: none;
}

/* Solo en móvil/tablet */
@media (max-width: 959px) {
	
	/* Mostrar botón de filtros */
	.pwt-mobile-filters-toggle {
		display: block;
		width: 100%;
		padding: 10px 0;
		margin-bottom: 15px;
		background: none;
		color: #333;
		border: none;
		font-size: 15px;
		font-weight: normal;
		cursor: pointer;
		text-align: left;
		transition: color 0.2s ease;
	}
	
	.pwt-mobile-filters-toggle:hover {
		color: #0066cc;
	}
	
	.pwt-mobile-filters-toggle:active {
		opacity: 0.7;
	}
	
	/* Icono del botón */
	.pwt-mobile-filters-toggle::before {
		content: "";
		margin-right: 0;
	}
	
	/* Flecha que rota */
	.pwt-mobile-filters-toggle::after {
		content: " ▼";
		display: inline-block;
		transition: transform 0.3s ease;
		margin-left: 5px;
		font-size: 12px;
	}
	
	.pwt-mobile-filters-toggle.active::after {
		transform: rotate(180deg);
	}
	
	/* Columna de filtros - usar ID específico */
	#pwt-columna-filtros-mobile {
		order: -1; /* Asegurar que esté arriba */
	}
	
	/* Contenedor de filtros - oculto por defecto en móvil */
	#pwt-columna-filtros-mobile .vc_column-inner,
	#pwt-columna-filtros-mobile .wpb_wrapper {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		margin: 0;
		padding: 0;
		transition: all 0.4s ease-out;
	}
	
	/* Cuando está activo - mostrar filtros */
	.pwt-has-mobile-filters.filters-visible #pwt-columna-filtros-mobile .vc_column-inner,
	.pwt-has-mobile-filters.filters-visible #pwt-columna-filtros-mobile .wpb_wrapper {
		max-height: 3000px; /* Suficientemente alto para todo el contenido */
		opacity: 1;
		margin-bottom: 20px;
		padding: inherit;
		transition: all 0.4s ease-in;
	}
	
	/* Estilo adicional para los filtros cuando están visibles */
	.wpex-vc_row-has-sidebar--left.filters-visible > .vc_column_container:first-child {
		background: #f8f9fa;
		padding: 15px;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	}
}

/* Animación suave */
@media (max-width: 959px) {
	.wpex-vc_row-has-sidebar--left {
		position: relative;
	}
}