:root { --border-radius-carte: 1rem; }
.container-bloc-carte-realisations { width: 100%; display: flex; flex-direction: column; gap: 2rem; position: relative; }
.container-bloc-carte-realisations .view-toggle-buttons { display: none; gap: 0.8rem; justify-content: center; align-items: center; position: sticky; top: 0; z-index: 1000; background: #fff; padding: 1rem; border-bottom: 0.1rem solid #e0e0e0; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.1); }
.container-bloc-carte-realisations .view-toggle-btn { display: flex; align-items: center; gap: 0.8rem; padding: 1rem 1.6rem; background: #f5f5f5; border: 0.1rem solid #e0e0e0; border-radius: var(--border-radius-carte); cursor: pointer; transition: all 0.3s ease; font-size: 1.4rem; font-weight: 600; color: #666; min-height: 4.4rem; }
.container-bloc-carte-realisations .view-toggle-btn:hover { background: #e8e8e8; border-color: var(--couleur-principale, #ff6b35); }
.container-bloc-carte-realisations .view-toggle-btn.active { background: var(--couleur-principale, #ff6b35); color: #fff; border-color: var(--couleur-principale, #ff6b35); }
.container-bloc-carte-realisations .view-toggle-btn i { font-size: 1.6rem; }
.container-bloc-carte-realisations .view-toggle-btn span { display: inline-block; }
.container-bloc-carte-realisations.view-list-only .carte-realisations-list { width: 100% !important; height: calc(100vh - 6rem) !important; max-height: none !important; }
.container-bloc-carte-realisations.view-list-only .carte-realisations-map-wrapper { display: none !important; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-list { display: none !important; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-map-wrapper { width: 100% !important; height: calc(100vh - 6rem) !important; }
@media (min-width: 1025px) {
.container-bloc-carte-realisations.view-list-only .carte-realisations-list { width: 100% !important; height: calc(100vh - 8rem) !important; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-map-wrapper { height: calc(100vh - 8rem) !important; }
}
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel { max-height: 25rem; bottom: 2rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette { width: 38rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette-photo { height: 22rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette-content { padding: 1.6rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette-title { font-size: 1.6rem; margin-bottom: 0.8rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item { font-size: 1.4rem; gap: 1.8rem; }
.container-bloc-carte-realisations.view-map-only .carte-realisations-bottom-panel .bottom-panel-vignette-button { padding: 1.2rem 2rem; font-size: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-main { display: flex; position: relative; width: 100%; height: calc(100vh - 20rem); min-height: 60rem; margin-top: 1rem;}
.container-bloc-carte-realisations .carte-realisations-list { width: 35%; flex-shrink: 0; background: #fff; display: flex; flex-direction: column; height: 100%; }
.container-bloc-carte-realisations .carte-realisations-list .list-main-title { margin: 0; padding: 2rem 2rem 1rem 2rem; font-size: 1.8rem; font-weight: 700; color: var(--couleur-texte, #333); line-height: 1.3; border-bottom: 0.1rem solid #e0e0e0; }
.container-bloc-carte-realisations .carte-realisations-list .list-subtitle { margin: 0; padding: 1.5rem 2rem; font-size: 1rem; font-weight: 600; color: var(--couleur-texte, #666); border-bottom: 0.1rem solid #e0e0e0; }
.container-bloc-carte-realisations .carte-realisations-list .list-subtitle .list-count { color: var(--couleur-principale, #ff6b35); font-weight: 700; }
.container-bloc-carte-realisations .carte-realisations-list .list-filters { padding: 1.5rem 2rem; border-bottom: 0.1rem solid #e0e0e0; display: flex; flex-direction: row; gap: 1rem; align-items: center; }
.container-bloc-carte-realisations .carte-realisations-list .list-filter-search { flex: 1; padding: 1rem 1.2rem; border: 0.1rem solid #e0e0e0; border-radius: 0.6rem; font-size: 1.4rem; transition: all 0.3s ease; }
.container-bloc-carte-realisations .carte-realisations-list .list-filter-search:focus { outline: none; border-color: var(--couleur-principale, #ff6b35); box-shadow: 0 0 0 0.3rem rgba(255,107,53,0.1); }
.container-bloc-carte-realisations .carte-realisations-list .list-filter-select { flex: 1; padding: 1rem 1.2rem; border: 0.1rem solid #e0e0e0; border-radius: 0.6rem; font-size: 1.4rem; background: #fff; cursor: pointer; transition: all 0.3s ease; }
.container-bloc-carte-realisations .carte-realisations-list .list-filter-select:focus { outline: none; border-color: var(--couleur-principale, #ff6b35); box-shadow: 0 0 0 0.3rem rgba(255,107,53,0.1); }
.container-bloc-carte-realisations .carte-realisations-list .list-content { flex: 1; overflow-y: auto; padding: 1rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-loading { padding: 2rem; text-align: center; color: #999; }
.container-bloc-carte-realisations .carte-realisations-list .list-item { margin-bottom: 1rem; border: 0.1rem solid #e0e0e0; border-radius: 0.8rem; cursor: pointer; transition: all 0.3s ease; background: #fff; display: flex; gap: 1.2rem; align-items: center; }
.container-bloc-carte-realisations .carte-realisations-list .list-item:hover { border-color: var(--couleur-principale, #ff6b35); box-shadow: 0 0.2rem 0.8rem rgba(255,107,53,0.2); transform: translateY(-0.2rem); }
.container-bloc-carte-realisations .carte-realisations-list .list-item.active { border-color: var(--couleur-principale, #ff6b35); background: #fff5f2; }
.container-bloc-carte-realisations .carte-realisations-list .list-item.list-item-highlighted { border-color: var(--couleur-principale, #ff6b35); background: #fff5f2; box-shadow: 0 0.4rem 1.2rem rgba(255,107,53,0.4); transform: translateY(-0.2rem) scale(1.02); animation: pulse-highlight 1.5s ease-in-out infinite; }
@keyframes pulse-highlight { 0%, 100% { box-shadow: 0 0.4rem 1.2rem rgba(255,107,53,0.4); } 50% { box-shadow: 0 0.6rem 1.6rem rgba(255,107,53,0.6); } }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo { width: 50%; flex-shrink: 0; height: 16.5rem; border-radius:0.6rem 0 0 0.6rem; overflow: hidden; position: relative; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-content-badges { position: absolute; top: 0.8rem; right: 0.8rem; display: flex; gap: 0.6rem; z-index: 15; }
.container-bloc-carte-realisations .carte-realisations-list .content-badge { border-radius: 2rem; background: var(--couleur-principale, #ff6b35); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 600; transition: all 0.3s ease; backdrop-filter: blur(0.4rem); padding: 0.4rem 1rem; gap: 0.4rem; white-space: nowrap; }
.container-bloc-carte-realisations .carte-realisations-list .content-badge:hover { background: var(--couleur-principale-hover, #e55a2b); transform: scale(1.05); }
.container-bloc-carte-realisations .carte-realisations-list .content-badge i { font-size: 1.1rem;color: white; }
.container-bloc-carte-realisations .carte-realisations-list .content-badge > *{color: white;}
.container-bloc-carte-realisations .carte-realisations-list .content-badge span { font-size: 1rem; font-weight: 700; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-carousel { position: relative; width: 100%; height: 100%; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-carousel .carousel-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-carousel .carousel-image.active { opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-carousel .carousel-image:only-child { position: relative; opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-badge { position: absolute; top: 0.8rem; left: 0.8rem; background: rgba(0,0,0,0.7); color: #fff; padding: 0.4rem 0.8rem; border-radius: var(--border-radius-carte); font-size: 1.1rem; font-weight: 600; z-index: 10; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border: none; width: 3.2rem; height: 3.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all 0.3s ease; z-index: 10; color: var(--couleur-principale, #ff6b35); font-size: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-nav.visible { opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-nav:hover { background: var(--couleur-principale, #ff6b35); color: #fff; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-prev { left: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-next { right: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-content { width: 50%; flex: 1; display: flex; flex-direction: column; gap: 0.8rem; padding: 1rem;}
.container-bloc-carte-realisations .carte-realisations-list .list-item-title-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-title { font-size: 1.4rem; font-weight: 600; color: var(--couleur-texte, #333); line-height: 1.4; flex: 1; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-favorite { background: none; border: none; cursor: pointer; padding: 0.4rem; color: #ccc; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-favorite:hover { color: var(--couleur-principale, #ff6b35); transform: scale(1.1); }
.container-bloc-carte-realisations .carte-realisations-list .list-item-favorite i.fas { color: var(--couleur-principale, #ff6b35); }
.container-bloc-carte-realisations .carte-realisations-list .list-item-details { display: flex; flex-direction: column; gap: 0.4rem; font-size: 1.2rem; color: #666; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-item { display: flex; align-items: center; gap: 1.6rem; flex-wrap: wrap; font-size: 1.2rem; color: #666; line-height: 1.4; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-item .detail-date,
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-item .detail-duree,
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-item .detail-surface { display: flex; align-items: center; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-label { font-weight: 600; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-value { color: var(--couleur-texte, #333); }
.container-bloc-carte-realisations .carte-realisations-list .list-item-footer { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin-top: 0.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-location { display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; color: #666; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-location i { color: var(--couleur-principale, #ff6b35); font-size: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-button { display: inline-block; padding: 0.8rem 1.6rem; background: var(--couleur-principale, #ff6b35); color: #fff; text-decoration: none; border-radius: var(--border-radius-carte); font-size: 1.2rem; font-weight: 600; text-align: center; transition: all 0.3s ease; flex-shrink: 0; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-button:hover { background: var(--couleur-principale-hover, #e55a2b); transform: translateY(-0.1rem); box-shadow: 0 0.2rem 0.4rem rgba(255,107,53,0.3); }
.container-bloc-carte-realisations .carte-realisations-map-wrapper { flex: 1; width: 65%; position: relative; display: flex; flex-direction: column; height: 100%; }
.container-bloc-carte-realisations .map-carte-realisations { width: 100%; height: 100%; position: relative;overflow: hidden; touch-action: pan-x pan-y; }
.container-bloc-carte-realisations .map-carte-realisations * { touch-action: pan-x pan-y; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-tile-container { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; transform: translateZ(0); will-change: transform; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-tile { transition: opacity 0.15s ease; will-change: opacity; transform: translateZ(0); backface-visibility: hidden; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-tile-loaded { opacity: 1 !important; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-tile-loading { opacity: 0.3; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0,0,0.25,1); transform: translateZ(0); will-change: transform; }
.container-bloc-carte-realisations .map-carte-realisations .leaflet-pane { transform: translateZ(0); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel { position: absolute; bottom: 6rem; left: 50%; transform: translateX(-50%) translateY(100%); transition: all 0.3s ease; z-index: 1000; max-height: 20rem; display: flex; align-items: center; background: transparent; max-width: calc(100% - 4rem); opacity: 0; visibility: hidden; pointer-events: none; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel.active { transform: translateX(-50%) translateY(0); opacity: 1; visibility: visible; pointer-events: auto; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content { display: flex; gap: 1.5rem; padding: 0; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; width: 100%; max-width: 100%; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content::-webkit-scrollbar { height: 0.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content::-webkit-scrollbar-track { background: #f1f1f1; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content::-webkit-scrollbar-thumb { background: #888; border-radius: 0.2rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content::-webkit-scrollbar-thumb:hover { background: #555; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette { flex-shrink: 0; width: 32rem; background: #fff; border: 0.1rem solid #e0e0e0; border-radius: 1.2rem; overflow: hidden; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction: column; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette:hover { border-color: var(--couleur-principale, #ff6b35); transform: translateY(-0.4rem); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo { width: 100%; height: 18rem; overflow: hidden; position: relative; flex-shrink: 0; border-radius: 1.2rem 1.2rem 0 0; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-content-badges { position: absolute; top: 0.8rem; right: 0.8rem; display: flex; gap: 0.6rem; z-index: 15; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .content-badge { border-radius: 2rem; background: var(--couleur-principale, #ff6b35); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 600; transition: all 0.3s ease; backdrop-filter: blur(0.4rem); padding: 0.4rem 1rem; gap: 0.4rem; white-space: nowrap; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .content-badge:hover { background: var(--couleur-principale-hover, #e55a2b); transform: scale(1.05); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .content-badge i { font-size: 1.1rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .content-badge span { font-size: 1rem; font-weight: 700; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-carousel { position: relative; width: 100%; height: 100%; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-carousel .carousel-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.3s ease; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-carousel .carousel-image.active { opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-carousel .carousel-image:only-child { position: relative; opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-badge { position: absolute; top: 0.8rem; left: 0.8rem; background: rgba(0,0,0,0.7); color: #fff; padding: 0.4rem 0.8rem; border-radius: var(--border-radius-carte); font-size: 1.1rem; font-weight: 600; z-index: 10; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); border: none; width: 3.2rem; height: 3.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: all 0.3s ease; z-index: 10; color: var(--couleur-principale, #ff6b35); font-size: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-nav.visible { opacity: 1; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-nav:hover { background: var(--couleur-principale, #ff6b35); color: #fff; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-prev { left: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-next { right: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-content { padding: 1.2rem; display: flex; flex-direction: column; gap: 0.8rem; flex: 1; border-radius: 0 0 1.2rem 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-title-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-title { font-size: 1.4rem; font-weight: 600; color: var(--couleur-texte, #333); line-height: 1.4; flex: 1; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-favorite { background: none; border: none; cursor: pointer; padding: 0.4rem; color: #ccc; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-favorite:hover { color: var(--couleur-principale, #ff6b35); transform: scale(1.1); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-favorite i.fas { color: var(--couleur-principale, #ff6b35); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-details { display: flex; flex-direction: column; gap: 0.4rem; font-size: 1.2rem; color: #666; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item { display: flex; align-items: center; gap: 1.6rem; flex-wrap: wrap; font-size: 1.2rem; color: #666; line-height: 1.4; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item .detail-date,
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item .detail-duree,
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item .detail-surface { display: flex; align-items: center; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-label { font-weight: 600; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-value { color: var(--couleur-texte, #333); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-footer { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin-top: 0.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-location { display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; color: #666; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-location i { color: var(--couleur-principale, #ff6b35); font-size: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-button { display: inline-block; padding: 0.8rem 1.6rem; background: var(--couleur-principale, #ff6b35); color: #fff; text-decoration: none; border-radius: var(--border-radius-carte); font-size: 1.2rem; font-weight: 600; text-align: center; transition: all 0.3s ease; flex-shrink: 0; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-button:hover { background: var(--couleur-principale-hover, #e55a2b); transform: translateY(-0.1rem); box-shadow: 0 0.2rem 0.4rem rgba(255,107,53,0.3); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator { position: absolute; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; background: rgba(255,255,255,0.9); border: 0.1rem solid #e0e0e0; border-radius: 50%; display: none; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; z-index: 1001; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.1); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel.active .bottom-panel-scroll-indicator { display: flex; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator:hover { background: var(--couleur-principale, #ff6b35); border-color: var(--couleur-principale, #ff6b35); color: #fff; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator.left { left: 1rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator.right { right: 1rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator.hidden { display: none !important; }
.container-bloc-carte-realisations .custom-marker-user-location { background: transparent; border: none; }
.container-bloc-carte-realisations .marker-user-location { width: 3rem; height: 3rem; background: var(--couleur-principale, #ff6b35); border-radius: 50% 50% 50% 0; transform: rotate(-45deg); display: flex; align-items: center; justify-content: center; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.3); border: 0.3rem solid #fff; }
.container-bloc-carte-realisations .marker-user-location i { color: #fff; font-size: 1.6rem; transform: rotate(45deg); }
.container-bloc-carte-realisations .map-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
.container-bloc-carte-realisations .map-loading { text-align: center; }
.container-bloc-carte-realisations .spinner { border: 0.4rem solid #f3f3f3; border-top: 0.4rem solid var(--couleur-principale); border-radius: 50%; width: 4rem; height: 4rem; animation: spin 1s linear infinite; margin: 0 auto 1.5rem; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.container-bloc-carte-realisations .map-error { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fee; color: var(--couleur-principale); padding: 2rem; text-align: center; border-radius: 1.2rem; }
.container-bloc-carte-realisations .map-no-data { position: absolute; top: 1rem; left: 1rem; background: #fff; padding: 1rem 1.5rem; border-radius: 0.8rem; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,0.2); z-index: 1000; font-size: 1.4rem; }
.container-bloc-carte-realisations .custom-marker-postal-code { background: transparent; border: none; }
.container-bloc-carte-realisations .marker-postal-code { width: 4rem; height: 4rem; background: linear-gradient(135deg, var(--couleur-principale) 0%, var(--couleur-principale) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0.4rem 1.2rem rgba(255,107,53,0.4); border: 0.3rem solid #fff; cursor: pointer; transition: all 0.3s ease; position: relative; }
.container-bloc-carte-realisations .marker-postal-code:hover { transform: scale(1.15); box-shadow: 0 0.6rem 1.6rem rgba(255,107,53,0.6); }
.container-bloc-carte-realisations .marker-postal-code.marker-highlighted { transform: scale(1.2); box-shadow: 0 0.8rem 2rem rgba(255,107,53,0.8); animation: marker-pulse 1.5s ease-in-out infinite; z-index: 1000 !important; }
@keyframes marker-pulse { 0%, 100% { transform: scale(1.2); box-shadow: 0 0.8rem 2rem rgba(255,107,53,0.8); } 50% { transform: scale(1.25); box-shadow: 0 1rem 2.4rem rgba(255,107,53,1); } }
.container-bloc-carte-realisations .custom-marker-postal-code { cursor: pointer; }
.container-bloc-carte-realisations .marker-postal-code::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.3); animation: pulse 2s infinite; }
@keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0; } }
.container-bloc-carte-realisations .marker-count { color: #fff; font-weight: bold; font-size: 1.4rem; position: relative; z-index: 1; }
.container-bloc-carte-realisations .popup-postal-code-enriched { max-width: 40rem; position: relative; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 0.2rem solid #f0f0f0; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-header h3 { margin: 0; font-size: 1.6rem; color: var(--couleur-texte); font-weight: 600; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-count { background: var(--couleur-principale); color: #fff; padding: 0.4rem 1.2rem; border-radius: 1.2rem; font-size: 1.2rem; font-weight: 600; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content { max-height: 40rem; overflow-y: auto; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-realisation-item { display: flex; gap: 1.2rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 0.1rem solid #f0f0f0; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-realisation-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo { flex-shrink: 0; width: 14rem; height: 14rem; border-radius: 0.8rem; overflow: hidden; position: relative; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo a { display: block; width: 100%; height: 100%; cursor: pointer; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo a:hover img { opacity: 0.8; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0.2rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery img { width: 100%; height: 100%; object-fit: cover; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery a:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery a:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery a:nth-child(3) { grid-column: 1 / 3; grid-row: 2 / 3; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-gallery-more { position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 0.2rem 0.6rem; font-size: 1rem; font-weight: bold; border-radius: 0.4rem 0 0 0; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details { flex: 1; display: flex; flex-direction: column; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details h4 { margin: 0 0 1rem 0; font-size: 1.4rem; line-height: 1.4; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details h4 a { color: var(--couleur-texte); text-decoration: none; transition: color 0.3s ease; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details h4 a:hover { color: var(--couleur-principale); }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details .popup-meta { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 1.2rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-type { display: inline-block; background: #f0f0f0; color: var(--couleur-texte); padding: 0.4rem 0.8rem; border-radius: var(--border-radius-carte); font-size: 1.1rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-lieu { display: inline-block; color: var(--couleur-texte); font-size: 1.2rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-link { display: inline-block; margin-top: auto; color: var(--couleur-principale); text-decoration: none; font-size: 1.2rem; font-weight: 500; white-space: nowrap; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-link:hover { color: var(--couleur-principale); opacity: 0.8; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-more { text-align: center; padding: 1rem; background: #f5f5f5; border-radius: 0.6rem; margin-top: 1rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-more p { margin: 0; font-size: 1.2rem; color: var(--couleur-texte); }
@media (max-width: 1024px) {
.container-bloc-carte-realisations .view-toggle-buttons { display: flex !important; }
.container-bloc-carte-realisations .carte-realisations-main { flex-direction: column; height: auto; min-height: auto; margin-top: 0; gap: 0; }
.container-bloc-carte-realisations:not(.view-list-only):not(.view-map-only) .carte-realisations-list { display: none; }
.container-bloc-carte-realisations:not(.view-list-only):not(.view-map-only) .carte-realisations-map-wrapper { width: 100% !important; height: calc(100vh - 6rem) !important; }
.container-bloc-carte-realisations .carte-realisations-list { width: 100%; height: auto; max-height: 50vh; border-radius: 0; }
.container-bloc-carte-realisations .carte-realisations-list .list-main-title { font-size: 1.4rem; padding: 1.6rem 1.6rem 1rem 1.6rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-subtitle { padding: 1.2rem 1.6rem; font-size: 0.9rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-filters { padding: 1.2rem 1.6rem; flex-direction: column; gap: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-filter-search,
.container-bloc-carte-realisations .carte-realisations-list .list-filter-select { width: 100%; padding: 1.2rem 1.4rem; font-size: 1.6rem; min-height: 4.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-content { padding: 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item { flex-direction: column; gap: 0; padding: 0; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo { width: 100%; height: 20rem; border-radius: 0.8rem 0.8rem 0 0; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-content { width: 100%; padding: 1.6rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-title { font-size: 1.6rem; margin-bottom: 0.8rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-detail-item { font-size: 1.3rem; gap: 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-footer { flex-direction: column; align-items: flex-start; gap: 1.2rem; margin-top: 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-button { width: 100%; padding: 1.2rem 1.6rem; font-size: 1.4rem; min-height: 4.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo-nav { width: 4rem; height: 4rem; font-size: 1.6rem; }
.container-bloc-carte-realisations .carte-realisations-map-wrapper { width: 100%; height: 50vh; min-height: 40rem; }
.container-bloc-carte-realisations .map-carte-realisations { height: 100%; border-radius: 0; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel { bottom: 2rem; max-height: 18rem; max-width: calc(100% - 2rem); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette { width: 28rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo { height: 14rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-content { padding: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-title { font-size: 1.5rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-detail-item { font-size: 1.3rem; gap: 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-footer { flex-direction: column; align-items: flex-start; gap: 1.2rem; margin-top: 1.2rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-button { width: 100%; padding: 1.2rem 1.6rem; font-size: 1.4rem; min-height: 4.4rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo-nav { width: 4rem; height: 4rem; font-size: 1.6rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-scroll-indicator { width: 4.4rem; height: 4.4rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched { max-width: calc(100vw - 4rem) !important; width: calc(100vw - 4rem) !important; }
.container-bloc-carte-realisations .leaflet-popup { text-align: center; }
.container-bloc-carte-realisations .leaflet-popup-content-wrapper { border-radius: 1.2rem; box-shadow: 0 0.4rem 2rem rgba(0,0,0,0.3); padding: 1.5rem; margin: 0 auto; max-height: 50vh; overflow: hidden; }
.container-bloc-carte-realisations .leaflet-popup-content { margin: 0; width: 100% !important; max-height: 100%; overflow: hidden; }
.container-bloc-carte-realisations .leaflet-popup-tip { box-shadow: 0 0.2rem 1rem rgba(0,0,0,0.2); }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-header { flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-header h3 { font-size: 1.2rem; line-height: 1.3; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content { max-height: 35vh; padding-right: 0.5rem; overflow-y: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content::-webkit-scrollbar { width: 0.6rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0.3rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content::-webkit-scrollbar-thumb { background: #888; border-radius: 0.3rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-content::-webkit-scrollbar-thumb:hover { background: #555; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-realisation-item { flex-direction: row; gap: 1rem; padding: 1rem; background: #f9f9f9; border-radius: 0.8rem; margin-bottom: 1rem; align-items: flex-start; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo { flex-shrink: 0; width: 12rem; height: 12rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-photo.popup-gallery { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0.2rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-gallery-more { font-size: 0.9rem; padding: 0.1rem 0.4rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details { flex: 1; text-align: left; display: flex; flex-direction: column; min-width: 0; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details h4 { margin: 0 0 0.8rem 0; font-size: 1.2rem; line-height: 1.3; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details .popup-meta { flex-direction: column; gap: 0.6rem; margin-bottom: 0.8rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details .popup-type { font-size: 1rem; padding: 0.3rem 0.6rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-details .popup-lieu { font-size: 1.1rem; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-link { margin-top: auto; font-size: 1.1rem; padding: 0.6rem 1rem; background: var(--couleur-principale); color: #fff; border-radius: var(--border-radius-carte); text-align: center; display: block; white-space: nowrap; }
.container-bloc-carte-realisations .popup-postal-code-enriched .popup-link:hover { background: var(--couleur-principale); opacity: 0.9; transform: none; }
}
@media (max-width: 480px) {
.container-bloc-carte-realisations .view-toggle-btn span { display: none; }
.container-bloc-carte-realisations .view-toggle-btn { padding: 1rem 1.4rem; min-width: 4.4rem; justify-content: center; }
.container-bloc-carte-realisations .view-toggle-btn i { font-size: 1.8rem; }
.container-bloc-carte-realisations .carte-realisations-list { max-height: 45vh; }
.container-bloc-carte-realisations .carte-realisations-list .list-main-title { font-size: 1.2rem; padding: 1.4rem 1.4rem 0.8rem 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-subtitle { padding: 1rem 1.4rem; font-size: 0.85rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-filters { padding: 1rem 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-content { padding: 1rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-photo { height: 18rem; }
.container-bloc-carte-realisations .carte-realisations-list .list-item-content { padding: 1.4rem; }
.container-bloc-carte-realisations .carte-realisations-map-wrapper { height: 55vh; min-height: 35rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel { bottom: 1.5rem; max-height: 16rem; max-width: calc(100% - 1.5rem); }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette { width: 26rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-photo { height: 12rem; }
.container-bloc-carte-realisations .carte-realisations-bottom-panel .bottom-panel-vignette-content { padding: 1.2rem; }
}