/**
 * Sidebar Tours Filter Grid Styles
 * Complete implementation without partial fragments.
 *
 * @author     David Apaza
 * @package    Csw_Kbookt
 */
.csw-filters-sidebar{
    margin-bottom: 20px;
}
/* Contenedor principal del slider */
.csw-range-slider-container {
    position: relative;
    width: 100%;
    height: 30px;
    margin-top: 10px;
}

/* Track de fondo común (la línea gris) */
.csw-range-slider-container::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--csw-line-color);
    border-radius: var(--csw-radius);
}

/* Etiquetas de texto superior */
.csw-range-labels {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    color: var(--csw-text-main);
    margin-bottom: 10px;
}

/* Configuración de los inputs superpuestos */
.csw-range-slider-container input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: none;
    pointer-events: none; /* Bloquea el track, permite pasar clics */
    -webkit-appearance: none;
    appearance: none;
}

/* Estilos de los selectores (thumbs) - Webkit (Chrome, Safari, Edge) */
.csw-range-slider-container input::-webkit-slider-thumb {
    pointer-events: auto; /* Reactiva interacción solo en el thumb */
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: var(--csw-primary);
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 2;
    position: relative;
    transition: var(--csw-transition);
}

/* Estilos de los selectores (thumbs) - Firefox */
.csw-range-slider-container input::-moz-range-thumb {
    pointer-events: auto;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: var(--csw-primary);
    cursor: pointer;
    border: none;
    z-index: 2;
}

/* Efecto hover premium */
.csw-range-slider-container input::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    background: var(--csw-primary-hover);
}
/* Contenedor de la lista (Reemplaza el código anterior de .csw-pagination) */
.csw-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    width: 100%;
    list-style: none; /* Elimina los puntos negros de la lista */
    padding: 0;       /* Elimina el margen interno nativo de las UL */
    margin: 40px 0 0 0;
}

/* El elemento LI (Caja contenedora de cada botón) */
.csw-pagination .page-item {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* El estilo de los botones internos (Se mantiene igual de estético) */
.csw-pagination .page-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 6px;
    border-radius: var(--csw-sm-radius);
    font-size: 14px;
    font-weight: 600;
    color: var(--csw-text-main);
    background-color: var(--csw-bg-box);
    border: 1px solid var(--csw-line-color);
    text-decoration: none;
    transition: var(--csw-transition);
    cursor: pointer;
}

/* Hover para los enlaces de tipo <a> */
.csw-pagination a.page-number:hover {
    color: var(--csw-primary);
    border-color: var(--csw-primary);
    background-color: rgba(137, 11, 135, 0.04);
}

/* Estado Activo para el <span> actual (Bloqueado con Sombra Premium) */
.csw-pagination .page-number.current {
    color: var(--csw-text-light) !important;
    background-color: var(--csw-primary) !important;
    border-color: var(--csw-primary) !important;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: 0 8px 16px -4px rgba(137, 11, 135, 0.25);
}