/**
 * Ratna Gems — Custom Styles for "Filter Everything" Plugin
 *
 * This file refines the appearance of the filter widget to match the theme,
 * creates a clean horizontal layout, and hides the small numeric input boxes
 * for a better user experience.
 *
 * @version 1.1.0
 */

/* --- 0. Full-width wrapper --- */
.rg-filters-section {
    width: 100vw; /* span full viewport width */
    margin-left: calc(-50vw + 50%); /* escape Astra's container */
    background: #f8f8f8; /* optional background */
    padding: 20px 40px;
}
.rg-filters-inner {
    max-width: 1400px; /* align with site content */
    margin: 0 auto;
}

/* --- 1. Hide the small numeric input boxes under the range sliders --- */
.wpc-filters-range-inputs {
    display: none !important;
}

/* --- 2. Improve spacing and alignment for the horizontal layout --- */
.wpc-filter-horizontal .wpc-filter-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* --- 3. Filter titles consistent with theme --- */
.wpc-filter-horizontal .wpc-filter-header h3 {
    font-size: 1.1em;
    margin-bottom: 15px;
    font-weight: 600;
}

/* --- 4. Slider value text readability --- */
.wpc-filters-range-slider-value {
    font-size: 0.9em;
    color: #555;
    text-align: center;
    margin-top: 10px;
}

/* --- 5. Responsive grid for filter items --- */
.wpc-filter-horizontal .wpc-filters-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;