.cr-wrapper {
	--cr-radius: 10px;
	--cr-border: #e5e5e5;
	position: relative;
}

.cr-filters {
	display: flex;
	gap: 10px;
	width: 1250px;
    margin: 0 auto 25px auto;
}

.cr-filters select.cr-filter {
	padding: 10px 14px;
	border: 1px solid var(--cr-border);
	border-radius: 4px;
	background: #fff;
	width: 180px;
}

.cr-body {
	display: flex;
	align-items: stretch;
	min-height: 600px;
	border-radius: var(--cr-radius);
	overflow: hidden;
}

.cr-panel {
	width: 420px;
	flex-shrink: 0;
	background: #fff;
	border-radius: var(--cr-radius);
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
	z-index: 2;
	overflow-y: auto;
	max-height: 640px;
	margin-right: 10px;
	transition: all .2s ease;
}
.cr-panel.preview{/*ouverture du preview*/
	width: 800px;
	max-height: 900px;
}
.cr-map {
	flex-grow: 1;
	min-height: 640px;
    border-radius: 10px;
}
.cr-map.preview {
	min-height: 900px;
}
/* --- Liste --- */

.cr-list-view {
    padding: 20px 0;
}

.cr-list-item {
	padding: 18px 5px;
	margin:0 34px;
	border-bottom: 1px solid var(--cr-border);
	cursor: pointer;
	transition: background .15s ease;

}

.cr-list-item:hover,
.cr-list-item.is-hover {
	background: #F5F5F5;
}

.cr-list-item__title {
	color: #6d93f0;
	font-size: 20px;
	margin: 0 0 6px;
}

.cr-list-item__excerpt {
	font-size: 13px;
	color: #444;
	margin: 0 0 12px;
	line-height: 1.5;
}

.cr-list-item__meta {
	display: flex;
	align-items: end;
	gap: 10px;
}

.cr-list-item__icon svg {
	width: 28px;
	height: 28px;
}

.cr-list-item__tag {
	border-radius: 4px;
	padding: 4px 10px;
	font-size: 12px;
	position: relative;
}
.cr-panel .cr-list-item__tag.bloc-cadre .elementor-heading-title{padding: 0!important;border: 0 !important;}
.cr-list-item__tag.bloc-cadre.autoconsommation {border: 1px solid var(--e-global-color-bcc9cc8 ) !important;}
.cr-list-item__tag.bloc-cadre.solaire {border: 1px solid var(--e-global-color-bcc9cc8 ) !important;}
.cr-list-item__tag.bloc-cadre.eolien {border: 1px solid var(--e-global-color-e15c703 ) !important;}
.cr-list-item__tag.bloc-cadre.stockage {border: 1px solid var(--e-global-color-dc55d50 ) !important;}
/*2 solutions*/
.cr-list-item__tag.bloc-cadre.double-solutions {   display: block;}

.cr-list-item__dept {
	font-size: 12px;
	color: var(--e-global-color-primary );
	margin-left: auto;
	margin-right: 8px;
}

.cr-list-item__arrow {
	width: 34px;
	height: 34px;
	border-radius: 5px;
	background: var(--e-global-color-primary );
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.cr-list-item__icon img {
    width: 55px;
    margin-bottom: -5px;
}

.cr-list-empty {
	padding: 30px 24px;
	color: var(--e-global-color-primary );
	font-size: 14px;
}

/* --- Preview --- */
button.cr-back-btn {
    background-color: transparent!important;
    padding: 0!important;
    border: 0!important;
    right: 25px;
    top: 25px;
    position: absolute;
}
.cr-back-label{
	padding: 10px;
	border-radius: 50%;
	background-color: var(--e-global-color-accent);
	display: flex;
}
.cr-back-label svg{
	width: 16px;
}
.cr-back-label:hover{
	background-color: var(--e-global-color-primary);
}
.cr-preview-view {
	padding: 16px;
	position: relative;
}
.cr-panel .badge{
	--forme: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 333 49'%3E%3Cpath d='M6.8,14.2c6.7,0,12.1,5.4,12.1,12.1c0,6.7,5.4,12.1,12.1,12.1h200.1c6.7,0,12.1-5.4,12.1-12.1c0-6.7,5.4-12.1,12.1-12.1h6.8V8.8c0-4.9-3.9-8.8-8.8-8.8H8.8C3.9,0,0,3.9,0,8.8v5.4H6.8z'/%3E%3C/svg%3E");
	-webkit-mask-image: var(--forme);
  	mask-image: var(--forme);
  	-webkit-mask-size: 126% 116%;
    mask-size: 126% 116%;
    position: absolute;
    top: 48px;
    left: calc(400px - 175px);
    z-index: 1;
    opacity: 0;
    transition: transform .25s ease;
    cursor: initial;
}
.cr-panel.preview .badge{
	opacity: 1;
}
.cr-panel .badge.eolien {
    --bg-hover: var(--e-global-color-e15c703, #A5C2FD);
    --bg: var(--e-global-color-e15c703, #A5C2FD);
    --bg-active: var(--e-global-color-e15c703, #A5C2FD);
    --text-color-hover: #FFF;
    --text-color: #FFF;
}
.cr-panel .badge.solaire {
    --bg-hover: var(--e-global-color-bcc9cc8, #E75727);
    --bg: var(--e-global-color-bcc9cc8, #E75727);
    --bg-active: var(--e-global-color-bcc9cc8, #E75727);
    --text-color-hover: #FFF;
    --text-color: #FFF;
}
.cr-panel .badge.autoconsommation {
    --bg-hover: var(--e-global-color-bcc9cc8, #E75727);
    --bg: var(--e-global-color-bcc9cc8, #E75727);
    --bg-active: var(--e-global-color-bcc9cc8, #E75727);
    --text-color-hover: #FFF;
    --text-color: #FFF;
}
.cr-panel .badge.stockage {
    --bg-hover: var(--e-global-color-dc55d50, #B3A99F);
    --bg: var(--e-global-color-dc55d50, #B3A99F);
    --bg-active: var(--e-global-color-dc55d50, #B3A99F);
    --text-color-hover: #FFF;
    --text-color: #FFF;
}
.cr-back-btn {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 13px;
	color: #333;
	margin-bottom: 10px;
	padding: 6px 4px;
}

.cr-preview-image {
	width: 100%;
	height: 320px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 16px;
	border-radius: 10px!important;
}

.cr-preview-header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 12px;
	padding: 0px 40px;
}
.cr-preview-header .cr-list-item__meta {
    gap: 20px;
}
.cr-preview-title {
	font-size: 20px!important;
	margin: 0;
}

.cr-preview-excerpt {
	font-size: 13px;
	color: #444;
	line-height: 1.6;
	margin: 20px 0;
	padding: 20px 40px;
}

.cr-preview-row {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-top: 1px solid var(--cr-border);
	font-size: 15px;
	margin: 0 40px;
}

.cr-preview-row strong { font-weight: bold; }

.cr-preview-actions {
	margin: 20px 40px;
	display: flex;
	gap: 8px;
}

.cr-btn-details {
	background: #1d1d1d;
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 10px 18px;
	font-size: 13px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

/* --- Markers Leaflet --- */
.cr-marker {
	width: 28px;
	height: 36px;
	display: block;
	transition: transform .15s ease;
}

.cr-marker svg,
.cr-marker svg path,
.cr-marker svg polygon,
.cr-marker svg circle:not(.cr-marker-dot) {
	fill: var(--cr-marker-color, #8c8c8c) !important;
}

.cr-marker.is-active {
	--cr-marker-color: var(--cr-active-color, #e8590c);
	transform: scale(1.25);
	z-index: 999 !important;
}

.cr-marker.is-jumping {
	animation: cr-jump .6s ease;
}

@keyframes cr-jump {
	0%   { transform: translateY(0) scale(1.25); }
	30%  { transform: translateY(-14px) scale(1.3); }
	55%  { transform: translateY(0) scale(1.25); }
	75%  { transform: translateY(-6px) scale(1.27); }
	100% { transform: translateY(0) scale(1.25); }
}

.marker-cluster-cr {
	background: rgba(45,45,45,.85);
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 600;
}
/* --- controle leaflet -----*/
.cr-map .leaflet-control-zoom a{
	color:var(--e-global-color-primary);
}

/* --- couleur de la carte --*/
.leaflet-tile-pane {
    filter: grayscale(83%) brightness(1.15) contrast(0.9);
}

/* --- Mobile toggle (caché en desktop) --- */
.cr-mobile-toggle {
	display: none;
}

.leaflet-touch .leaflet-control-attribution{font-size: 9px;}

/*carte réalisation single*/
.cr-single-map {
	width: 100%;
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
}

/* --- Responsive --- */
@media (max-width: 1251px) {
	.cr-filters{
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.cr-panel {
		width: 340px;
	}
	.cr-panel.preview {
	    width: 600px;
	    max-height: 750px;
	}
	.cr-panel.preview .badge{
		left: calc(300px - 175px);
	}
	.cr-map.preview {
	    min-height: 750px;
	}
}
@media (max-width: 782px) {
	.cr-filters {
		flex-direction: row;
	}

	.cr-body {
		flex-direction: column;
		min-height: 0;
	}

	.cr-panel {
		width: auto;
		margin: 0px;
		max-height: 400px;
		order: 2;
	}
	.cr-panel.preview {
	    width: 100%;
	    max-height: none;
	}
	.cr-panel .badge{
		min-width: 0px;
	}
	.cr-panel.preview  .badge{
		-webkit-mask-size: 126% 116%;
    	mask-size:  126% 116%;
    	min-width: 250px;
    	min-height: 38px;
    	left: calc(50% - 125px);
    	top: 335px;
	}
	.cr-panel.preview  .badge .badge__all_dot {
	    display: inline-grid!important;
	}
	.cr-panel.preview  .badge .badge__dots {
	    display: inline-flex!important;
	}
	.cr-map {
		min-height: 260px;
		order: 1;
		margin-bottom: 20px;
	}
	.cr-map.preview {
	    min-height: 260px;
	}

	.cr-list-item {
	    padding: 16px 5px;
	    margin: 0 15px;
	}
	.cr-preview-header{
		padding: 0;
	}
	.cr-preview-excerpt {
    	padding: 20px 0px;
	}	
	.cr-preview-row{
		margin: 0;
	}
	.cr-preview-actions{
		    margin: 20px 0px;
	}
	.cr-filters select.cr-filter{
		width: 145px;
	}

/*	.cr-body[data-mobile-view="list"] .cr-map { display: none; }
	.cr-body[data-mobile-view="map"] .cr-panel { display: none; }*/

	.cr-mobile-toggle {
		display: flex;
		gap: 8px;
		margin: 12px;
	}

	.cr-toggle-btn {
		flex: 1;
		padding: 10px;
		border: 1px solid var(--cr-border);
		border-radius: 6px;
		background: #fff;
	}

	.cr-toggle-btn.is-active {
		background: #1d1d1d;
		color: #fff;
	}
}
@media (max-width: 767px) {
	.cr-panel.preview .badge__text {
	    font-size: 11px;
	}
	.cr-preview-header {
    	display: block;
	}
}