.properties-wrapper{display:grid;grid-template-columns:50% 50%;min-height:calc(100vh - 120px)}.properties-left .properties-bottom,.properties-left .properties-top{padding:32px;overflow-y:auto}.properties-left .properties-top{background:#5b5c5f}.properties-left .properties-top p{color:#e6e6e7!important}
#top h1{font-size:32px!important;font-weight:500 !important;margin-top:81px!important;text-transform:none!important;}.crumb-current,.crumb-home,.crumb-sep,.properties-left .properties-top>*{color:#fff!important}.properties-right{position:sticky;top:88px;height:calc(100vh - 120px)}.property-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.property-filters button,.property-filters select{padding:10px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px}.property-card img{width:100%;height:200px;border-radius: 8px;object-fit:cover}.property-card-content{padding-top:16px}
	.property-card h4{margin: 0 0 6px;
    font-size: 16px;
    color: #252527;
    font-weight: 600;
    padding-top: 6px;}
	.property-meta{    font-size: 12px;
    color: #252527;
    font-weight: 500 !important;
    font-family: 'Rethink Sans' !important;}
	p.property-desc {
		font-size: 14px !important;
		color: #5B5C5F;
		font-weight: 400;
	}
	.property-tag, .property-size{
		background: #F5F5F6;
		display: inline-block;
		padding: 4px 8px;
		border-radius: 6px;
		color: #252527;
		font-size: 14px;
	}
  .property-size {
    margin-left: 10px;
}
	#property-map{width:100%;height:970px}@media(max-width:990px){.properties-wrapper{grid-template-columns:1fr}
    .properties-right{position: initial!important;
        height: auto !important;}}
	.listprop-filter-container{    
			display: flex;
			flex-direction: column;
			gap: 0px;
			padding: 8px 16px;
			background-color: #f4f4f4;
			border-radius: 16px;
	}
	.listprop-column label {
		color: #252527 !important;
		font-size: 14px !important;
		font-weight: 500 !important;
	}
	.listprop-column input, .listprop-column select {
		border: 1px solid #D8D8DA !important;
		background: #fff !important;
		border-radius: 6px !important;
		padding: 9px 12px !important;
	}
	.listprop-column input::placeholder,
	.listprop-column textarea::placeholder {
		color: #89898A !important;
		opacity: 1; /* prevents lighter default rendering */
	}
	.listprop-row{display:flex;gap:20px}.listprop-column{flex:1}.listprop-input,.listprop-select{width:100%;padding:10px;border-radius:4px;border:1px solid #ccc;font-size:14px}.listprop-select{background-color:#fff}.listprop-input{background-color:#fafafa}.listprop-clear-btn{color:#5b5c5f;text-decoration:underline;border:none;cursor:pointer;line-height:1.1;text-align:right;background:0 0;font-size:12px}
/* Wrapper */
.search-input-wrapper {
    position: relative;
    width: 100%;
}

/* Search icon */
.search-input-wrapper::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background: url("https://www.relier.se/wp-content/uploads/2026/03/Group.png") no-repeat center;
    background-size: contain;
    pointer-events: none;
}

/* Add space for icon */
.search-input-wrapper input {
    padding-left: 45px !important;
}
.property-card{
	border: 1px solid #D0D0D1;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    padding: 16px;
    transition: box-shadow .3s; 
}
	
.property-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
#objects-list {
    gap: 16px;
    margin: 20px 0;
}
.relier-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 24px 0;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.relier-pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.relier-pagination__btn {
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: #111;
  line-height: 1;
}

.relier-pagination__btn--circle {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  border: 1px solid #D8D8DA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
p.employee-contact {
    padding-top: 8px;
}
.relier-pagination__btn--circle:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.relier-pagination__btn--page {
  position: relative;
  padding: 10px 6px;
  font-size: 18px;
}

.relier-pagination__btn--page.is-current {
  font-weight: 600;
}

/* underline */
.relier-pagination__btn--page.is-current::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 32px;
  height: 2px;
  background: #111;
  border-radius: 2px;
}

/* small red bar above current page */
.relier-pagination__btn--page.is-current::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  width: 26px;
  height: 3px;
  background: #8b0f1a; /* your red */
  border-radius: 2px;
}

.relier-pagination__dots {
  color: #111;
  opacity: 0.65;
  padding: 0 4px;
  font-size: 18px;
}	
	button.relier-pagination__btn.relier-pagination__btn--circle {
		font-size: 0;
		background: url(https://www.relier.se/wp-content/uploads/2026/03/left-arrow.png);
		background-size: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 1;
	}
	button.relier-pagination__btn.relier-pagination__btn--circle.next {
		rotate: 180deg;
	}
	@media (min-width: 1300px) {
		.properties-left .properties-top,
		.properties-left .properties-bottom {
			padding-left: calc(100% - 685px);
		}
	}

/* ---- Select2 (multi) make it look like a clean input with pills ---- */
.select2-container { width: auto; }
ul.select2-selection__rendered {
    margin: 0;
}
li.select2-selection__choice {
    margin: 0px 5px 5px 0px !important;
}
#top textarea {
    min-height: 30px; 
}
.select2-dropdown {
  transform: translateY(40px);
}
.select2-container--default .select2-selection--multiple{
  min-height: 44px;
  border: 1px solid #d7dde3;
  border-radius: 8px;
  padding: 5px 5px;
  background: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  box-sizing: border-box;
}

/* remove ugly inner border/spacing issues */
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border-color: #b9c3cf;
  box-shadow: 0 0 0 2px rgba(33, 98, 255, 0.08);
}

/* search input inside */
.select2-container--default .select2-selection--multiple .select2-search--inline{
  margin: 0;
  flex: 1 1 120px;
}
.select2-container--default .select2-selection--multiple .select2-search__field{
  margin: 0 !important;
  padding: 4px 0 !important;
  height: 26px;
  line-height: 26px;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* the “pill” tag */
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: #AB112C;          /* red like your reference */
  border: 0;
  color: #fff;
  border-radius: 8px;
  padding: 5px 5px 5px 20px;    /* space for X */
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

/* the X button in pill */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: #fff;
  border: 0;
  background: transparent;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  padding: 0;
  opacity: 0.9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
  opacity: 1;
}

/* dropdown */
.select2-dropdown{
  border: 1px solid #d7dde3;
  border-radius: 10px;
  overflow: hidden;
}
.select2-container--default .select2-results__option{
    padding: 5px 12px;
    font-size: 14px;
	background: #fff;
    margin: 0;
}
/* Wrapper must be relative */
.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 40px !important; /* space for arrow */
}

/* Custom arrow */
.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 45px !important; /* space for arrow */

  background-image: url('https://www.relier.se/wp-content/uploads/2026/03/down-arrow.svg');
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: #eef3ff;
  color: #111;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background: #f6f7f9;
}
.listprop-row.one {
   
    margin-bottom: 10px;
}
/* =====================================================
   REMOVE ALL DEFAULT SELECT2 ARROWS (GLOBAL)
===================================================== */
.select2-container--default .select2-selection__arrow {
  display: none !important;
}

/* =====================================================
   BASE FIELD STYLE (Single + Multi)
===================================================== */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 44px;
  border: 1px solid #d7dde3;
  border-radius: 8px;
  padding: 6px 12px !important;
  background: #fff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* Focus state */
.select2-container--default.select2-container--focus 
.select2-selection--single,
.select2-container--default.select2-container--focus 
.select2-selection--multiple {
  border-color: #b9c3cf;
  box-shadow: 0 0 0 2px rgba(33, 98, 255, 0.08);
}

/* =====================================================
   SINGLE SELECT – MAKE IT LOOK LIKE PILL
===================================================== */

/* Remove default padding behavior */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  
  margin: 0;
  line-height: normal;
  width: auto;
}

/* Placeholder as red pill */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  background: #AB112C;
  color: #fff !important;
  border-radius: 8px;
  font-size: 14px;
  display: inline-block;
}

/* Selected value as red pill */
.select2-container--default .select2-selection--single 
.select2-selection__rendered:not(.select2-selection__placeholder) {
  background: #AB112C;
  color: #fff !important;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 14px;
  display: inline-block;
}

/* Clear (X) position */
.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 12px;
  font-size: 16px;
  color: #111;
}

/* =====================================================
   MULTI SELECT (Your existing style cleaned)
===================================================== */

.select2-container--default .select2-selection--multiple {
  gap: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #AB112C;
  border: 0;
  color: #fff;
  border-radius: 8px;
  padding: 5px 8px 5px 22px;
  font-size: 14px;
  line-height: 18px;
  position: relative;
}

.select2-container--default .select2-selection--multiple 
.select2-selection__choice__remove {
  color: #fff;
  border: 0;
  background: transparent;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  padding: 0;
}

/* =====================================================
   DROPDOWN
===================================================== */

.select2-dropdown {
  border: 1px solid #d7dde3;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.select2-container--open .select2-dropdown {
  margin-top: 6px;
}

.select2-container--default .select2-results__option {
  padding: 8px 12px;
  font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #eef3ff;
  color: #111;
}
/* Fix weird spacing/scroll issues from theme */
.select2-container *{ box-sizing: border-box; }

/*
	GOOGLE MAPS
	*/
  .gm-style-iw-chr {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 10;
}

.gm-style .gm-style-iw-c {
    padding: 8px !important;
}

.gm-style img {
    width: 100%;
}

.gm-style .gm-style-iw-d {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}

.gm-style-iw-d .caption {
    color: #000;
    font-size: 14px;
    text-decoration: underline;
}

button.gm-ui-hover-effect {
    background: #fff !important;
    opacity: 1;
    border-radius: 50%;
    padding: 0px !important;
    font-size: 11px !important;
}