/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.1
   Premium horizontal Explore layout built on MyListing.
   ========================================================= */

.lwb-explore {
    --lwb-ink: #202020;
    --lwb-muted: #6f6f6f;
    --lwb-rule: #d8d5d0;
    --lwb-paper: #fff;
    --lwb-soft: #f7f5f1;
    --lwb-button: #242424;
    color: var(--lwb-ink);
}

/* Keep MyListing functionality, remove its stock boxed/sidebar feel. */
.lwb-explore .explore-classic .i-section.explore-type-4 {
    background: var(--lwb-paper);
    padding: 54px 0 90px;
}

.lwb-explore .explore-classic .i-section.explore-type-4 > .container {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* FILTER BAR ------------------------------------------------ */
.lwb-explore .explore-classic-sidebar,
.lwb-explore .explore-classic-content {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.lwb-explore .explore-classic-sidebar {
    margin-bottom: 44px;
}

.lwb-explore .explore-classic-sidebar > .element {
    border: 0;
    box-shadow: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.lwb-explore .explore-classic-sidebar .finder-title {
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
}

.lwb-explore .explore-classic-sidebar .finder-title h2 {
    font-family: "Libre Caslon Display", Georgia, serif !important;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 400 !important;
    line-height: 1.08;
    letter-spacing: 0;
    margin: 0 0 10px;
    color: var(--lwb-ink);
}

.lwb-explore .explore-classic-sidebar .finder-title p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lwb-muted);
    margin: 0;
}

.lwb-explore .explore-classic-sidebar .finder-tabs,
.lwb-explore .explore-classic-sidebar .tab-content,
.lwb-explore .explore-classic-sidebar .search-filters,
.lwb-explore .explore-classic-sidebar .light-forms {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* The listing type's Advanced Form remains the source of truth.
   For Wedding Venues, MyListing's Listing Type configuration is authoritative.
   The plugin styles whatever controls are active; it does not remove filters. */
.lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: end;
}

.lwb-explore .explore-classic-sidebar .form-group {
    margin: 0;
}

.lwb-explore .explore-classic-sidebar label,
.lwb-explore .explore-classic-sidebar .form-group > label {
    display: block;
    font-family: "Montserrat", sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.35px;
    line-height: 1.4;
    text-transform: uppercase;
    color: var(--lwb-ink) !important;
    margin: 0 0 9px;
}

.lwb-explore .explore-classic-sidebar input,
.lwb-explore .explore-classic-sidebar select,
.lwb-explore .explore-classic-sidebar .select2-selection,
.lwb-explore .explore-classic-sidebar .select2-container--default .select2-selection--single {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: var(--lwb-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--lwb-rule) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 44px;
}

.lwb-explore .explore-classic-sidebar .select2-selection__rendered {
    padding-left: 0 !important;
    line-height: 44px !important;
}

.lwb-explore .explore-classic-sidebar .fc-search {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 28px;
    padding: 0;
}

.lwb-explore .explore-classic-sidebar .c27-explore-search-button {
    width: auto !important;
    min-width: 150px;
    min-height: 46px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0 28px;
    border-radius: 0 !important;
    background: var(--lwb-button) !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow: none !important;
}

.lwb-explore .explore-classic-sidebar .reset-results-27 {
    width: auto !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px;
    font-weight: 300;
    color: var(--lwb-muted) !important;
}

/* Stock sidebar tabs are unnecessary when a single Wedding Venue type is used. */
.lwb-explore .explore-classic-sidebar .sidebar-tabs:has(li:only-child) {
    display: none;
}

/* RESULTS --------------------------------------------------- */
.lwb-explore .explore-classic-content {
    border-top: 1px solid var(--lwb-rule);
    padding-top: 22px;
}

.lwb-explore .explore-classic-content .fl-head {
    margin: 0 0 24px;
}

.lwb-explore .explore-desktop-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
}

.lwb-explore .fl-results-no,
.lwb-explore .fl-results-no * {
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--lwb-muted) !important;
}

.lwb-explore .results-view {
    margin-left: 0;
    margin-right: 0;
}

/* One editorial result per row. The listing card itself remains MyListing's
   Preview Card, so existing listing-type card settings still work. */
.lwb-explore .results-view > .grid-item,
.lwb-explore .results-view > [class*="col-"] {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 26px;
}

.lwb-explore .lf-item-container {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.lwb-explore .load-more-btn .button-5,
.lwb-explore .c27-explore-pagination a {
    border-radius: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: .8px;
}

/* Remove the desktop duplicate/collapsible finder used by MyListing classic.
   Mobile navigation is left intact. */
@media (min-width: 1201px) {
    .lwb-explore .explore-classic > .finder-container {
        display: none !important;
    }
}

/* TABLET ---------------------------------------------------- */
@media (max-width: 1024px) {
    .lwb-explore .explore-classic .i-section.explore-type-4 > .container {
        width: min(100% - 36px, 1180px);
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 24px;
    }
}

/* MOBILE ---------------------------------------------------- */
@media (max-width: 767px) {
    .lwb-explore .explore-classic .i-section.explore-type-4 {
        padding: 30px 0 60px;
    }

    .lwb-explore .explore-classic .i-section.explore-type-4 > .container {
        width: calc(100% - 30px);
    }

    .lwb-explore .explore-classic-sidebar {
        margin-bottom: 30px;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
        display: block;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > * {
        margin-bottom: 18px;
    }

    .lwb-explore .explore-classic-sidebar .fc-search {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }

    .lwb-explore .explore-classic-sidebar .c27-explore-search-button {
        width: 100% !important;
    }
}

/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.2 RESULT ROWS
   House & Garden-inspired editorial presentation.
   MyListing still renders/updates the cards; this layer only changes
   their presentation inside the LWB Explore widget.
   ========================================================= */

/* Results are deliberately narrower than the filter bar on large screens. */
@media (min-width: 1025px) {
    .lwb-explore .explore-classic-content {
        max-width: 900px;
    }
}

/* Strip the stock MyListing card chrome. */
.lwb-explore .results-view .lf-item-container,
.lwb-explore .results-view .listing-preview {
    position: relative;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.lwb-explore .results-view .lf-item {
    position: relative;
    height: auto !important;
    min-height: 238px;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* The main MyListing card link becomes our two-column editorial row. */
.lwb-explore .results-view .lf-item > a {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(280px, 40%) minmax(0, 1fr);
    min-height: 238px;
    color: var(--lwb-ink) !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* IMAGE -----------------------------------------------------
   Remove the stock darkening layer now that copy is no longer overlaid.
   Do not hide .lf-head: the lightning/Featured marker remains available. */
.lwb-explore .results-view .lf-item .overlay {
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
}

.lwb-explore .results-view .lf-background,
.lwb-explore .results-view .pc-slider {
    position: relative !important;
    inset: auto !important;
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    height: 238px !important;
    min-height: 238px;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    overflow: hidden;
    z-index: 1;
}

.lwb-explore .results-view .pc-slider .pc-slides,
.lwb-explore .results-view .pc-slider .single-slide {
    width: 100% !important;
    height: 238px !important;
}

.lwb-explore .results-view .pc-slider .single-slide {
    object-fit: cover;
}

/* CONTENT --------------------------------------------------- */
.lwb-explore .results-view .lf-item-info {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: auto !important;
    height: auto !important;
    min-height: 238px;
    padding: 28px 34px !important;
    background: #fff !important;
    color: var(--lwb-ink) !important;
    text-align: left !important;
    z-index: 2;
}

.lwb-explore .results-view .lf-avatar {
    display: none !important;
}

.lwb-explore .results-view .listing-preview-title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-family: "Libre Caslon Display", Georgia, serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--lwb-ink) !important;
    text-shadow: none !important;
}

.lwb-explore .results-view .lf-contact {
    display: flex !important;
    flex-wrap: wrap;
    gap: 3px 8px;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--lwb-ink) !important;
}

.lwb-explore .results-view .lf-contact li {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: .15px;
    color: var(--lwb-ink) !important;
    text-shadow: none !important;
}

.lwb-explore .results-view .lf-contact li:not(:last-child)::after {
    content: " |";
    opacity: .55;
    margin-left: 7px;
}

.lwb-explore .results-view .lf-contact i {
    display: none !important;
}

/* Editorial CTA. The complete row remains the actual listing link. */
.lwb-explore .results-view .lf-item-info::after {
    content: "VIEW VENUE";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    min-height: 38px;
    margin-top: 22px;
    padding: 0 18px;
    background: var(--lwb-button);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

/* FEATURED / PROMOTED --------------------------------------
   Retain MyListing's native lightning indicator, but isolate it over the
   photograph; it does not introduce a full-image overlay. */
.lwb-explore .results-view .lf-head {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 8 !important;
}

.lwb-explore .results-view .lf-head .tooltip-element,
.lwb-explore .results-view .lf-head .lf-head-btn {
    float: none !important;
}

/* Hide any non-priority stock head buttons in this editorial view while
   preserving the native Featured/Promoted lightning badge. */
.lwb-explore .results-view .lf-head > .lf-head-btn {
    display: none !important;
}

.lwb-explore .results-view .lf-head .ad-badge {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
}

.lwb-explore .results-view .lf-head .ad-badge i {
    color: var(--lwb-ink) !important;
    font-size: 16px !important;
}

/* Remove stock footer/bookmark area from Explore rows. */
.lwb-explore .results-view .listing-details,
.lwb-explore .results-view .event-host,
.lwb-explore .results-view .lf-item-container > .listing-details,
.lwb-explore .results-view .lf-item-container > .event-host {
    display: none !important;
}

/* Thin editorial rule between results, as in the reference directory. */
.lwb-explore .results-view > .grid-item,
.lwb-explore .results-view > [class*="col-"] {
    padding-bottom: 26px !important;
    margin-bottom: 26px !important;
    border-bottom: 1px solid var(--lwb-rule);
}

/* MOBILE RESULT ROWS --------------------------------------- */
@media (max-width: 767px) {
    .lwb-explore .results-view .lf-item,
    .lwb-explore .results-view .lf-item > a {
        min-height: 0;
    }

    .lwb-explore .results-view .lf-item > a {
        display: block !important;
    }

    .lwb-explore .results-view .lf-background,
    .lwb-explore .results-view .pc-slider,
    .lwb-explore .results-view .pc-slider .pc-slides,
    .lwb-explore .results-view .pc-slider .single-slide {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3;
    }

    .lwb-explore .results-view .lf-item-info {
        display: block;
        min-height: 0;
        padding: 16px 0 0 !important;
        background: transparent !important;
    }

    .lwb-explore .results-view .listing-preview-title {
        font-size: 23px !important;
        margin-bottom: 7px !important;
    }

    .lwb-explore .results-view .lf-contact li {
        font-size: 10px !important;
    }

    .lwb-explore .results-view .lf-item-info::after {
        display: flex;
        width: 100%;
        min-height: 42px;
        margin-top: 15px;
        box-sizing: border-box;
    }

    .lwb-explore .results-view .lf-head {
        top: 12px !important;
        left: 12px !important;
    }
}


/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.2.2 WIDTH FIX
   MyListing Template 4 applies an 800px width when the widget uses
   finder-one-columns. Override that stock rule for the LWB layout.
   ========================================================= */
@media (min-width: 1025px) {
    .lwb-explore.finder-one-columns .explore-type-4 > .container,
    .lwb-explore .finder-one-columns .explore-type-4 > .container,
    .lwb-explore .explore-classic .i-section.explore-type-4 > .container {
        width: min(1180px, calc(100% - 48px)) !important;
        max-width: 1180px !important;
    }

    .lwb-explore.finder-one-columns .explore-type-4 > .container .explore-classic-sidebar,
    .lwb-explore.finder-one-columns .explore-type-4 > .container .explore-classic-content,
    .lwb-explore .finder-one-columns .explore-type-4 > .container .explore-classic-sidebar,
    .lwb-explore .finder-one-columns .explore-type-4 > .container .explore-classic-content {
        width: 100% !important;
        float: none !important;
    }

    .lwb-explore .explore-classic-content {
        width: 100% !important;
        max-width: 1040px !important;
    }

    .lwb-explore .results-view .lf-item > a {
        grid-template-columns: 360px minmax(0, 1fr);
    }

    .lwb-explore .results-view .lf-background,
    .lwb-explore .results-view .pc-slider,
    .lwb-explore .results-view .pc-slider .pc-slides,
    .lwb-explore .results-view .pc-slider .single-slide {
        height: 250px !important;
        min-height: 250px !important;
    }

    .lwb-explore .results-view .lf-item,
    .lwb-explore .results-view .lf-item > a,
    .lwb-explore .results-view .lf-item-info {
        min-height: 250px;
    }
}

/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.2.6 CLEAN PRESENTATION
   Filter membership is controlled entirely in MyListing > Listing Type.
   ========================================================= */

.lwb-explore-title {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin: 54px auto 30px;
    font-family: "Libre Caslon Display", Georgia, serif !important;
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 400 !important;
    line-height: 1.08;
    color: var(--lwb-ink);
}

/* With only Filters active in Explore Tabs, the tab navigation adds no value. */
.lwb-explore .explore-classic-sidebar .sidebar-tabs:has(li:only-child) {
    display: none !important;
}

/* Native Advanced Form controls. No selectors here suppress individual filters. */
.lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(220px, 1fr)) 150px 150px;
    gap: 28px;
    align-items: end;
}

.lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search .c27-explore-search-button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* 0.2.8: keep Search in the same desktop grid row as the native filters.
   Four columns deliberately allow Sort By to remain native/in-place for now. */
@media (min-width: 768px) {
    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search {
        align-self: end !important;
    }
}

/* Result count left; native Order By control right. */
.lwb-explore .explore-classic-content .fl-head {
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--lwb-rule);
}

.lwb-explore .explore-desktop-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px;
    width: 100%;
}

.lwb-explore .explore-desktop-head .load-batch-icon {
    display: none !important;
}

.lwb-explore .lwb-results-sort {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.lwb-explore .lwb-results-sort-label {
    font-family: "Montserrat", sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.25px !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
    color: var(--lwb-ink) !important;
}

.lwb-explore .lwb-results-sort order-filter {
    display: block !important;
}

.lwb-explore .lwb-results-sort .form-group {
    margin: 0 !important;
}

.lwb-explore .lwb-results-sort order-filter label {
    display: none !important;
}

.lwb-explore .lwb-results-sort select,
.lwb-explore .lwb-results-sort .select2-selection {
    width: 126px !important;
    min-height: 36px !important;
    border: 1px solid var(--lwb-rule) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
}

@media (max-width: 767px) {
    .lwb-explore-title {
        width: calc(100% - 30px);
        margin: 30px auto 22px;
        font-size: 34px;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
        display: block !important;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > * {
        margin-bottom: 18px !important;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search {
        margin-top: 22px !important;
    }

    .lwb-explore .explore-desktop-head {
        gap: 14px;
    }

    .lwb-explore .lwb-results-sort-label {
        display: none !important;
    }

    .lwb-explore .lwb-results-sort select,
    .lwb-explore .lwb-results-sort .select2-selection {
        width: 105px !important;
    }
}

/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.2.7
   Compact native MyListing multiselect presentation.
   ========================================================= */

/* MyListing renders each selected multiselect term as a full-width row.
   Keep Select2/MyListing state and events intact, but present those native
   choices as compact editorial chips. These rules only apply to filters that
   MyListing itself marks as multiselect. */
.lwb-explore .dropdown-filter-multiselect .select2-container--default .select2-selection--multiple {
    min-height: 46px !important;
    height: auto !important;
    padding: 5px 0 4px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--lwb-rule) !important;
    background: transparent !important;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 35px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-selection__rendered > li,
.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-selection__choice {
    width: auto !important;
    max-width: 100% !important;
    min-height: 30px !important;
    margin: 0 !important;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-selection__choice {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px 5px 7px !important;
    border: 1px solid #dedbd6 !important;
    border-radius: 0 !important;
    background: var(--lwb-soft) !important;
    color: var(--lwb-ink) !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection__choice__remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2;
    padding: 0 0 0 3px !important;
    margin: 0 !important;
    opacity: .65;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection__choice__remove::before {
    font-size: 15px !important;
    line-height: 1 !important;
}

/* Keep the Select2 search/click target on the same line instead of allowing
   MyListing's stock 100%-wide rule to create another large block. */
.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-search--inline {
    flex: 1 1 90px !important;
    width: auto !important;
    min-width: 70px !important;
    margin: 0 !important;
}

.lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-search__field {
    width: 100% !important;
    min-width: 70px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    line-height: 30px !important;
}

/* Sort is presentation-only: the actual order-filter element is still the
   MyListing component and therefore retains its own state and AJAX behaviour. */
.lwb-explore .lwb-results-sort {
    min-width: 190px;
    justify-content: flex-end;
}

.lwb-explore .lwb-results-sort order-filter {
    min-width: 125px;
}

@media (max-width: 767px) {
    .lwb-explore .dropdown-filter-multiselect .select2-selection--multiple .select2-selection__choice {
        white-space: normal !important;
    }

    .lwb-explore .lwb-results-sort {
        min-width: 105px;
    }
}


/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.2.9
   Clean native Sort By presentation.
   ========================================================= */

/* Sort always has a valid ordering, so MyListing's Select2 clear control is
   redundant here. Hiding only this clear affordance leaves the native Sort By
   select, value, chevron and AJAX behaviour untouched. */
.lwb-explore order-filter .select2-selection__clear,
.lwb-explore order-filter .select2-selection__clear[role="presentation"] {
    display: none !important;
}

/* Give the value and dropdown arrow one clean visual line. */
.lwb-explore order-filter .select2-selection--single {
    position: relative !important;
    padding-right: 28px !important;
}

.lwb-explore order-filter .select2-selection--single .select2-selection__rendered {
    padding-right: 0 !important;
}

.lwb-explore order-filter .select2-selection--single .select2-selection__arrow {
    right: 0 !important;
}

/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.3.0
   Tighter editorial spacing and quiet empty-filter values.
   ========================================================= */
@media (min-width: 768px) {
    .lwb-explore-title {
        margin-bottom: 8px !important;
    }

    .lwb-explore .explore-classic .i-section.explore-type-4 {
        padding-top: 20px !important;
    }

    .lwb-explore .explore-classic-sidebar {
        margin-bottom: 26px !important;
    }

    .lwb-explore .explore-classic-content {
        padding-top: 14px !important;
    }

    .lwb-explore .explore-classic-content .fl-head {
        margin-bottom: 14px !important;
        padding-bottom: 12px !important;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
        gap: 26px !important;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search {
        align-self: end !important;
    }

    .lwb-explore .explore-classic-sidebar .fc-search {
        gap: 8px !important;
    }

    .lwb-explore .explore-classic-sidebar .reset-results-27 {
        margin-top: 5px !important;
        line-height: 1.2 !important;
    }
}

/* Empty Region/Venue Type values: quiet enough to read as placeholders,
   but visible enough that the two controls do not look broken or blank. */
.lwb-explore .dropdown-filter-multiselect .select2-search__field::placeholder {
    color: #858585 !important;
    opacity: 1 !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
}


/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.3.1
   Correct empty states + control alignment.
   ========================================================= */

/* 0.3.0 used the Select2 search input placeholder; remove that presentation
   and render the empty state on the selection itself instead. */
.lwb-explore .dropdown-filter-multiselect .select2-search__field::placeholder {
    color: transparent !important;
}

.lwb-explore .select2-selection.lwb-empty-selection {
    position: relative !important;
}

.lwb-explore .select2-selection.lwb-empty-selection::before {
    content: attr(data-lwb-placeholder);
    position: absolute;
    left: 0;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a9a9a;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    pointer-events: none;
    white-space: nowrap;
}

/* These editorial dropdowns have very short lists, so suppress the temporary
   Select2 search/"Searching..." row when opened. */
.select2-dropdown.lwb-no-dropdown-search .select2-search--dropdown {
    display: none !important;
}

/* Sort always has a value. Remove every known Select2 clear affordance from
   the sort wrapper, while leaving the native arrow and selection clickable. */
.lwb-explore .lwb-results-sort .select2-selection__clear,
.lwb-explore .lwb-results-sort [class*="selection__clear"],
.lwb-explore .lwb-results-sort button.select2-selection__clear,
.lwb-explore .lwb-results-sort .select2-selection__rendered > [title="Remove all items"] {
    display: none !important;
}

@media (min-width: 768px) {
    /* One visual baseline for Region, Venue Type, Sort By and Search. */
    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper {
        align-items: end !important;
    }

    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .form-group,
    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > order-filter,
    .lwb-explore .explore-classic-sidebar .light-forms.filter-wrapper > .fc-search {
        margin-bottom: 0 !important;
    }

    .lwb-explore .lwb-results-sort .select2-selection--single,
    .lwb-explore .dropdown-filter-multiselect .select2-selection--multiple {
        min-height: 38px !important;
    }

    .lwb-explore .explore-classic-sidebar .fc-search > a,
    .lwb-explore .explore-classic-sidebar .fc-search button {
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   LWB CUSTOMISATIONS — EXPLORE V0.3.2
   Stable taxonomy labels + quieter Sort By.
   ========================================================= */

/* Region and Venue Type are the same MyListing dropdown-terms control.
   Keep the native floating label permanently in its selected/focused position,
   including when the filter is empty. This prevents the label from sharing the
   value baseline and stops it jumping when Select2 receives focus. */
.lwb-explore .explore-classic-sidebar .dropdown-filter-multiselect.md-group {
    position: relative !important;
    padding-top: 11px !important;
}

.lwb-explore .explore-classic-sidebar .dropdown-filter-multiselect.md-group label,
.lwb-explore .explore-classic-sidebar .dropdown-filter-multiselect.md-group select[multiple] ~ .select2-container ~ label,
.lwb-explore .explore-classic-sidebar .dropdown-filter-multiselect.md-group select[multiple] ~ .select2-container--focus ~ label {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    pointer-events: none !important;
}

/* Empty-state copy belongs on the value line, not the floating-label line. */
.lwb-explore .explore-classic-sidebar .dropdown-filter-multiselect .select2-selection.lwb-empty-selection::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9a9a9a !important;
    font-size: 12px !important;
    font-weight: 300 !important;
}

/* Sort is always populated (Latest by default). Treat it as a quiet selector,
   not a removable filter: normal-weight value, no clear X, native arrow kept. */
.lwb-explore .orderby-filter .select2-selection__rendered,
.lwb-explore .lwb-results-sort .select2-selection__rendered,
.lwb-explore order-filter .select2-selection__rendered {
    font-weight: 300 !important;
}

.lwb-explore .orderby-filter .select2-selection__clear,
.lwb-explore .orderby-filter .select2-selection--single .select2-selection__clear,
.lwb-explore .lwb-results-sort .select2-selection__clear,
.lwb-explore order-filter .select2-selection__clear {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.lwb-explore .orderby-filter .select2-selection--single,
.lwb-explore .lwb-results-sort .select2-selection--single,
.lwb-explore order-filter .select2-selection--single {
    padding-right: 24px !important;
}