/* =========================================================
   Egypt Revealed — LISTING FILTER SIDEBAR (design-refs/11)
   Loaded after ert-global.css on module search/listing pages.

   Mockup 11: white filter panel, Playfair group labels, gold
   radio marks, gold price slider. Stock GoTrip ships blue
   buttons and #fa5636 orange stars, so those are re-skinned.
   Scope: .ert-listing (set on the search page wrapper).
   ========================================================= */

.ert-listing .bravo_filter .sidebar__item { border-color: rgba(29, 43, 38, .10); }

.ert-listing .bravo_filter h5 {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--ert-dark);
    margin-bottom: 14px;
}

/* ---- checkbox / radio marks -> gold ---- */
.ert-listing .form-checkbox__mark {
    border-radius: 50%;
    border: 1px solid rgba(29, 43, 38, .28);
    background: #fff;
}
.ert-listing .form-checkbox input:checked ~ .form-checkbox__mark {
    background-color: var(--ert-gold) !important;
    border-color: var(--ert-gold) !important;
}
.ert-listing .form-checkbox__icon { color: #fff; }

/* ---- filter row labels ---- */
.ert-listing .bravo_filter .text-15,
.ert-listing .bravo_filter label { color: #33443c; font-size: 14px; }

/* ---- stars: theme orange #fa5636 -> brand gold ---- */
.ert-listing .bravo_filter .fa-star,
.ert-listing .bravo_filter .fa.fa-star { color: var(--ert-gold) !important; }

/* ---- price slider (ion.rangeSlider) -> gold ----
   The theme initialises the slider without a `skin` option, so it
   renders with the default `irs--round` skin (blue #006cfa). These
   rules are written skin-agnostically so they hold if that changes. */
.ert-listing .irs .irs-line { background: rgba(29, 43, 38, .12) !important; }
.ert-listing .irs .irs-bar { background-color: var(--ert-gold) !important; }
.ert-listing .irs .irs-handle,
.ert-listing .irs .irs-handle > i:first-child {
    background-color: var(--ert-gold) !important;
    border-color: var(--ert-gold) !important;
}
.ert-listing .irs--round .irs-handle {
    border: 4px solid var(--ert-gold) !important;
    background-color: #fff !important;
    box-shadow: 0 1px 4px rgba(29, 43, 38, .24) !important;
}
.ert-listing .irs .irs-from,
.ert-listing .irs .irs-to,
.ert-listing .irs .irs-single {
    background-color: var(--ert-dark) !important;
    font-size: 11px;
}
.ert-listing .irs .irs-from::before,
.ert-listing .irs .irs-to::before,
.ert-listing .irs .irs-single::before {
    border-top-color: var(--ert-dark) !important;
}
/* grid ticks + min/max labels */
.ert-listing .irs .irs-grid-pol { background-color: rgba(29, 43, 38, .20) !important; }
.ert-listing .irs .irs-grid-text { color: #7d8b83 !important; }

/* ---- APPLY button: theme blue -> gold ---- */
.ert-listing .btn-apply-price-range,
.ert-listing .bravo_filter .bg-blue-1 {
    background: var(--ert-gold) !important;
    color: #0b2321 !important;
    font-weight: 600;
    border-radius: 8px !important;
}
.ert-listing .btn-apply-price-range:hover { background: var(--ert-gold-d) !important; }

/* ---- sort control ---- */
.ert-listing .bc-form-order select,
.ert-listing .bc-form-order .form-control {
    border: 1px solid rgba(29, 43, 38, .16);
    border-radius: 8px;
    color: var(--ert-dark);
}

/* ---- "Show on map" CTA keeps brand colours ---- */
.ert-listing .bravo_filter .button.-blue-1 {
    background: var(--ert-gold) !important;
    color: #0b2321 !important;
}