/* SRX (Search/Results AliExpress-style) filter sidebar — shared by search.php and category.php */

.srx-sidebar { position: sticky; top: 96px; }
.srx-filters-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    padding: 0 16px 16px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.srx-filters-header {
    position: sticky; top: 0; background: #fff;
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 0 10px; border-bottom: 1px solid #eee; margin-bottom: 4px;
    z-index: 2;
}
.srx-filters-header h3 { font-size: 16px; margin: 0; color: #111; }
.srx-clear-all { font-size: 12px; color: #ff4747; text-decoration: none; }
.srx-clear-all:hover { text-decoration: underline; }

.srx-fg { border-bottom: 1px solid #f0f0f0; }
.srx-fg:last-of-type { border-bottom: none; }
.srx-fg-head {
    width: 100%; display: flex; justify-content: space-between; align-items: center;
    background: none; border: none; padding: 12px 0;
    font-size: 13px; font-weight: 700; color: #111;
    text-transform: uppercase; letter-spacing: 0.3px;
    cursor: pointer; text-align: left;
}
.srx-chev {
    width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 5px solid #888;
    transition: transform 0.18s ease;
}
.srx-fg-open > .srx-fg-head .srx-chev { transform: rotate(180deg); }
.srx-fg-body { display: none; padding: 0 0 12px; flex-direction: column; gap: 6px; }
.srx-fg-open > .srx-fg-body { display: flex; }

.srx-opt {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; color: #333; cursor: pointer;
    padding: 3px 0;
}
.srx-opt input { accent-color: #ff4747; }
.srx-stars { color: #ffb400; letter-spacing: 1px; }
.srx-rating-text { color: #666; font-size: 12px; }

.srx-price-inputs { display: flex; align-items: center; gap: 6px; }
.srx-price-inputs input {
    width: 80px; padding: 7px 9px; border: 1px solid #ddd; border-radius: 4px;
    font-size: 13px;
}
.srx-price-inputs span { color: #999; }
.srx-price-ok {
    margin-top: 8px; background: #ff4747; color: #fff;
    border: none; padding: 6px 16px; border-radius: 4px;
    font-size: 13px; font-weight: 600; cursor: pointer;
}
.srx-price-ok:hover { background: #e23a3a; }

.srx-filter-actions { margin-top: 14px; }
.srx-btn {
    display: inline-block; padding: 10px 16px; border-radius: 6px;
    font-size: 14px; font-weight: 600; border: 1px solid transparent;
    cursor: pointer; text-decoration: none; text-align: center;
}
.srx-btn-primary { background: #ff4747; color: #fff; width: 100%; }
.srx-btn-primary:hover { background: #e23a3a; }

@media (max-width: 900px) {
    .srx-sidebar { position: static; }
    .srx-filters-card { max-height: none; }
}