/* =============================================================================
   USA Cabinets - Samples Page Filters (v2.0)

   Scoped under body.ucsf-active. Two jobs:
     1. Style the #doors-filters sidebar to look IDENTICAL to the Doors pages.
        (Self-contained: works even if the usacab-doors-cards plugin is off.
        When that plugin is active it also styles #doors-filters via
        body.ucdc-active -- both target the same .wpc-* classes, so they agree.)
     2. Provide the layout + card show/hide that filtering needs, WITHOUT
        changing the existing hardcoded card look (we only toggle visibility).

   Card = .cabinet-door-box (one per door). Grid = .doors-list.
   Brand: navy #15336b, red #e22323, action-blue #1763d6
   ============================================================================= */

body.ucsf-active {
    --ucsf-navy:      #15336b;
    --ucsf-red:       #e22323;
    --ucsf-red-dark:  #c41a1a;
    --ucsf-blue:      #1763d6;
    --ucsf-blue-dark: #1250b0;
    --ucsf-ink:       #222a35;
    --ucsf-muted:     #6b7280;
    --ucsf-line:      #e3e6ec;
    --ucsf-card-line: #e7eaef;
    --ucsf-radius:    6px;
    --ucsf-shadow:    0 1px 3px rgba(20,30,50,.06);
}

/* =============================================================================
   1. TWO-COLUMN LAYOUT (built by ucsf.js): filters sidebar | samples grid
   ============================================================================= */
body.ucsf-active .ucsf-layout {
    display: flex;
    align-items: flex-start;
    gap: 36px;
    width: 85vw;
    max-width: 85vw;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
body.ucsf-active .ucsf-col-filters {
    flex: 0 0 270px;
    max-width: 270px;
    width: 270px;
}
body.ucsf-active .ucsf-col-grid {
    flex: 1 1 auto;
    min-width: 0;
}
body.ucsf-active .ucsf-col-filters #doors-filters,
body.ucsf-active .ucsf-col-filters .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
}
/* Let the grid keep its own Elementor column sizing inside the right column. */
body.ucsf-active .ucsf-col-grid .doors-list {
    width: 100% !important;
    max-width: 100% !important;
}

/* If JS couldn't restructure into 2 columns, at least cap the sidebar width. */
body.ucsf-active #doors-filters.ucsf-standalone-sidebar {
    max-width: 300px;
}

/* -----------------------------------------------------------------------------
   Grid row behavior when filtering.

   .doors-list is an Elementor e-grid (CSS Grid). When we hide cards with
   display:none, the surviving cards must RE-PACK into tidy rows instead of
   leaving gaps or stretching to fill oversized implicit rows. Two things cause
   the "stretched height" look:
     (a) the grid's implicit rows are sized 1fr / stretch, so a row with one
         tall-less card still stretches, and
     (b) items align-stretch vertically within their row.
   We force auto-height rows and top alignment so every visible card keeps its
   natural height and rows collapse to content. This is inert when nothing is
   filtered (cards are naturally similar height), so the default view is
   unchanged.
   -------------------------------------------------------------------------- */
body.ucsf-active .doors-list {
    grid-auto-rows: min-content !important;
    align-items: start !important;
    align-content: start !important;
}
body.ucsf-active .doors-list > .cabinet-door-box {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}

/* =============================================================================
   2. FILTERED-CARD VISIBILITY (the only change to the hardcoded grid)
   We NEVER restyle the card interior -- just remove hidden ones so the grid
   reflows. Only cards INSIDE the samples grid are affected.
   ============================================================================= */
body.ucsf-active .doors-list .cabinet-door-box {
    transition: opacity .18s ease;
}
body.ucsf-active .doors-list .cabinet-door-box.ucsf-hidden,
body.ucsf-active .cabinet-door-box.ucsf-hidden {
    display: none !important;
}

/* Result count under the filters. */
body.ucsf-active #doors-filters .ucsf-result-count {
    margin-top: 14px;
    font-size: 13px;
    color: var(--ucsf-muted);
    text-align: center;
    min-height: 16px;
}

/* -----------------------------------------------------------------------------
   Mobile/tablet master "Filters" toggle.
   Built by JS as the first child of #doors-filters. Hidden on desktop -- the
   three groups just show as the normal sidebar. The mobile media query below
   reveals this header and collapses the filter body under it.
   -------------------------------------------------------------------------- */
body.ucsf-active #doors-filters .ucsf-master-toggle {
    display: none; /* desktop: hidden; shown in the <=1024px block */
}

/* =============================================================================
   3. FILTER SIDEBAR STYLING  (ported from the Doors-pages look; self-contained)
   ============================================================================= */

/* Stack the sections vertically; kill any horizontal/columned layout. */
body.ucsf-active #doors-filters,
body.ucsf-active #doors-filters .wpc-filters-widget-wrapper {
    display: block !important;
    width: 100% !important;
}
body.ucsf-active #doors-filters .wpc-filters-section {
    border: none !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    background: none !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
    column-width: auto !important;
}
body.ucsf-active #doors-filters .wpc-filters-section:last-of-type {
    margin-bottom: 0 !important;
}
body.ucsf-active #doors-filters .wpc-filter-content {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    width: 100% !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
    column-width: auto !important;
}

/* ---- Section header / collapse toggle ---- */
body.ucsf-active #doors-filters .wpc-filter-header {
    margin: 0 0 14px !important;
    border: none !important;
    padding: 0 !important;
}
body.ucsf-active #doors-filters .wpc-filter-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--ucsf-ink) !important;
    text-transform: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    line-height: 1.3 !important;
}
body.ucsf-active #doors-filters .wpc-filter-title.ucdc-collapse-toggle {
    cursor: pointer;
    user-select: none;
}
body.ucsf-active #doors-filters .wpc-filter-title .wpc-open-icon {
    display: none !important;
}
body.ucsf-active #doors-filters .wpc-filter-title.ucdc-collapse-toggle::after {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-left: 12px;
    border-right: 2px solid #9aa3b2;
    border-bottom: 2px solid #9aa3b2;
    transform: rotate(45deg);
    transition: transform .18s ease;
}
body.ucsf-active #doors-filters .wpc-filter.ucdc-collapsed .wpc-filter-title.ucdc-collapse-toggle::after {
    transform: rotate(-45deg);
}
body.ucsf-active #doors-filters .wpc-filter.ucdc-collapsed .wpc-filter-content {
    display: none !important;
}

/* ---- Checkbox filter rows (Style, Finish) ---- */
body.ucsf-active #doors-filters ul.wpc-filters-checkboxes,
body.ucsf-active #doors-filters ul.wpc-filters-ul-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid var(--ucsf-card-line) !important;
    border-radius: var(--ucsf-radius) !important;
    overflow: hidden !important;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item:hover {
    border-color: #c3ccda !important;
    box-shadow: var(--ucsf-shadow);
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item.wpc-term-selected {
    border-color: var(--ucsf-blue) !important;
    background: #eef4fe !important;
    box-shadow: 0 0 0 2px var(--ucsf-blue) inset;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item.wpc-term-selected label a {
    color: var(--ucsf-blue) !important;
    font-weight: 600 !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item-content-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 11px 13px !important;
    margin: 0 !important;
    gap: 11px !important;
    box-sizing: border-box !important;
}

/* Custom checkbox */
body.ucsf-active #doors-filters .wpc-filters-checkboxes input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid #b9c0cc !important;
    border-radius: 4px !important;
    background: #fff !important;
    cursor: pointer;
    position: relative;
    top: 0 !important;
    transition: border-color .12s ease, background .12s ease;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes input[type="checkbox"]:hover {
    border-color: var(--ucsf-blue) !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes input[type="checkbox"]:checked {
    background: var(--ucsf-blue) !important;
    border-color: var(--ucsf-blue) !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Label + term link */
body.ucsf-active #doors-filters .wpc-filters-checkboxes label {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    cursor: pointer;
    line-height: 1.3 !important;
    white-space: normal !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes label a,
body.ucsf-active #doors-filters li.wpc-term-item a.wpc-filter-link {
    color: var(--ucsf-ink) !important;
    text-decoration: none !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
}
body.ucsf-active #doors-filters .wpc-filters-checkboxes label a:hover {
    color: var(--ucsf-blue) !important;
}

/* ---- Door-style icons in the Style group ---- */
body.ucsf-active #doors-filters .ucdc-style-icon,
body.ucsf-active #doors-filters .ucsf-style-icon {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #5b6470;
    margin: 0 2px 0 0;
}
body.ucsf-active #doors-filters .ucdc-style-icon svg,
body.ucsf-active #doors-filters .ucsf-style-icon svg {
    display: block;
    width: 30px;
    height: 30px;
}
body.ucsf-active #doors-filters .wpc-term-item.wpc-term-selected .ucdc-style-icon,
body.ucsf-active #doors-filters .wpc-term-item.wpc-term-selected .ucsf-style-icon {
    color: var(--ucsf-blue);
}
body.ucsf-active #doors-filters .wpc-filter-style .ucdc-has-style-icon .wpc-term-item-content-wrapper {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* ---- Wood dropdown -> styled like the boxes ---- */
body.ucsf-active #doors-filters select.wpc-filters-widget-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    border: 1px solid var(--ucsf-card-line) !important;
    border-radius: var(--ucsf-radius) !important;
    padding: 0 40px 0 13px !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: var(--ucsf-ink) !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 13px center !important;
    cursor: pointer;
    line-height: 46px !important;
    box-shadow: none !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body.ucsf-active #doors-filters select.wpc-filters-widget-select:hover {
    border-color: #c3ccda !important;
    box-shadow: var(--ucsf-shadow);
}
body.ucsf-active #doors-filters select.wpc-filters-widget-select:focus {
    border-color: var(--ucsf-blue) !important;
    box-shadow: 0 0 0 1px var(--ucsf-blue) inset !important;
    outline: none !important;
}

/* ---- Clear All control ---- */
body.ucsf-active #doors-filters .ucsf-controls {
    margin-top: 18px !important;
}
body.ucsf-active #doors-filters .wpc-filters-close-button.ucsf-clear {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 40px;
    color: var(--ucsf-muted) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    border: 1px solid var(--ucsf-card-line) !important;
    border-radius: var(--ucsf-radius) !important;
    background: #fff !important;
    transition: border-color .15s ease, color .15s ease;
}
body.ucsf-active #doors-filters .wpc-filters-close-button.ucsf-clear:hover {
    color: var(--ucsf-red) !important;
    border-color: #d6a2a2 !important;
}

/* =============================================================================
   4. RESPONSIVE

   Mirrors the usacab-doors-cards mobile treatment: below 1024px the sidebar
   stops sitting beside the grid and stacks above it; each filter group sits on
   its own row and its options become a horizontal, scrollable strip of pills.
   This saves vertical space and reads cleanly on tablet/phone.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Desktop column control.

   By default the Elementor grid auto-fits columns by a min column WIDTH, so as
   the viewport narrows the door images shrink and the Add-to-Cart buttons
   inflate/wrap instead of the grid dropping a column. We also can't use
   display:grid here: Elementor's e-grid defines EXPLICIT rows, so hiding cards
   with display:none leaves the original row tracks behind -> big vertical gaps
   when a filter leaves few matches (e.g. "Brown"). Flexbox has no leftover row
   tracks, so we switch to flex-wrap and control the column count via explicit
   flex widths that step 6 -> 5 -> 4. Thresholds are tuned so a column drops
   BEFORE the images get small / buttons get large.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    body.ucsf-active .ucsf-col-grid .doors-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        gap: 20px !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
    }
    /* 6 columns: each item = (100% - 5 gaps of 20px) / 6 */
    body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box {
        flex: 0 0 calc((100% - 100px) / 6) !important;
        max-width: calc((100% - 100px) / 6) !important;
        width: calc((100% - 100px) / 6) !important;
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }
    body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box.ucsf-hidden {
        display: none !important;
    }

    /* Drop to 5 columns sooner than the default did: (100% - 4 gaps) / 5 */
    @media (max-width: 1600px) {
        body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box {
            flex-basis: calc((100% - 80px) / 5) !important;
            max-width: calc((100% - 80px) / 5) !important;
            width: calc((100% - 80px) / 5) !important;
        }
    }
    /* Drop to 4 columns instead of shrinking the cards: (100% - 3 gaps) / 4 */
    @media (max-width: 1320px) {
        body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box {
            flex-basis: calc((100% - 60px) / 4) !important;
            max-width: calc((100% - 60px) / 4) !important;
            width: calc((100% - 60px) / 4) !important;
        }
    }
}

/* Tablet band: keep the layout at ~85vw but let the sidebar narrow a touch. */
@media (max-width: 1100px) and (min-width: 1025px) {
    body.ucsf-active .ucsf-col-filters {
        flex-basis: 240px !important;
        max-width: 240px !important;
        width: 240px !important;
    }
}

/* Below 1024px: stack the filter block above the grid, both full width. */
@media (max-width: 1024px) {
    body.ucsf-active .ucsf-layout {
        display: block !important;
        width: 90vw !important;
        max-width: 90vw !important;
    }
    body.ucsf-active .ucsf-col-filters {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 26px !important;
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }

    /* Master "Filters" toggle: visible on mobile/tablet. */
    body.ucsf-active #doors-filters .ucsf-master-toggle {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 13px 16px;
        background: #fff;
        border: 1px solid var(--ucsf-line);
        border-radius: var(--ucsf-radius);
        cursor: pointer;
        font: inherit;
        text-align: left;
    }
    body.ucsf-active #doors-filters .ucsf-master-toggle .ucsf-master-label {
        font-size: 16px;
        font-weight: 700;
        color: var(--ucsf-ink);
        letter-spacing: .2px;
    }
    body.ucsf-active #doors-filters .ucsf-master-toggle .ucsf-master-caret {
        flex: 0 0 auto;
        width: 10px;
        height: 10px;
        margin-left: 12px;
        border-right: 2px solid #9aa3b2;
        border-bottom: 2px solid #9aa3b2;
        transform: rotate(45deg);          /* points down = collapsed */
        transition: transform .18s ease;
    }
    /* When OPEN, flip the caret up and add a little gap before the body. */
    body.ucsf-active #doors-filters.ucsf-has-master:not(.ucsf-master-collapsed) .ucsf-master-toggle {
        margin-bottom: 16px;
    }
    body.ucsf-active #doors-filters.ucsf-has-master:not(.ucsf-master-collapsed) .ucsf-master-caret {
        transform: rotate(-135deg);        /* points up = open */
    }
    /* Collapsed: hide the whole filter body under the master header. */
    body.ucsf-active #doors-filters.ucsf-has-master.ucsf-master-collapsed .wpc-filters-widget-wrapper {
        display: none !important;
    }
    /* When the master is OPEN on mobile, individual per-group collapse should
       NOT hide the pill strips -- force every group's content visible. */
    body.ucsf-active #doors-filters.ucsf-has-master .wpc-filter.ucdc-collapsed .wpc-filter-content {
        display: block !important;
    }
    /* And disable the per-group caret on mobile (groups aren't individually
       collapsible here; the master toggle governs everything). */
    body.ucsf-active #doors-filters .wpc-filter-title.ucdc-collapse-toggle::after {
        display: none !important;
    }
    body.ucsf-active #doors-filters .wpc-filter-title.ucdc-collapse-toggle {
        cursor: default !important;
    }
    body.ucsf-active .ucsf-col-grid {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Reassert the row-collapse behavior at this breakpoint.

       Elementor's e-grid defines EXPLICIT rows, so hiding cards with
       display:none leaves the original row tracks behind -> big vertical gaps
       when a filter leaves few matches. Overriding grid-auto-rows doesn't help
       because those are explicit, not implicit, rows.

       The robust fix on mobile is to stop being a grid and become a flexbox
       with wrap: flex has no concept of leftover row tracks, so hidden items
       simply vanish and the survivors flow with a fixed gap. We force a 2-up
       layout (each item ~50% minus half the gap). This matches the mobile look
       (2 columns) while guaranteeing tidy rows. */
    body.ucsf-active .ucsf-col-grid .doors-list {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        gap: 16px !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
    }
    body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box {
        flex: 0 0 calc(50% - 8px) !important;   /* 2 per row, minus half the 16px gap */
        max-width: calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }
    body.ucsf-active .ucsf-col-grid .doors-list > .cabinet-door-box.ucsf-hidden {
        display: none !important;
    }
    body.ucsf-active #doors-filters .wpc-filters-widget-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.ucsf-active #doors-filters .wpc-filters-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
    }
    body.ucsf-active #doors-filters .wpc-filter-header {
        margin-bottom: 10px !important;
    }

    /* Checkbox options become a horizontal, scrollable strip of pills. */
    body.ucsf-active #doors-filters .wpc-filter-style .wpc-filters-checkboxes,
    body.ucsf-active #doors-filters .wpc-filter-finish .wpc-filters-checkboxes,
    body.ucsf-active #doors-filters ul.wpc-filters-checkboxes {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 2px 12px !important;   /* room for the scrollbar */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item {
        flex: 0 0 auto !important;          /* don't shrink; scroll instead */
        width: auto !important;
        max-width: none !important;
    }
    body.ucsf-active #doors-filters .wpc-filters-checkboxes .wpc-term-item-content-wrapper {
        white-space: nowrap !important;
        padding: 9px 14px !important;
    }
    body.ucsf-active #doors-filters .wpc-filters-checkboxes label a {
        white-space: nowrap !important;
    }

    /* Slim, on-brand scrollbar for the strips. */
    body.ucsf-active #doors-filters .wpc-filters-checkboxes::-webkit-scrollbar {
        height: 6px;
    }
    body.ucsf-active #doors-filters .wpc-filters-checkboxes::-webkit-scrollbar-thumb {
        background: #cdd3dd;
        border-radius: 6px;
    }
    body.ucsf-active #doors-filters .wpc-filters-checkboxes::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Wood dropdown stays on its own row, capped width. */
    body.ucsf-active #doors-filters .wpc-filter-wood select.wpc-filters-widget-select {
        max-width: 420px !important;
    }
}

/* Phones: keep the scrollable strips; tighten spacing. */
@media (max-width: 767px) {
    body.ucsf-active .ucsf-layout {
        width: 92vw !important;
        max-width: 92vw !important;
    }
    body.ucsf-active #doors-filters .wpc-filters-section {
        margin-bottom: 16px !important;
    }
}