/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/*  debug */
#debug {
	font-size: 12px;
	line-height: 18px;
	background: #F0F0F0;
	font-family: 'Courier New', Courier;
	margin-bottom: 50px;
	padding: 10px 20px;
}

:root {
	--accent-color-piras-blue-1: #121739;
	--accent-color-piras-blue-2: #222a60;
}

h1 {
	text-align: center;
}

.image-container {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.image-container img {
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
}

.tags-container {
	position: absolute;
	top: 15px;
	left: 15px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 15px;
	z-index: 1;
}
.tags {
	color: var(--accent-color-piras-blue-1);
	background-color: rgba(255, 255, 255, 0.8);
	padding: 2px 5px;
	height: 24px; 
	line-height: 20px;
	border-radius: 3px;
	font-weight: 400;
}

.switch-selection {
	margin-left: auto; 
	margin-right: 30px;
}

.infos-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: -10px;
}

.property-details {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.property-title {
	padding-top: 10px;
}
.property-data {
	display: flex; 
	align-items: center; 
	gap: 3px;
}

.itb_properties_property_content {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.more-infos {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 10px;
}


#property-title {
	margin-bottom: 0 !important;
	padding-top: 0;
} 
#property-title h1 {
	font-size: 30px;
	line-height: 24px;
	text-align: center;
}
#property-title h2 {
	font-size: 20px;
	line-height: 24px;
	text-align: center;	
}
#property-title h3 {
	margin-top: 2px;
	line-height: 20px;	
}
#property-title h6 {
	display: block;	
}

.switch-selection .btn {
	display: inline-flex;
	align-items: center;
	padding: 8px 8px 6px 5px; /* MB : was 4px 8px (with original icon) */
	background-color: white;
	border: none;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.3s;
}
.switch-selection .btn span {
	margin-left: 1px;
}

.switch-selection .btn:hover {
	background-color: var(--accent-color-piras-blue-2);
}
.switch-selection .btn:hover span {
	color: white;
}

.switch-selection .active {
	background-color: var(--accent-color-piras-blue-1);
}
.switch-selection .active span {
	color: white !important;
}


span.material-symbols-outlined,
span.material-symbols-outlined.favorite {
	top: 0;
	font-weight: 100;
	color: #666;
	font-size: 16px;
}

span.material-symbols-outlined {
	/*margin-left: 15px;*/
} 

span.material-symbols-outlined.favorite {
	margin-left: 2px;
} 





/* ---------- -------- --------- */
/* ---------- Property --------- */
/* ---------- -------- --------- */
#property-description .row {
	padding-bottom: 20px;
}

#property-description h3,
#property-diagnostics h3 {
	font-size: 22px !important;
	color: var(--accent-color-piras-blue-2);
}

#property-description p {
	text-align: justify;
}

#property-description .btn {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	background: var(--accent-color-piras-blue-2); 
	color: #efefef;
	border: 2px solid var(--accent-color-piras-blue-2);
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.3s;

	@media (max-width: 768px) {
		padding: 2px 6px;
	}

}
#property-description .btn:hover {
	background: #efefef; 
	color: var(--accent-color-piras-blue-2);
}

.property-intro {
	margin-bottom: 0px;	
}




.property-facts {
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 0;
}
.property-facts h3 {
	margin-top: 20px;
}
.property-facts p {
	text-align: justify;
}








.btn-pdf,
.btn-plan,
.btn-share {
	display: inline-flex;
	align-items: center;
	background-color: #efefef;
	text-decoration: none;
	transition: background-color 0.3s;
}
.btn-pdf,
.btn-plan,
.btn-share {
	margin-left: 20px;
	@media (max-width: 768px) {
		margin-left: 5px;
	}
}

.btn-pdf:hover,
.btn-plan:hover,
.btn-share:hover {
	background-color: var(--accent-color-piras-blue-2);
	color: white;
}







.property-diagnostics {
	margin-top: 4%;
	margin-bottom: 2%;
}





.property-copro {
	margin-top: 3%;
	margin-bottom: 3%;
	background: peachpuff;
	padding: 2%;
	border-radius: 8px;
}


.property-honoraires {
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
	border-radius: 8px;
}




.submit-container {
	display: flex;
	justify-content: center; 
	align-items: center; 
	height: 100%; 
}

.submit-container button {
	display: inline-flex;
	align-items: center;
	padding: 4px 7px !important;
	background-color: var(--accent-color-piras-blue-1);
	border: none;
	border-radius: 4px !important;
	text-decoration: none;
	transition: background-color 0.3s;
}
.submit-container button:hover {
	background-color: var(--accent-color-piras-blue-2); 
}





hr.hr-0 {
	background-color: transparent;
	height: 1px;
	border: none;
	margin-top: 20px;
	margin-bottom: 20p;
}

hr.hr-1 {
	background-color: var(--accent-color-piras-blue-1);
	height: 1px;
	border: none;
	margin-bottom: 50px;
}

hr.hr-2 {
	background-color: var(--accent-color-piras-blue-1);
	height: 1px;
	border: none;
	margin-bottom: 20px;
}


body.home .pagination {
	display: none;
}





.horizontal-search-form {
	width: 50%;
	margin: 0 auto;

	@media (max-width: 768px) {
		width: 60%;
	}
}
.horizontal-search-form .btn {
	width: 100%;
	/*height: 43px;*/
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}


body[data-form-submit=regular] .container-wrap button[type=submit] {
	padding: 10px 22px 9px !important;
}


option {
	font-size: 14px;
	color: var(--accent-color-piras-blue-1);
}




.search-type-link {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 10px;
}
.search-type-link {
	text-decoration: none;
	padding: 10px 0 3px;
	transition: color 0.3s;
	border-bottom: 2px solid transparent;
}
.search-type-link.active {
	color: #fff;
	border-color: #fff;
}



/*
.span_12.light select,
.span_12.light textarea,
body[data-fancy-form-rcs="1"] .span_12.light .select2-container--default .select2-selection--single {
	border: 0;
	border-radius: 0;
	color: var(--accent-color-piras-blue-1);
	font-size: 16px;
	font-weight: 500;
}
*/
.span_12.light select {
	border: none;
}
@-moz-document url-prefix() {
    .span_12.light select {
        border: 1px solid white;
    }
}




select {
	color: var(--accent-color-piras-blue-1) !important;
	font-size: 16px !important;
	font-weight: 500;
	border-radius: 0 !important;
}


input[type=text],
::placeholder {
	color: var(--accent-color-piras-blue-1);
	font-size: 16px;
	font-weight: 100;
}

input[type=text] {
	border-radius: 0;
	border: 0;
	font-weight: 500;
}









.property-form {
	background: rgba(233, 217, 196, 0.4);
	padding: 25px;
	height: 100%;
}


.property-form label,
.property-form p {
	color: var(--accent-color-piras-blue-1) !important;
}


.wpcf7 form.sent .wpcf7-response-output {
	color: var(--accent-color-piras-blue-1) !important;
}


.annonce-ref input {
	font-size: 14px !important;
	color: grey !important;
	border: none;
	background-color: transparent;
	cursor: default;
}

span[data-name="your-message"] {
	margin-right: 15px;
}
input[type=text]:focus {
	box-shadow: none;
}
body[data-form-submit=regular] .container-wrap input[type=submit] {
	padding: 4px 10px 6px !important;
	border-radius: 4px !important;
}



.selectionmenu a {
	display: flex;
	align-items: center; 
	gap: 5px; 
}
.selectionmenu span.material-symbols-outlined {
	margin-left: 5px;
}




/* carte de localisation */
#map-container {
	display: none;
	width: 90%;
	height: 90%;
	padding: 0;
	overflow: hidden;
}

button.fancybox-button {
	background-color: var(--accent-color-piras-blue-2) !important;
	color: white !important;
}

.owl-carousel .item {
	width: 100%; 
	max-height: 280px; 
	overflow: hidden;
	position: relative; 
}

/*
.owl-carousel .item img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	display: block;
	margin: 0 auto;
}
*/








/* légende dans les suggestions */
.owl-carousel .legend {
	padding: 10px 5px 10px !important;
}



/* share */
#share-container {
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 600px;
	height: 220px;
	padding: 20px; 
	overflow: hidden;
	text-align: center;
}
.share-links {
	display: flex;
	gap: 20px;
	justify-content: center; 
	margin: 10px 0;	
}
.share-links a {
	border: 1px solid var(--accent-color-piras-blue-1);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	margin: 0;
	border-radius: 50%;
}
.share-links svg {
	width: 28px;
	height: 28px;
	fill: var(--accent-color-piras-blue-1);
}

.fa-file-pdf-o,
.fa-map,
.fa-th-large,
.fa-share-alt {
	margin-top: 4px;
	margin-right: 8px;
}




/* swiper */

img {
	user-select: none;
}

.swiper-container {
	width: 100%;  
	margin: auto;
	overflow: hidden;
}

.swiper-slide img {
	width: 100%;
	display: block;
}



/* Navigation Swiper sur les pages "Property" */
/*
.swiper-button-next::after,
.swiper-button-prev::after { */
	/* display: none; */ 
/*}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%); 
	z-index: 10;
	border-radius: 50%;*/
	/* background-color: white; */
	/*width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.4s ease, background-color 0.4s ease, opacity 0.4s ease; 
	cursor: pointer;
}
.swiper-button-next {
	margin-right: 40px;
}
.swiper-button-prev {
	margin-left: 40px;
}

.swiper-button-next i,
.swiper-button-prev i {
	top: 0;
	font-size: 20px; 
	color: #333; 
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	transform: translateY(-50%) scale(1.2); 
}


.swiper-button-next:active,
.swiper-button-prev:active {
	background-color: rgba(255, 255, 255, 0.6);
}
*/










/* Navigation Swiper sur page "Listing" */
.swiper-button-next.list,
.swiper-button-prev.list {
	opacity: 0;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease, background-color 0.3s ease;
}

.swiper-container:hover .swiper-button-next.list,
.swiper-container:hover .swiper-button-prev.list {
	opacity: 1;
}

.swiper-button-next.list::after,
.swiper-button-prev.list::after {
	font-family: 'FontAwesome';
	font-size: 50px;
	color: white; 
	display: block;
}

.swiper-button-next.list::after {
	content: '\f105';
}
.swiper-button-prev.list::after {
	content: '\f104';
}

.swiper-button-next.list,
.swiper-button-prev.list {
	position: absolute;
	top: 55%;
	transform: translateY(-50%); 
	z-index: 10;
	border-radius: 50%;
	background-color: none;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.swiper-button-next.list {
	right: 10px;
}
.swiper-button-prev.list {
	left: 10px;
}

.swiper-button-next.list:hover::after,
.swiper-button-prev.list:hover::after {
	color: var(--accent-color-piras-blue-1);
}







/*
.swiper-button-next::after,
.swiper-button-prev::after {
	display: none; 
}


.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%); 
	z-index: 10;
	border-radius: 50%;
	background-color: white;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.3s ease; 
	cursor: pointer;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}


.swiper-button-next {
	margin-right: 40px;
} 	
.swiper-button-left {
	margin-left: 40px;
}	 	


.swiper-button-next::before,
.swiper-button-prev::before {
	font-size: 20px; 
	color: #333; 
	font-family: 'Courier New', Courier, monospace;
	font-weight: bold;
}
.swiper-button-next::before {
	content: "→"; 
}
.swiper-button-prev::before {
	content: "←";
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	transform: translateY(-50%) scale(1.2);
}
	*/








.carousel-cell {
	width: 100%; 
	height: auto;
	position: relative; 
}

.carousel {
	height: auto;
	overflow: hidden; 
}












/* Menu langue */

.pll-parent-menu-item ul.sf-menu>li ul {
	/* padding: 20px; */
	width: 2em;
	margin-left: 36px;
}

li.pll-parent-menu-item {
	margin: 0 !important;
	padding: 0 !important;
}

li.pll-parent-menu-item img {
	margin: 0 !important;
}

.pll-parent-menu-item .sub-menu {
	background-color: transparent !important;
	width: 70px !important;
	margin-left: 13px !important;	
	right: auto;
	padding: 15px 14px 10px 15px;
}


.pll-parent-menu-item ul li a {
	padding: 9px 0px 7px 12px;
}












/* masquage des filtres sur la home */
body.page-id-95 #type_filters,
body.page-id-95 #rooms_filter,
body.page-id-95 .debug {
	display: none !important;	
}


body.page-id-787 .filter-row,
body.page-id-787 .debug {	
	display: none !important;	
}






/* nouveau filtre "Type de bien" */
.hidden {
	display: none;
}

#type-options {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid rgb(240, 240, 240);
	background-color: white;
	/* max-width: 540px; */
	box-shadow: rgba(100, 100, 100, 0.2) 0 0 4px 0;
}







/* réglages vidéo bg "forcée"*/
/*
#custom-video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 500; 
}
*/
.nectar-video-inner {
	position: relative;
	/* */
	width: 100%;
	height: 100%;
	/* */
	z-index: 200; 
}

.nectar-video-bg {
	width: 100%;
	height: 100%;
	object-fit: cover; 
	filter: none;
}














/* version "lien"
#toggle-filters {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	text-decoration: none;
	color: #333;
	transition: color 0.3s ease;
}

#toggle-filters:hover {
	color: var(--accent-color-piras-blue-2); 
}
*/


#toggle-filters {
	/*display: inline-block;*/
	/*padding: 2px 10px;*/
	padding: 6px 12px;
	background-color: var(--accent-color-piras-blue-1);
	color: #fff; 
	text-decoration: none; 
	font-size: 15px;
	border-radius: 4px; 
	border: 2px solid var(--accent-color-piras-blue-2);
	text-align: center; 
	cursor: pointer;
	transition: all 0.3s ease;
}
@media only screen and (max-width : 768px) {
	#toggle-filters {	
		padding: 2px 6px;
		font-size: 14px;
	}
}


#toggle-filters:hover {
	background-color: #ffffff;
	border-color: var(--accent-color-piras-blue-2);
	color: var(--accent-color-piras-blue-2);
}




/* A DEGAGER DE LA
#select-all-rooms-button {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border: 2px solid var(--accent-color-piras-blue-1);
	border-radius: 4px;
	text-decoration: none;	
	color: #efefef;
	background-color: var(--accent-color-piras-blue-2);
	margin-right: 30px;
}
#select-all-rooms-button.deselect {
	border: 2px solid var(--accent-color-piras-blue-2);
	color: var(--accent-color-piras-blue-2);
	background-color: #ffffff; 
}
*/
















.toggle-icon {
	margin-left: 8px; 
	font-size: 14px;
	transition: transform 0.3s ease; 
}

#type-options.hidden + #toggle-filters .toggle-icon {
	transform: rotate(180deg); 
}



/* crop à l'arrache des images… */
/* */
.standardized-image {
	width: 100% !important;
	height: 280px !important; 
	object-fit: cover !important;
	display: block !important; 
}

.swiper-slide {
	aspect-ratio: 3 / 2 !important;
	overflow: hidden !important; 
	display: flex; 
	align-items: center;
	justify-content: center; 
}




.swiper-wrapper {
	/* max-height: 600px; */
}


.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}
/* */


/*.standardized-image, */
/* .swiper-slide img { 
	width: auto !important;
	height: 100% !important;
	object-fit: contain;
	display: block;
}
	*/

/* conteneur des images dans les listings */
/* .swiper-slide, */
/*
.standardized-image-wrapper {
	position: relative; 
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	display: flex;
	align-items: center; 
	justify-content: center; 
}
	*/



.swiper-wrapper .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto; 
	height: 100%; 
	object-fit: contain; 
}
	















/*
#select-all-rooms-button .desktop-text {
	display: inline;
}
#select-all-rooms-button .mobile-icon {
	display: none; 
	font-size: 14px; 
	font-weight: bold;
	width: 10px;
	text-align: center;
	line-height: 18px;
}

@media (max-width: 768px) {
	#select-all-rooms-button {
		padding: 2px 4px 2px;
		font-size: 14px;
		margin-right: 6px;
	}	
	#select-all-rooms-button .mobile-icon {
		display: inline; 
	}
	#select-all-rooms-button .desktop-text {
		display: none;
	}
}




#toggle-filters .mobile-icon,
#toggle-filters .mobile-text {
	display: none;
	font-size: 14px; 
	font-weight: bold;
}

#toggle-filters .desktop-text {
	display: inline; 
}

@media (max-width: 768px) {
	#toggle-filters .mobile-icon,
	#toggle-filters .mobile-text {
		display: inline-block; 
		margin-right: 5px;
	}

	#toggle-filters .desktop-text {
		display: none;
	}
}



@media (max-width: 768px) {
	.checkbox-container {
		font-size: 14px;
		line-height: 14px;
		margin: 3px 0;
	}
	.checkbox-custom {
		height: 14px;
		width: 14px;
	}
	.checkbox-custom:after {
		width: 4px;
		height: 4px;
	}
}




@media (max-width: 768px) {
	.hide-for-mobile {
		display: none;
	}
}


@media (max-width: 768px) {
	#type-options {
		margin-left: -70px;
	}
}	
*/



/* search de la home */
.search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.search-row > div {
	flex: 1 1 30%;
}

.search-row select,
.search-row button {
	max-width: 100%; 
	width: 100%; 
	box-sizing: border-box; 
}

@media (max-width: 768px) {
	.search-row {
		flex-direction: column; 
		gap: 10px;
	}

	.search-row > div {
		flex: 1 1 100%; 
	}

	.search-row select,
	.search-row button {
		max-width: 100%; 
		width: 100%;
	}
}

.selectpicker {
    background-color: white !important;
    color: var(--accent-color-piras-blue-2);
    border: 1px solid #ccc; 
    padding: 10px;
}


.type-row {
	padding: 30px 0;
}








/* boutons fonctionnels */
.desktop-label {
    display: inline;
}
.mobile-label {
    display: none;
}

@media (max-width: 768px) {
    .desktop-label {
        display: none;
    }
    .mobile-label {
        display: inline;
    }
}



.quote {
	font-family: Arsenal;
	font-style: italic;
	font-size: 36px;
	text-align: center;
	line-height: 46px;
}

.quote-symbol-left,
.quote-symbol-right {
	font-size: 60px;
	color: #aaa;
	vertical-align: middle;
	position: relative;
}
.quote-symbol-left {
	margin-right: 10px; 
}
.quote-symbol-right {
	margin-left: 10px;
	top: -15px;
}



/*
.quote::before {
	content: "“";
	margin-right: 10px;
}
.quote::after {
	content: "„";
	margin-left: 10px;
}

.quote::before,
.quote::after { 
	font-size: 50px;
	color: #aaa;
	vertical-align: middle;
}*/



/*
.swiper-button-next .arrow-icon {
    transform: rotate(180deg);
}
.arrow-icon {
    width: 24px;
    height: auto;
    display: block;
}
*/



/* layout */
/*
.col {
	position: relative;
	float: left;
}

@media (min-width: 691px) {
	.property-item {
		width: calc(33.33% - 33px);
	}

	.col.property-item {
		margin-right: 49px;
		margin-bottom: 20px;
	}

	.row .col:nth-child(3n) {
		margin-right: 0;
	}
}

@media (max-width: 690px) {
	.col.property-item {
		width: 100%; 
		margin-right: 0;
	}
}
*/


/* form "Estimation" */
.select-type {
    display: block;  
    margin-bottom: 20px; 
}
.select-type label {
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
}
.select-type input[type="radio"] {
    margin-right: 5px;
}





/*
.parent a:nth-child(n + 8) {
	margin-left: auto;
	margin-right: auto;
}
*/

/*
#rooms_filter,
#type_filters {
	XXXXXXXXXXXXXflex: 0 0 auto;
}
*/

/* ---- Ligne de boutons ---- */
/* conteneur parent pour les boutons */
#property-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	margin-top: 10px;
}

/* chaque rangée de boutons */
.filter-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 15px; 
}

.room-filter-button-in-line {
    background-color: var(--accent-color-piras-blue-1);
    color: white;
    flex: 1 1 calc(20% - 15px);
    max-width: calc(20% - 15px);
    padding: 5px 10px;
    border: 2px solid var(--accent-color-piras-blue-1);
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.4s;
    font-size: 15px;
    text-align: center;
}

/* Media query pour les écrans de petite taille (moins de 768px) */
@media (max-width: 768px) {
    .room-filter-button-in-line {
        flex: 1 1 calc(50% - 10px); /* Sur mobile, 3 boutons par ligne */
        max-width: calc(50% - 10px); /* Limite la largeur des boutons à 33.33% */
    }
}


/*
.parent {
	display: flex;
	flex-wrap: wrap; 
	gap: 15px;
	justify-content: center;
}
.filter-row {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	align-items: flex-start;
}

.filter-row.center {
	justify-content: center; 
}

.room-filter-button-in-line {
	background-color: var(--accent-color-piras-blue-1);
	color: white;
	width: 160px;
	align-items: center;
	padding: 5px 10px;
	border: 2px solid var(--accent-color-piras-blue-1);
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.4s;
	margin-right: 10px;
	font-size: 15px;
	text-align: center;
	transition: all 0.5s;
}
*/




/* ajustement pour les tablettes */

@media (max-width: 1024px) {
	.XXXXXXXXXXroom-filter-button-in-line {
		width: 150px;
		font-size: 14px;
	}
}

/* ajustement pour les écrans mobiles */
@media (max-width: 768px) {
	.XXXXXXXXXXparent {
		gap: 10px;
	}
	
	.XXXXXXXXXXXroom-filter-button-in-line {
		width: 100%;
		font-size: 14px;
	}
}

/* ajustement pour les petits écrans (téléphones) */
@media (max-width: 480px) {
	.XXXXXXXXXXXXroom-filter-button-in-line {
		width: 100%;
		padding: 10px;
		font-size: 13px;
	}
}









#properties-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
}
.property-item {
	flex: 1 1 calc(33.333% - 22px);
	max-width: calc(33.333% - 22px);
	margin-left: 11px;
	margin-right: 11px;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.property-item {
		flex: 1 1 calc(100% - 50px);
		max-width: calc(100% - 50px);
		margin-right: 50px;
		margin-bottom: 0px;
	}
}





/* Ajout d'une classe pour mettre en évidence les boutons sélectionnés */
.filter-button-active {
    border-color: var(--accent-color-piras-blue-1);
	background-color: #ddd; 
	pointer-events: none;
	color: var(--accent-color-piras-blue-1);
}
.room-filter-button-in-line:hover {
	background-color: white;
	color: var(--accent-color-piras-blue-1);
	border-color: var(--accent-color-piras-blue-1);
	cursor: pointer;
}



#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--accent-color-piras-blue-1);
    z-index: 9999;
}




/* déplacement du sélecteur Polylang */
.mb-ppl-selector {
	padding-top: 75px;
}

.mb-ppl-selector a img {
	width: 19px !important;
	height: 14px !important;
	margin: 0 5px;
}

/*
.header-outer.small-nav > ul.mb-ppl-selector {
	padding-top: 45px !important;
}
*/



.btn-switchselection {
	XXXmargin-right: 100px;
}


#property-images {
	margin-bottom: 40px !important;
}








.swiper-slide {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*
button.owl-next span,
button.owl-prev span {
	font-size: 32px;
}
	*/


/* /!\ MASQUAGE DU FILTRE SUR LA HOME et "Ma sélection" */
.page-id-13,
.page-id-95,
.page-id-793,
.page-id-2433,
.page-id-2548, 
.page-id-2553,
.page-id-2559 {
	#property-filters {
		display: none;
	}
}


.mb-ppl-selector .selectioncount {
	display: none;
}