/* ===== CT Woo Filters — clean styles ===== */
.ctwf-top{margin-bottom:10px}
.ctwf-top .ctwf-reset-link{font-weight:600;text-decoration:underline}

.ctwf{background:#f8f9fb;padding:14px;border-radius:14px;margin:10px 0 20px}
.ctwf-block{margin:0 0 16px}
.ctwf-block legend{font-weight:700;margin-bottom:8px}

.ctwf .ctwf-list{display:block!important}
.ctwf .ctwf-list label{display:block!important;margin:6px 0!important;line-height:1.3}

.ctwf-actions{display:flex;gap:10px;align-items:center}

/* ===== Dual slider (custom div-based) ===== */
.ctwf .ctwf-dual{display:grid;gap:8px}
.ctwf .ctwf-dual-head{display:flex;justify-content:space-between;font-size:13px}

.ctwf .ctwf-dual-track{
    position:relative;height:32px; /* общая высота зоны слайдера */
}
.ctwf .ctwf-dual-bg,
.ctwf .ctwf-dual-fill{
    position:absolute;left:0;right:0;height:6px;top:50%;
    transform:translateY(-50%);border-radius:3px;pointer-events:none
}
.ctwf .ctwf-dual-bg{background:#d9dfe7}
.ctwf .ctwf-dual-fill{background:#3b82f6}

/* Ручки */
.ctwf .ctwf-handle{
    position:absolute;top:50%;transform:translate(-50%,-50%);
    width:16px;height:16px;border-radius:4px;
    background:#3b82f6;border:2px solid #fff;box-shadow:0 0 0 1px #3b82f6;
    cursor:grab;outline:0
}
.ctwf .ctwf-handle:active{cursor:grabbing}

/* доступность */
.ctwf .ctwf-handle:focus{box-shadow:0 0 0 3px rgba(59,130,246,.35), 0 0 0 1px #3b82f6}

/* чтобы тема не наслаивала свои стили на наши блоки */
.ctwf .ctwf-dual-track *{box-sizing:border-box}






/* Кнопочные стили для фильтра */
.ctwf-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;           /* чтобы "Сбросить" могло уйти на новую строку */
}

.ctwf-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border-radius:6px;
    line-height:1.2;
    text-decoration:none !important;
    font-weight:600;
    border:1px solid transparent;
    cursor:pointer;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
}

/* Основная (синяя) */
.ctwf-btn--primary{
    background:#3b82f6;       /* tailwind blue-500 */
    color:#fff;
    border-color:#3b82f6;
}
.ctwf-btn--primary:hover{ filter:brightness(0.95); }

/* Контурная */
.ctwf-btn--ghost{
    background:transparent;
    color:#3b82f6;
    border-color:#3b82f6;
}
.ctwf-btn--ghost:hover{
    background:#3b82f6;
    color:#fff;
}

/* Если хочешь "Сбросить" на следующей строке всегда — раскомментируй: */
/* .ctwf-btn--ghost{ flex-basis:100%; } */