/*wpfacet*/

.facetwp-facet-dostepnosc .fs-label::before {
    background-image: url('/wp-content/themes/air-light-child/svg/icon-check.svg');
}

.facetwp-facet-lokalizacja .fs-label::before {
    background-image: url('/wp-content/themes/air-light-child/svg/icon-location.svg');
}

.facetwp-facet-ilosc_pokoi .fs-label::before {
    background-image: url('/wp-content/themes/air-light-child/svg/icon-bed.svg');
}

.icon-cena:before  {
    background-image: url('/wp-content/themes/air-light-child/svg/icon-price.svg');
}

.icon-cena:before,
.fs-label::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.8em;
    vertical-align: middle;
}

.acf-dostepnosc {background-color: #b5aa95; color:#f9f8eb;}
.acf-offer-id {background-color: #f4ecab; color:#272625;}

  .acf-offer-id, .acf-dostepnosc {font-family: 'ivyora-display, sans-serif';  font-weight: 100;
  font-style: italic;  padding: 5px 22px 5px 22px; font-size:13px; border-radius:50px; }

/* WPFAcet*/

.fs-label, .cena p{font-weight:400;}
.facetwp-number {font-weight:300;}
.filters {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border-radius: 999px;
  max-width: 100%;
  overflow-x: auto;
}

/* Każdy filtr */
.facetwp-facet {
  flex: 1 1 auto;
  position: relative;
  font-size: 14px;
	margin-bottom:0px!important;
}


@media (min-width: 768px) {
.fs-wrap {
	width: 100%!important;}
	.filter, .facetwp-number-max {width:100%;}
	.search-p {color: white;}
}

.fs-dropdown .fs-search {
	display:none;}

.fs-dropdown .fs-options {padding:10px 8px 8px 10px;}

.fs-dropdown {border: none!important;}

.fs-arrow {
  width: 24px !important;
  height: 16px !important;
  background-image: url('https://warsawhomes.pl/wp-content/themes/air-light-child/svg/chevron-down.svg'); 
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  position: absolute !important;
  margin: 0 !important;
	margin-right:10px!important;
	top:30%!important;
  display: block !important;
  pointer-events: none !important;
}

.fs-wrap {
  background-color: transparent;
  border: none;
}

.cena.filter,
.fs-label-wrap {
	background-color: rgba(255, 255, 255, 1.0)!important;
  border-radius: 999px;
	border: none!important;
  padding: 0.65rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.cena.filter p {margin-top:0px; margin-bottom:0px;margin-left:6px;}

.facetwp-radio.checked:before,
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {background-color:#212121!important}

.fs-label-wrap:hover {
cursor: pointer!important;
background-color: rgba(255, 255, 255, 0.7)!important;
	transition:0.2s;
}

.cena p {white-space:nowrap;}
.facetwp-facet-cena input[type="text"] {
	border:none;
  font-size: 14px;
}

.filters {
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.fs-dropdown {
  z-index: 9999!important;
  top: 100% !important;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  border-radius: 1rem;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
}
.fs-dropdown .fs-no-results {padding:10px 15px 10px 15px!important;}

/* clear */
.filters-container button {
  background-color: transparent;
font-weight:200;
  border: 1px solid #212121;
  border-radius: 999px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}


.filters-container button { color: #212121!important;font-size:14px!important;}

.filters-container button:hover {color: #212121;
	transition: 0.3s;
}

.filters-container button:active {
  transform: scale(0.8);
}
/* tablety */
@media (min-width: 768px) and (max-width: 1199px) {
  .filters {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    border-radius: 2rem;
    max-width: 100%;
  }

  .filters .filters-container,
  .filters .fs-wrap,
  .filters .fs-label-wrap {
    width: 100% !important;
  }

  .filters .facetwp-facet-cena {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
		white-space:nowrap;
  }
	.facetwp-number-max {width:inherit!important;}
	.facetwp-facet-cena input[type="button"] {
  width: 60px;
		height: 50px;}
}
	@media (max-width: 1199px) {
		.facetwp-selections li {margin-bottom: 0.75rem;}
		.selections, .sort-bar {align-items: flex-start!important;}
	}

@media (min-width: 768px) {
	.facetwp-facet-sortowanie {
		border: 1px solid #DBD9D7;}
.filters-mobile {display:none!important;}
	.facetwp-facet-cena {border-bottom:1px solid #e1e1e1;}
		.filters-bar {
    padding: 20px;
	border-radius:40px;}
	.filters-container button  {
		padding: 0.58rem 1.2rem;}	
	.facetwp-facet-sortowanie select  {
		padding: 0.58rem 2.5rem;}	.facetwp-facet-dostepnosc_mobile,
	.facetwp-facet-lokalizacja_mobile,
	.facetwp-facet-ilosc_pokoi_mobile {display:none;}
	.filters-bar { background: rgba(255, 255, 255, 0.25); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);}
}

.p-none p {display:none;}
.facetwp-submit {display:none;}

/* mobile filters */
@media (max-width: 767px) {
	.facetwp-facet-cena input[type="text"] { font-size:16px;}
.filters-desktop {display:none!important;}
	.filters-button, .facetwp-flyout-open {width: 100%;text-align:left;}
	
	.filters-wrapper {background-color: #f8f6f3c4;backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);}
	
	.filters-container button {padding: 0.95rem 1.2rem;}
	
	.facetwp-facet-sortowanie select  {padding: 0.95rem 2.5rem;}

	.facetwp-flyout {width:100%!important;background-color:#F2F1F0!important;}
	
	.facetwp-flyout h3 {text-transform:uppercase;
		font-weight: 400; border-top: 1px solid #A8A4A0;padding-top:10px!important; font-size: 15px;}
	.name-ilosc_pokoi_mobile h3 {border-top:0px; margin-top: 30px;}
	.name-sortowanie {display:none;}
	.facetwp-flyout .facetwp-facet-cena input[type="text"] {background-color:#ebe9e6;        width: 100%;
        padding: 20px;
        border-radius: 50px;}
	
.facetwp-flyout-close {
  position: absolute; 
  top: 20px; 
  right: 20px; 
  width: 30px;
  height: 30px;
  background: none;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999!important;; 
}

.facetwp-flyout-close::before {
  content: '';
  width: 100%;
  height: 100%;
  background-image: url('/wp-content/themes/air-light-child/svg/close.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
	.facetwp-flyout-close {padding: 0px!important;}
.facetwp-flyout-content {padding: 20px!important;}
	
	.name-dostepnosc,
	.name-reset,
	.name-lokalizacja,
	.name-ilosc_pokoi {display:none!important;}
	
	.facetwp-radio,
.facetwp-checkbox {
  all: unset !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #212121 !important;
  text-transform: uppercase !important;
  padding: 5px 0 !important;
  user-select: none !important;
}

	.facetwp-radio::before,
.facetwp-checkbox::before {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border: 1px solid #212121 !important;
    border-radius: 2px;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

.facetwp-checkbox[aria-checked="true"]::before
	{
  background-color: #212121 !important;
  border-color: #212121 !important;
}

.facetwp-display-value {
  color: inherit !important;
}

.facetwp-counter {
  display: none !important;
}

.flyout-item {padding-bottom:12px;}
	
	.facetwp-facet-dostepnosc_mobile .facetwp-radio:nth-child(2){display:none!important;}
}

.facetwp-flyout-open {
  position: relative;
  padding-right: 2.5rem !important; 
}

.facetwp-flyout-open::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/themes/air-light-child/svg/filters.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

/* sortowanie */
.facetwp-facet-sortowanie select { border-radius: 999px;
	padding-left: 1.2rem!important;
}

.facetwp-facet-sortowanie {
  position: relative;
  display: inline-block;
	  border-radius: 999px;
}

.facetwp-facet-sortowanie select {	color: #212121!important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
border: none;
  background-color: #F8F6F3;
	font-weight:200;
}

.facetwp-facet-sortowanie::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.5rem; 
  transform: translateY(-50%);
  width: 24px;
  height: 16px;
  background-image: url('/wp-content/themes/air-light-child/svg/chevron-down.svg')!important;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.facetwp-facet-sortowanie select:hover {cursor:pointer;}

/* Wyniki */
.apartamenty-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .apartamenty-grid {
    grid-template-columns: 1fr;
  }
}

.apartament-card {
  overflow: hidden;
  transition: transform 0.2s ease;
	margin-bottom: 2.5em;
}

.apartament-label {text-transform:uppercase; font-weight:400;
font-size:14px;}

.apartament-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.apartament-image img {
  width: 100%;
	border-radius:10px;
  height: auto;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

.apartament-title {
  margin-bottom: 1.25rem;
	margin-top:10px;
	text-transform:uppercase;
	font-weight:400;
}

.apartament-meta {
  line-height: 1.6;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.apartament-meta li {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.apartament-meta li .icon {
	opacity:0.5;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
  display: inline-block;
}

li.price {font-weight:400!important;}

li, 
.fs-option-label,
.fs-no-results
{font-weight:200!important;}

.fs-option-label:hover {opacity:0.8;}

/* user selection */
.facetwp-selections ul {padding-left:0px;margin-top:0px;}
.facetwp-selections li {font-size:14px;}
.facetwp-selection-label {display:none;}

.facetwp-selections {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.facetwp-selections li {
  list-style: none;
}

.facetwp-selection-label {
  display: none; 
}

.facetwp-selection-value {
  display: inline-flex;
  align-items: center;
  background-color: #f4ecab;
  color: #111;
  font-size: 14px;
  line-height: 35px;
height:35px;
	padding-left:20px;
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  font-weight: 400;
  border: none;
  transition: background-color 0.2s ease;
}

.facetwp-selection-value::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url('/wp-content/themes/air-light-child/svg/close.svg'); 
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.6;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.facetwp-selection-value {min-width:150px!important; font-family: 'ivyora-display, sans-serif'; font-style:italic; font-weight:100;}

.facetwp-selection-value:hover::after {opacity: 1;}

.facetwp-selections .facetwp-selection-value {
padding-right: 0px!important;
background-image: none!important;
background-size: 0px!important; 
}

/*reset*/
.facetwp-facet-reset,
.facetwp-facet-reset_mobile {margin-right: 25px; font-weight:300; text-decoration:underline;text-underline-offset: 6px;}

.name-reset_mobile h3 {display:none}

/* mobile zastosuj*/
.name-reset_mobile { left:0;}

.custom-flyout-button-wrap { right: 0;justify-content: flex-end; }

.custom-flyout-apply
{background-color: #212121;
	margin-right:20px;
    padding: 15px 50px;
    border-radius: 50px;
    border: none;
	white-space:nowrap;
    color: white;
    font-weight: 300;
    line-height: inherit;
float: right;}

.name-reset_mobile,
.custom-flyout-button-wrap {
    height: 90px;
    align-items: center;
    display: flex;
    border: none;
	position:fixed; width:50%;
	background-color:#E8E6E2;
	bottom:0;
}

.facetwp-facet-reset_mobile {margin-left:20px}
.name-reset_mobile.facetwp-hidden {display:flex!important;}

.facetwp-flyout-wrap {height:auto!important;}

.facetwp-selection-value[data-value="Wszystkie"] {
  display: none !important;
}

.facetwp-facet-dostepnosc .fs-dropdown .fs-option:first-child, .facetwp-facet-dostepnosc .fs-dropdown .fs-option:nth-child(3)  
 {display:none;}

.fs-option.selected,
.fs-option:hover {
  background-color: transparent !important;
}

/*pagination*/
.facetwp-pager {
	padding-top:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  font-family: 'ivyora-display, sans-serif'; font-style:italic; font-weight:200;
  font-size: 2rem;
}

.facetwp-page {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

.facetwp-page:hover {
  color: #888;
}

.facetwp-page.dots,
.facetwp-page.next,
.facetwp-page.prev{
  display: none;
}


.facetwp-dash {
  display: inline-block;
  width: 4rem;
  height: 1px;
  background: #000;
  vertical-align: middle;
}


