.elementor-17046 .elementor-element.elementor-element-47b6f160 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-17046 .elementor-element.elementor-element-47b6f160 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-17046 .elementor-element.elementor-element-294d1d8e .elementor-toggle-icon{margin-inline-end:5px;}.elementor-17046 .elementor-element.elementor-element-1aa29f0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17046 .elementor-element.elementor-element-dcdf817 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-17046 .elementor-element.elementor-element-6796acbc > .elementor-element-populated{padding:0px 0px 0px 10px;}.elementor-17046 .elementor-element.elementor-element-32d350b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-17046 .elementor-element.elementor-element-32d350b .elementor-toggle-icon{margin-inline-end:5px;}/* Start custom CSS for html, class: .elementor-element-1aa29f0 */.elementor-17046 .elementor-element.elementor-element-1aa29f0 {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-943885c */.elementor-17046 .elementor-element.elementor-element-943885c {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f5eb8d */.elementor-17046 .elementor-element.elementor-element-6f5eb8d {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cf4f9a */.elementor-17046 .elementor-element.elementor-element-5cf4f9a {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-100b7d7 */.elementor-17046 .elementor-element.elementor-element-100b7d7 {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4c7e40e0 *//* 1. Facet Counter - Smaller and subtle dark gray */
.facetwp-counter {
    font-size: 0.85em;
    color: #777777;
    margin-left: 4px; /* Adds a tiny bit of breathing room from the label */
}

/* 2. Slider Label - Centering text */
/* Note: Spans are inline by default. To center them, we make it block or flex. */
.facetwp-slider-label {
    display: block;
    text-align: center;
    width: 100%;
}

/* 3. Selections Container & "Capsule" List Items */
.facetwp-reset {
   background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-radius: 20px; 
    padding: 4px 12px;
    font-size: 0.85em; 
    font-weight: 500;
    color: #333333;
    display: inline-block;  
}

.facetwp-reset::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 500; /* Pro Regular */
  content: "\f0e2";
  margin-right: 0.4em;
  display: inline-block;
}

.facetwp-facet-reset {
  text-align: center;
}

.facetwp-selections ul {
    list-style: none;
    padding: 0;
        font-size: 0.85em; 
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* Adds space between the capsules */
}

.facetwp-selections li {
    background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-radius: 20px; 
    padding: 4px 12px;
    font-size: 0.85em; 
    color: #333333;
    display: inline-block;
}

.facetwp-selection-label {
    font-weight: 500;
    margin-right: 4px;
}

.facetwp-selection-value {
    font-weight: 300;
}

.facetwp-sort-select {
	padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
}

.facetwp-selections ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* Adds space between the capsules */
}

.facetwp-selections li {
    background-color: #f2f2f2;
    border: 1px solid #dcdcdc;
    border-radius: 20px; /* High radius creates the capsule effect */
    padding: 4px 12px;
    font-size: 0.85em; /* Matches the counter size as requested */
    color: #333333;
    display: inline-block;
}

/* 4. Selection Label - Slightly Bold */
.facetwp-selection-label {
    font-weight: 600;
    margin-right: 4px;
}

/* 5. Selection Value - Lighter weight */
.facetwp-selection-value {
    font-weight: 300;
}

.facetwp-display-value {
    line-height: 1.1 !important;
}

@media (max-width: 767px) {
  .elementor-section .elementor-row {
    display: flex;
    flex-direction: column;
  }

  .wf-col-1 { order: 1; }
  .wf-col-3 { order: 2; }
  .wf-col-2 { order: 3; }
}

/* Infinite scroll loader wrapper */
.fwp-loader {
  width: 100%;
  display: flex;
  justify-content: center;  /* centers the button */
  margin: 20px 0 24px;
  padding: 8px 0;
}/* End custom CSS */
/* Start custom CSS */.facetwp-facet {
    margin-bottom: 20px !important;
}
.facetwp-type-alpha {
    margin-bottom: 5px !important;
}    
    
.facetwp-counter {
    font-size: 0.85em;
    color: #777777;
    margin: 0 !important;
}


/* Make the custom text and icons 'click-through' so they don't block the dropdown */
.facetwp-facet-wood_sort .select2-selection__rendered span,
.facetwp-facet-wood_sort .select2-selection__rendered i {
    pointer-events: none !important;
}

/* Ensure the main box captures the click */
.facetwp-facet-wood_sort .select2-container .select2-selection--single {
    cursor: pointer !important;
}

/* Allow the dropdown to flow outside the widget container */
.elementor-widget-container,
.facetwp-facet-wood_sort {
    overflow: visible !important;
}

/* Ensure the dropdown sits on top of everything else */
.select2-container--default .select2-dropdown {
    z-index: 9999 !important;
}

/* 1. Increase the main box height (Was 35px, now 45px) */
.facetwp-facet-wood_sort .select2-container .select2-selection--single {
    height: 45px !important;
    display: flex !important;       /* Uses Flexbox to center content perfectly */
    align-items: center !important; /* Vertically aligns the text */
    border: 1px solid #d2d2d2 !important; /* Ensure border matches your theme */
}

/* 2. Adjust the text placement */
.facetwp-facet-wood_sort .select2-selection__rendered {
    line-height: normal !important; /* Reset line-height so Flexbox handles centering */
    padding-left: 15px !important;  /* Add more space on the left side */
    color: #333 !important;
    width: 100%;
}

/* 3. Fix the Arrow position */
/* Since the box is taller, we force the arrow container to match */
.facetwp-facet-wood_sort .select2-selection__arrow {
    height: 43px !important; /* 45px minus borders */
    top: 1px !important;     /* nudge it down to center */
    right: 5px !important;   /* nudge it inward slightly */
}

/* Optional: Make the dropdown LIST items taller too? */
.select2-results__option {
    padding: 10px 15px !important; /* More space for the items in the list */
}

/* Flips the icon upside down for the 'Nulls Last' facets */
.icon-flip {
    transform: scaleY(-1); 
    display: inline-block; /* Required for transform to work */
}

.facetwp-slider-wrap {
    padding-bottom: 0 !important;
}


.facetwp-alpha {
    display: inline-block !important;
    padding: 7px 11px !important;
    margin: 0 5px 5px 0 !important;
    border: 1px solid #dcdcdc !important;
    line-height: 1 !important;
    text-decoration: none !important;
    color: #a7a7a7 !important;
    font-weight: bold !important;
    background: #f9f9f9 !important;
    border-radius: 1em !important;
}

.facetwp-facet[data-type="alpha"] .facetwp-alpha[data-id=""] {
  display: none !important;
}

.facetwp-facet[data-type="alpha"] {
  text-align: center;
}

.facetwp-alpha.available {
    color: #333 !important;
}
.facetwp-alpha:hover {
    background: #e8e8e8 !important;
}
.facetwp-alpha.selected {
    color: #333 !important;
    background: #e8e8e8 !important;
}

.facetwp-page {
    display: inline-block !important;
    padding: 7px 15px !important;
    margin: 0 5px 0 0 !important;
    border: 1px solid #dcdcdc !important;
    line-height: 1 !important;
    text-decoration: none !important;
    color: #333 !important;
    border-radius: 2px !important;
    font-weight: bold !important;
    background: #f9f9f9 !important;
    border-radius: 1em !important;
}

.facetwp-page:hover {
    background: #e8e8e8 !important;
}

.facetwp-pager {
    padding: 25px 0px 10px 0px !important;
    text-align: center !important;
}

.facetwp-page.active {
    background: #e8e8e8 !important;
}
.facetwp-pager-label {
    font-weight: bold !important;
    margin: 0 12px 20px 0 !important;
}

.facetwp-slider-reset {
display: table;
    margin: 1px auto 0 auto !important; 
    width: max-content; 
    font-size: 0.75em !important;
    font-weight: 400;

    letter-spacing: 0.5px;

    padding: 2px 8px !important;

    background-color: #f0f0f0 !important; 
    color: #888888 !important;       
    border: 1px solid #dcdcdc !important;
    
    border-radius: 12px !important;
    
    cursor: pointer;
    transition: all 0.2s ease;
}

.facetwp-slider-reset:hover {
    background-color: #e2e2e2 !important;
    color: #333333 !important;
    border-color: #cccccc !important;
}

.noUi-connect {
    background: #10537A !important;
    opacity: .81 !important;
}

select {
    padding: .3rem !important;
}/* End custom CSS */