/* apartamente single */

.heading-single-ap{
	margin-top:100px;
}
.container-single-apartament{
	display:flex;
	flex-direction:column;
	align-items: stretch;
}
.parametar-single-id-ap p{
	font-size:100px;
	margin-bottom:0 !important;
}
.detail-single-plosjt p{
	font-size:40px;
	margin:-40px 0 20px 0 ;
}
.detail-single-tip-imot p{
	font-size:28px;
	margin-top:0;
}
/* left column */
.left-column-single-ap{
	min-width:50%;
	position:relative;
	color:#fff;
	background-color:#6d827f;
	padding-top:40px;
	min-height:600px;
}
.apartament-details{
	padding-left:20px;
}
.right-column-single-ap{
	position:relative;
	align-content:center;
	padding-top:40px;
}
.right-column-single-ap img{	width:auto;

}
.left-column-single-ap,.right-column-single-ap{ 
	display:flex;
	align-items:center;
	
}
.left-column-single-ap .single-small-details{
	max-width:600px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:40px;
	align-items:center;
}
.left-column-single-ap h1{
	color:#fff !important;
	font-size:3em;
	margin-bottom:0;
}
.main-info-single{
	margin-bottom:40px;
}
.detail-single-ap{
	min-height:20px;
}
.left-column-single-ap a{
	background-color:#fff;
	padding:10px;
	width: 240px;
	display:block;
	text-transform:uppercase;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 00% 100%);
	text-align:center;
	padding-right:20px;

}
a.izprati-zapitvane:hover{
	background-color:#6d827f !important
}
.label-single-ap{
	text-transform:uppercase;
	font-size:11px;
	font-weight:600;
	margin-bottom:-8px;
}
.detail-single-ap{
	width:33%;
}
.parametar-single-ap{
	font-size:24px !important;
}
/* //left column */
/* right column */

.right-column-single-ap{
	min-width:50%;
	display:flex;
	background-color:#fff;
	flex-direction:column;
	justify-content:center;
}
/*** greens

#e5ebe6 ultra light 
#d8e0d9 light green
#6d827f dark green
*/
.right-column-single-ap{
	background-color:#adbfbf;
}
.right-column-single-ap .image-container-ap{
}
@media (min-width: 768px) {
	.left-column-single-ap h1{
		font-size:3.2em;
	}
}
@media (min-width: 920px) {
		.container-single-apartament{
		flex-direction:row;
	}
	.left-column-single-ap{
		display:flex;
		justify-content: flex-end;
	}
	.left-column-single-ap .apartament-details{
		width:100% !important;
		max-width:800px !important;
		margin-left: auto;
	}
	.left-column-single-ap h1{
		font-size:4em;
	}
	
	.left-column-single-ap,.right-column-single-ap{
		min-height:800px;
		height:98vh;
	}
	.label-single-ap{
		font-size:14px;
	}
	
	.parametar-single-ap{
		font-size:32px !important;
	}
	.right-column-single-ap{
		padding-left:100px;
	}
	
.right-column-single-ap img{	width:auto;
	padding-top:100px;
}
	.right-column-single-ap:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0%;               /* push out so the skew doesn’t leave gaps */
		height: 100%;
		width: 4%;                 /* overlay width */
		transform: skewX(-1.5deg);   /* incline ~10deg */
		transform-origin: right top;
		/* background + vertical border on the left edge of overlay */
		background:#e5ebe6;
	}
	.left-column-single-ap:after{
		content: "";
		position: absolute;
		top: 0;
		right: -1%;               /* push out so the skew doesn’t leave gaps */
		height: 100%;
		width: 4%;                 /* overlay width */
		transform: skewX(-1.5deg);   /* incline ~10deg */
		transform-origin: right top;
		/* background + vertical border on the left edge of overlay */
		background:#d8e0d9;
	}
}
.detail-single-ap{
	color:#d8e0d9;
}


/* LIGHTBOX*/
 dialog.lightbox-single-ap[open]{
	 border:0;
	 padding:0;
	 margin:0;
	 width:100vw;
	 height:100vh;
	 max-width:none;
	 max-height:none;
	 background:transparent;
	 display:flex;
	 align-items:center;
	 justify-content:center;
}
dialog.lightbox-single-ap::backdrop{
	background:rgba(0,0,0,.85);
}
dialog.lightbox-single-ap .lb-img{
	max-width:92vw;
	max-height:88vh;
	display:block;
}
dialog.lightbox-single-ap .lb-close{
	position:fixed;
	top:18px;
	right:22px;
	border:0;
	background:transparent;
	color:#fff;
	font-size:44px;
	line-height:1;
	cursor:pointer;
	padding:0;
}



/* апартаменти филтар*/
/*
 * verde chiarissmo sfondo:#eef1f0
 * */
 /* filtar top bar*/
 .filter-bar-top { padding: 0; margin-bottom: 16px; border-bottom: 1px solid #aaa; padding-bottom: 10px;}

.filter-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; flex-direction: row; }
.filter-group { display: grid; gap: 6px; padding-right: 10px; }
.filter-group.range-div{
	flex:1;
	padding: 0 15px;
}
@media only screen and (max-width: 921px) {
  /* CSS that applies only to screens 768px wide or less */
  .filter-row { gap:0; }
  .filter-group {display: flex; flex-direction: column !important;}
  .filter-group.range-div,.izbor-fasada{ flex: 1 1 100% !important;}
  .filter-row .filter-group:nth-child(2) {
	margin-left: 24px;
  }

}
.range-div p.label-filter {margin-left: -15px;}
p.label-filter { margin-bottom: 0 !important; font-weight: 600; font-size: 14px; }
.chip-group { display: flex; gap: 6px; flex-wrap: wrap; padding-bottom:14px; }
.chip { border-bottom: 1px solid #ccc; background: #fff; padding: 6px 10px; cursor: pointer; color:#113a28; border-radius: 0 !important;}
.chip.selected { background: #113a28; color: #fff; border-color: #113a28; }

.range { display: flex; gap: 8px; align-items: center; }
.range input[type=number]{ width: 110px; padding: 2px 8px; border:1px solid #cfd4dc; }
.apc-range-values p{ margin-bottom: 0 !important;}
	.apc-range-values {
	display: flex;
	justify-content: space-between;
	margin-top: -8px;
	font-size: 14px;
	color: #333;
	}
.izbor-fasada{
	background-color: #113a28;
	display: flex;
	text-transform: uppercase;
}
.izbor-fasada a{
	padding: 10px;
	display: flex;
	align-items: center;
	color:#fff !important;
	text-decoration: none !important;
}
.izbor-fasada img{
	max-width: 36px;
	margin-right: 10px;
}
/*reset button*/
.filter-actions { margin-left: auto; }
#apc-reset { padding: 8px 12px; border-radius: 10px; border:1px solid #ddd; cursor:pointer; background:#113a28; }

/* Two-handle slider */
.apc-range { position: relative; width: 100%; height: 22px; }
.apc-range__track { position:absolute; left:0; right:0; top:50%; height:4px; transform:translateY(-50%); background:#e3e7ee; border-radius:999px; }
.apc-range__selection { position:absolute; top:50%; height:4px; transform:translateY(-50%); background:#113a28; border-radius:999px; }
.apc-range__handle { position:absolute; top:50%; width:20px; height:20px; transform:translateY(-50%); background:#fff; border:2px solid #113a28; border-radius:50%; cursor:grab; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.apc-range__handle:active { cursor:grabbing; }


/*** rezultati filtar */
.results-wrap-ap {
	max-width:1440px;
	margin: 0 auto !important;
}
.flora-apc-table,.flora-apc-table td,.flora-apc-table th{
	border-collapse:collapse !important;
	border:none;
}
.flora-apc-table thead{
	border-bottom:1px solid #d8e0d9;
}
.flora-apc-table tr{
text-align:center;
	border-bottom:8px solid #f7f7f7;
}
td.col-thumb{
	text-align:center;
	width: 140px !important;
}
td.col-thumb img{
	height: auto !important;
	transition:0.4s;
}
.flora-apc-table tbody tr:hover td.col-thumb img{
	scale:1.4;
	transition:0.4s;
	z-index:99999 !important;
}

.flora-apc-table .flora-apc-btn{
	display:block;
	width: 100px;
	background-color: #6d827f;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 00% 100%);
	margin-left:20px;
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
	padding:10px;
	color:#fff !important;
	text-decoration:none !important;
	transition:0.2 !important;
}
.flora-apc-table .flora-apc-btn:hover{
	background-color:#d8e0d9;
	color:#6d827f !important;
	transition:0.2;
}
.flora-apc-table tbody tr:hover{
	background-color:#e5ebe6;
}

/* mobile resultati filtar */
.page-id-412 h1{
	font-size:2.8rem !important;
	line-height:2.8rem;
}
@media (max-width: 768px) {

	tr.flora-apc-row {
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		position: relative; /* anchor for absolute td */
		padding-left: 110px; /* leave room for the first cell */
		padding-bottom:10px;
	}
	tr.flora-apc-row td{
		padding:2px;
	}

	/* First td on the left */
	tr.flora-apc-row td:first-child{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0; /* stretch full height */
	width: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	}
	tr.flora-apc-row td:first-child img{
		max-width:100px;
	}

	/* The rest (right side) */
	tr.flora-apc-row td:nth-child(3),
	tr.flora-apc-row td:nth-child(4),
	tr.flora-apc-row td:nth-child(5),
	tr.flora-apc-row td:nth-child(6)  {
	flex: 1 1 calc(50% - 2px); /* two per row */
	box-sizing: border-box;
	}
	tr.flora-apc-row td:nth-child(2),
	tr.flora-apc-row td:nth-child(7) {
	flex: 1 1 100%;
	box-sizing: border-box;
	display: block;
	width: 100%;
	}
	tr.flora-apc-row td:nth-child(2),tr.flora-apc-row td:nth-child(3),tr.flora-apc-row td:nth-child(4),tr.flora-apc-row td:nth-child(5),tr.flora-apc-row td:nth-child(6){
		font-weight: bold;
		font-size: 18px;
	}
	tr.flora-apc-row td:nth-child(2):before,tr.flora-apc-row td:nth-child(3):before,tr.flora-apc-row td:nth-child(4):before,tr.flora-apc-row td:nth-child(5):before,tr.flora-apc-row td:nth-child(6):before{
		display: block;
		font-size: 14px;
		font-weight: normal;
	}
	tr.flora-apc-row td:nth-child(3):before{
		content: "Ап.н";
	}
	tr.flora-apc-row td:nth-child(4):before{
		content: "Вход:";
	}
	tr.flora-apc-row td:nth-child(2):before{
		content: "Тип имот:";
	}
	tr.flora-apc-row td:nth-child(5):before{
		content: "Етаж:";
	}
	tr.flora-apc-row td:nth-child(6):before{
		content: "Площ:";
	}
	.flora-apc-table thead {
	display: none !important;
	}
	.col-link a.flora-apc-btn {
	}

}


}
/*** END rezultati filtar */


/* METTI IN CSS FILE*/

/*
 * Cars Mobile
 *  apc cards
 * 
 * */


/* apc cards*/


.flora-apc-card{
	border:1px solid #eee;
	border-radius:10px;
	padding:5px;
	margin-bottom:20px !important;
	display:flex;
	gap:20px;
}
.flora-apc-card img{
	max-width:200px;
	height:auto;
}

/* ap cards list per flor */
.flora-ap-card {
	text-decoration:none !important;
}
.flora-ap-card:hover{
	color:#6d827f !important;
}
.flora-ap-card__body{
	border:1px solid #eee;
	margin-bottom:20px;
	display:flex;
	border-radius:10px;
	overflow:hidden;
}
.flora-ap-card__title h2{	
	font-size:3rem;
	text-transform:uppercase;
	color:#fff !important;
	position:relative;
	font-stretch:condensed;
	padding-left:6px;
	margin-bottom:0;
	font-weight:normal !important;
	font-family:Manrope ExtraLight;
	font-family:Manrope;
}
.flora-etazh-card_title h2{
	font-size:5rem !important;
	margin-bottom:0 !important;
	margin-left:8px;
}
.flora-ap-card__title h2:before{
	content:"Ап.";
	font-size:1rem !important;
	display:block;
	margin-bottom:-40px;
	bottom:28px;
	left:-12px;
}
.flora-etazh-card_title h2:before{
	content:"Етаж";
	position:absolute;
	bottom:-10px;
	transform:rotate(-90deg) !important;
	left:-24px;
	bottom:28px;
	left:-20px;
}
.flora-ap-card__acf,.flora-etazh-card__acf{
	padding-bottom:10px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	row-gap:10px;
	justify-content:space-evenly;
}
.flora-ap-card__acf > .flora-ap-field + .flora-ap-field,.flora-etazh-card__acf .flora-ap-field{
display:flex;
	width:46%;
	flex-direction:column;
	border:1px solid #eee;
	text-align:center;
	background-color:#e5ebe6;
	border-radius:8px;
	justify-content:center;
}
.flora-etazh-card__acf{
	padding-top:20px;
}
.flora-ap-card__acf .flora-ap-field--nalichnost{
	width:100%;
	text-align:center;
	background-color:#adbfbf;
	color:#fff;
}
.flora-ap-card--status-reserved .flora-ap-field--nalichnost{
	background-color:#E4B48A !important;
}

.flora-ap-card--status-sold .flora-ap-field--nalichnost{
	background-color:red !important;
}
.flora-ap-card__title{
	background-color:#6d827f;
	min-width:110px;
	display:flex;
	align-items: flex-end;
}
.flora-etazh-card_title{
	
	min-width:84px;
}
.flora-ap-value{
	font-size:2rem;
	text-transform:uppercase;
	font-stretch:condensed;
	margin-top:-6px;
	line-height:3rem;
}
.flora-ap-field--nalichnost .flora-ap-value,.flora-ap-field--nalichnost .flora-ap-label{
	text-align:center;
	font-size:16px;
	text-transform:unset;
}
.flora-ap-field--nalichnost .flora-ap-label:after{
	content:": "
}
.flora-ap-field--zastroenaplosht .flora-ap-value:after,.flora-ap-field--terasa .flora-ap-value:after,.flora-ap-field--sklad_plosht .flora-ap-value:after{
	content:" м²";
	text-transform:lowercase !important;
	font-size:18px;
}