/* --- Styles for Advanced Product Filters --- */

/* Main container for all filters */
.advanced-product-filters-wrapper .advanced-product-filters-form {
    display: flex;
    flex-direction: column;
    gap: 20px; /* This adds space between each filter block */
}

/* Container for a single label and dropdown */
.advanced-product-filters-wrapper .filter-block {
    display: flex;
    flex-direction: column;
}

/* The title label above the dropdown */
.advanced-product-filters-wrapper .filter-block-title {
    font-weight: bold;
    margin-bottom: 8px; /* Space between label and dropdown */
}

/* The dropdown select box */
.advanced-product-filters-wrapper .filter-block-select {
    width: 100%; /* Makes all dropdowns the same full width */
    max-width: 400px; /* Optional: prevents them from getting too wide on large screens */
}