/* /home/propertyboutique.es/public_html/wp-content/mu-plugins/pb-type-dropdown/pb-type-dropdown.css
   v1.1.3 — full file. Overwrite completely. */

/* ------------------------------------------------------------------
   Tunables
   ------------------------------------------------------------------ */
.rh_type_field_wrapper {
    --pb-row-h: 4.4rem;                 /* row height */
    --pb-indent: 14px;                  /* child indent */
    --pb-tail: 30px;                    /* gap under last row */
    --pb-tint: color-mix(in srgb, var(--dashboard-secondary-color, #ea723d) 28%, white);
}

/* ------------------------------------------------------------------
   1. Strip the search box and Select-All / Deselect-All buttons
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .bs-searchbox,
.rh_type_field_wrapper .bs-actionsbox {
    display: none !important;
}

/* ------------------------------------------------------------------
   2. Reset pill  (JS controls visibility via inline !important)
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .rh_prop_search__selectwrap,
.rh_type_field_wrapper .dropdown.bootstrap-select {
    position: relative;
}

.rh_type_field_wrapper .pb-type-reset {
    position: absolute;
    top: 50%;
    right: calc(2.1rem + 10px);
    transform: translateY(-50%);
    z-index: 5;
    display: none;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .02em;
    color: #666;
    background: rgba(128, 128, 128, .12);
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.rh_type_field_wrapper .pb-type-reset:hover {
    color: #fff;
    background: var(--rh-global-color-primary, #666);
}

.rh_type_field_wrapper .dropdown-toggle .filter-option {
    padding-right: 5.4rem;
}

/* ------------------------------------------------------------------
   3. Labels — parent headings and the muted "(all)" suffix
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .dropdown-menu .pb-opt,
.rh_type_field_wrapper .dropdown-toggle .pb-opt {
    display: inline !important;
    font-weight: 600;
    white-space: nowrap;
}

.rh_type_field_wrapper .dropdown-menu .pb-opt-all,
.rh_type_field_wrapper .dropdown-toggle .pb-opt-all {
    display: inline !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 0 4px !important;
    opacity: .55;
    font-weight: 400;
    font-size: .92em;
    white-space: nowrap;
}

/* Children indent; parents pull back flush */
.rh_type_field_wrapper .dropdown-menu.inner > li > a .text {
    display: inline-block;
    white-space: nowrap;
    padding-left: var(--pb-indent);
}
.rh_type_field_wrapper .dropdown-menu.inner > li > a .pb-opt {
    margin-left: calc(var(--pb-indent) * -1);
}

/* ------------------------------------------------------------------
   4. Rows — fixed height, vertically centred, tinted
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .dropdown-menu.inner,
.rh_type_field_wrapper ul.dropdown-menu.inner {
    background: transparent !important;
}
.rh_type_field_wrapper .dropdown.bootstrap-select .dropdown-menu.open,
.rh_type_field_wrapper .dropdown.bootstrap-select .inner.open {
    background: var(--pb-tint) !important;
}
.rh_type_field_wrapper .dropdown-menu.inner > li {
    display: flex;
    max-height: var(--pb-row-h);
}
.rh_type_field_wrapper .dropdown-menu.inner > li > a {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: var(--pb-row-h);
    white-space: nowrap;
}
/* Base tint on resting rows only, so the theme's own hover
   and selected colours come through unchanged. */
.rh_type_field_wrapper .dropdown-menu.inner > li:not(.selected):not(.active) > a:not(:hover):not(:focus):not(.selected):not(.active) {
    background: var(--pb-tint) !important;
}
/* Keep the muted "(all)" readable once the row goes solid */
.rh_type_field_wrapper .dropdown-menu.inner > li > a:hover .pb-opt-all,
.rh_type_field_wrapper .dropdown-menu.inner > li.selected > a .pb-opt-all,
.rh_type_field_wrapper .dropdown-menu.inner > li.active > a .pb-opt-all {
    opacity: .75;
}
/* Clear space under the last row so the fade/arrow can clear */
.rh_type_field_wrapper .dropdown-menu.inner > li:last-child {
    margin-bottom: var(--pb-tail);
}

/* ------------------------------------------------------------------
   5. Menu sizing and stacking
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .dropdown-menu.open.pb-autosize,
.rh_type_field_wrapper .dropdown-menu.open.pb-autosize > .inner {
    overflow-y: auto !important;
}

.rh_type_field_wrapper .dropdown.bootstrap-select .dropdown-menu.open {
    z-index: 100000 !important;
}
.rh_type_field_wrapper .dropdown.bootstrap-select.open {
    position: relative;
    z-index: 100001 !important;
}

/* ------------------------------------------------------------------
   6. Hide the scroll arrow / fade when nothing can scroll
   ------------------------------------------------------------------ */
.rh_type_field_wrapper .dropdown-menu.pb-no-scroll::before,
.rh_type_field_wrapper .dropdown-menu.pb-no-scroll::after,
.rh_type_field_wrapper .dropdown-menu.pb-no-scroll .inner::before,
.rh_type_field_wrapper .dropdown-menu.pb-no-scroll .inner::after,
.rh_type_field_wrapper .pb-no-scroll .gt-scroll-arrow,
.rh_type_field_wrapper .pb-no-scroll .gt-scroll-fade {
    display: none !important;
    opacity: 0 !important;
}

/* Append to /home/propertyboutique.es/public_html/wp-content/mu-plugins/pb-type-dropdown/pb-type-dropdown.css
   Location needs the same overflow and stacking overrides. Styling untouched. */

.rh_location_prop_search_0 .dropdown-menu.open.pb-autosize,
.rh_location_prop_search_0 .dropdown-menu.open.pb-autosize > .inner {
    overflow-y: auto !important;
}

.rh_location_prop_search_0 .dropdown.bootstrap-select .dropdown-menu.open {
    z-index: 100000 !important;
}
.rh_location_prop_search_0 .dropdown.bootstrap-select.open {
    position: relative;
    z-index: 100001 !important;
}

.rh_location_prop_search_0 .dropdown-menu.pb-no-scroll::before,
.rh_location_prop_search_0 .dropdown-menu.pb-no-scroll::after,
.rh_location_prop_search_0 .dropdown-menu.pb-no-scroll .inner::before,
.rh_location_prop_search_0 .dropdown-menu.pb-no-scroll .inner::after,
.rh_location_prop_search_0 .pb-no-scroll .gt-scroll-arrow,
.rh_location_prop_search_0 .pb-no-scroll .gt-scroll-fade {
    display: none !important;
    opacity: 0 !important;
}

/* Replace the Location block you appended last time, at the end of
   /home/propertyboutique.es/public_html/wp-content/mu-plugins/pb-type-dropdown/pb-type-dropdown.css */

/* --pb-tint was only defined on the Type wrapper, so Location fell back
   to #fff. Define it for both. */
.rh_type_field_wrapper,
.rh_location_prop_search_0 {
    --pb-tint: color-mix(in srgb, var(--dashboard-secondary-color, #ea723d) 28%, white);
}

.rh_location_prop_search_0 .dropdown.bootstrap-select .dropdown-menu.open,
.rh_location_prop_search_0 .dropdown.bootstrap-select .inner.open {
    background: var(--pb-tint) !important;
}
.rh_location_prop_search_0 .dropdown-menu.inner,
.rh_location_prop_search_0 ul.dropdown-menu.inner {
    background: transparent !important;
}

/* Append to /home/propertyboutique.es/public_html/wp-content/mu-plugins/pb-type-dropdown/pb-type-dropdown.css */

/* Location: same clear space under the last row so the fade/arrow can hide */
.rh_location_prop_search_0 {
    --pb-tail: 30px;
}

.rh_location_prop_search_0 .dropdown-menu.inner > li:last-child {
    margin-bottom: var(--pb-tail);
}

/* Append to /home/propertyboutique.es/public_html/wp-content/mu-plugins/pb-type-dropdown/pb-type-dropdown.css
   Type only: the hidden search box still reserves space, so the top arrow
   sits 42px too low. Pull it back up. */

.rh_type_field_wrapper .dropdown-menu.open > .gt-scroll-arrow-top,
.rh_type_field_wrapper .dropdown-menu.open > .gt-scroll-up,
.rh_type_field_wrapper .dropdown-menu.open .gt-scroll-arrow.gt-top,
.rh_type_field_wrapper .dropdown-menu.open .inner::before,
.rh_type_field_wrapper .dropdown-menu.open::before {
    transform: translateY(-42px) !important;
}