.custom-review-search-form .filter-field,
.custom-review-search-form .search-field,
.custom-review-search-form .submit-field {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
}

.custom-review-search-form label,
.custom-review-search-form legend {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Styling för jQuery UI Slider (grundläggande) */
.ui-slider {
    position: relative;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    border-radius: 50%; /* Gör handtagen runda */
    background: #0073aa; /* WP Blå */
    border: 1px solid #0073aa;
    margin-top:-0.3em; /* Centrera vertikalt */
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #9fccdc; /* Ljusare blå */
}

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

#crs-rating-amount {
    font-weight: bold;
    color: #555;
}

#crs-rating-slider-range.ui-slider-horizontal {
    width: 250px; /* <<< PROVA DETTA! Justera 250px till något som passar din layout */
    max-width: 100%; /* Förhindra att den blir bredare än sin container */
    height: 8px;  /* Standardhöjd, kan justeras om nödvändigt */
    margin-top: 5px;
    margin-bottom: 15px; /* Lite mer luft under */
}

/* Styling för checkbox-området */
.rating-shortcuts {
    margin-top: 10px; /* Lite utrymme från texten ovanför */
    padding-left: 5px; /* Justera för att linjera med slidern om nödvändigt */
}

/* Styling för varje label+checkbox */
.rating-shortcuts label {
    font-weight: normal; /* Lite mindre framträdande än huvud-labels */
    display: inline-block; /* Försök få dem sida vid sida */
    margin-right: 20px; /* Avstånd mellan dem */
    margin-bottom: 5px; /* Om de hamnar på olika rader */
    cursor: pointer;
}

/* Justera checkboxens position relativt texten */
.rating-shortcuts input[type="checkbox"] {
    margin-right: 5px;
    vertical-align: middle; /* Försök centrera vertikalt */
    /* Eller använd 'bottom', 'text-bottom' etc. beroende på font */
    position: relative; /* Kan behövas för vissa vertical-align */
    top: -1px; /* Finjustering */
}

/* Mer specifik regel för att sätta storlek på badge-bilderna */
.custom-review-search-form .rating-shortcuts label img.rating-shortcut-badge {
    display: inline-block; /* Viktigt för att width/height ska respekteras */
    width: 40px; !important;  /* <<< JUSTERA DETTA VÄRDE (t.ex. 18px, 20px, 24px) */
    height: auto; !important; /* Behåll proportioner */
    max-width: 100%; /* För säkerhets skull */
    margin-left: 5px;
    margin-right: 6px;
    vertical-align: middle; /* Försök justera vertikalt */
}

/* Behåll label-stilen för att hjälpa till med alignment */
.rating-shortcuts label {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: normal;
}

/* Justera checkbox om nödvändigt */
.rating-shortcuts input[type="checkbox"] {
    margin-right: 5px; /* Ge lite utrymme till bilden */
}