/*
 * Page /patrimoine (carte des centres), version épurée du 14/10/2026 : recherche et légende sur une ligne, sans
 * bandeau gris ; liste compacte et carte dans un même cadre ; légende qui filtre (centre.js). Chargée après
 * style.css et les lots d'épuration (bloc « stylesheets »). Classes d'origine conservées : centre.js s'en sert.
 */
.page-carte{--pc-rouge:#e40520;--pc-encre:#1d1d1b;--pc-gris:#6b6b6b;--pc-filet:#ebe6e4;--pc-fond:#faf6f5}

/* Outils : recherche à gauche, légende à droite */
.page-carte .carte-outils{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;max-width:1130px;margin-top:28px}
.page-carte .recherche-carte{padding:0;background:none;border-radius:0;line-height:normal;max-width:none}
.page-carte .recherche-carte .label{display:none}
.page-carte .recherche-carte form{margin:0}
.page-carte .myform input.text{width:300px}
/* Le menu « Filtrer par type de centre » du mobile ne filtrait rien : la légende, qui filtre, le remplace partout
   (patrimoine-map.css, chargé après, force l'inverse sous 768 px avec !important) */
.page-carte .filtre-mob{display:none !important}
.page-carte .filter-carte{display:block !important;margin-top:0;max-width:none}
.page-carte .filter-carte ul{display:flex;flex-wrap:wrap;gap:8px}
.page-carte .filter-carte ul:after{display:none}
.page-carte .filter-carte ul li{float:none;height:auto;min-height:0;padding:7px 14px 7px 30px;border:1px solid var(--pc-filet);border-radius:18px;font-size:13px;line-height:18px;font-weight:500;color:var(--pc-encre);background-color:#fff;background-size:9px auto !important;background-position:13px center !important;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.page-carte .filter-carte ul li:hover{border-color:var(--pc-rouge);color:var(--pc-rouge)}
.page-carte .filter-carte ul li.actif{border-color:var(--pc-encre);background-color:var(--pc-encre);color:#fff;font-weight:600}
.page-carte .filter-carte ul li:focus-visible{outline:2px solid var(--pc-rouge);outline-offset:2px}

/* Liste des centres */
.page-carte .carte-compte{padding:14px 18px;border-bottom:1px solid var(--pc-filet);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-gris)}
.page-carte .bloc-map .left-col .titre{padding:12px 18px 4px;font-size:14px}
.page-carte .bloc-map .left-col .bloc-centre ul li{position:relative;padding:12px 56px 12px 40px;border-bottom:1px solid #f3efee;background-color:#fff;background-size:11px auto !important;background-position:18px 17px !important;color:var(--pc-encre)}
.page-carte .bloc-map .left-col .bloc-centre ul li[hidden]{display:none}
.page-carte .bloc-map .bloc-centre ul li .titre-centre{font-size:14px;line-height:20px;font-weight:600;color:var(--pc-encre)}
.page-carte .bloc-map .left-col .bloc-centre ul li p{font-size:13px;line-height:18px;color:var(--pc-gris)}
.page-carte .bloc-map .left-col .bloc-centre ul li:hover,
.page-carte .bloc-map .left-col .bloc-centre ul li.selected{background-color:var(--pc-fond);color:var(--pc-encre)}
.page-carte .bloc-map .left-col .bloc-centre ul li:hover .titre-centre,
.page-carte .bloc-map .left-col .bloc-centre ul li.selected .titre-centre{color:var(--pc-rouge)}
.page-carte .bloc-map .left-col .bloc-centre ul li:hover p,
.page-carte .bloc-map .left-col .bloc-centre ul li.selected p{color:var(--pc-gris)}
/* Au survol, style.css remplace l'épingle par une épingle blanche sur fond bleu : on garde celle du type */
.page-carte .bloc-map .left-col .bloc-centre ul li.type-1:hover{background-image:url(../images/puce-map-type-1.png)}
.page-carte .bloc-map .left-col .bloc-centre ul li.type-2:hover{background-image:url(../images/puce-map-type-2.png)}
.page-carte .bloc-map .left-col .bloc-centre ul li.type-3:hover{background-image:url(../images/puce-map-type-3.png)}
.page-carte .bloc-map .left-col .bloc-centre ul li.type-4:hover{background-image:url(../images/puce-map-type-4.png)}
.page-carte .bloc-map .left-col .bloc-centre ul li.type-5:hover{background-image:url(../images/puce-map-type-5.png)}

/* Flèche vers la fiche du centre */
.page-carte .bloc-map .left-col .bloc-centre ul li .carte-fiche{position:absolute;top:50%;right:16px;display:block;width:30px;height:30px;margin-top:-15px;padding:0;border:1px solid var(--pc-filet);border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 14px;transition:border-color .2s,background-color .2s}
.page-carte .bloc-map .left-col .bloc-centre ul li .carte-fiche:after{display:none}
.page-carte .bloc-map .left-col .bloc-centre ul li .carte-fiche:hover,
.page-carte .bloc-map .left-col .bloc-centre ul li .carte-fiche:focus-visible{border-color:var(--pc-rouge);background-color:#fbf1f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e40520' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}

/* Bulle d'un centre sur la carte (maquette A, contenu construit par centre.js) */
.page-carte .gm-style .gm-style-iw-c{border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
/* L'en-tête de Google (la croix) passe par-dessus le contenu au lieu de réserver une ligne vide */
.page-carte .gm-style .gm-style-iw-chr{position:absolute;top:0;right:0;z-index:2}
/* Sur mobile, Google donne le focus au cadre de la bulle : pas de contour sur le cadre, les liens gardent le leur */
.page-carte .gm-style .gm-style-iw-c:focus,
.page-carte .gm-style .gm-style-iw-d:focus,
.page-carte .gm-style .gm-style-iw-c:focus-visible{outline:none}
.page-carte .info-window.iw{box-sizing:border-box;width:290px;max-width:100%;padding:6px 4px 6px;font-family:'Poppins',arial,sans-serif;font-size:14px;color:var(--pc-encre)}
.page-carte .iw .iw-tete{display:flex;align-items:center;gap:12px}
.page-carte .iw .iw-tete > div{min-width:0}
.page-carte .iw .iw-logo{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:6px;border:1px solid var(--pc-filet);border-radius:10px;background:#fff}
.page-carte .iw .iw-logo img{max-width:100%;max-height:100%;object-fit:contain}
.page-carte .iw .titre{padding-right:30px;font-size:16px;line-height:1.2;font-weight:600;color:var(--pc-encre)}
.page-carte .iw .cp{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-gris)}
.page-carte .iw .iw-type{margin-top:4px;padding-left:13px;font-size:11px;font-weight:500;color:var(--pc-gris);background:no-repeat 0 center / 7px auto}
.page-carte .iw .iw-type.type1{background-image:url(../images/pins-1.png)}
.page-carte .iw .iw-type.type2{background-image:url(../images/pins-2.png)}
.page-carte .iw .iw-type.type3{background-image:url(../images/pins-3.png)}
.page-carte .iw .iw-type.type4{background-image:url(../images/pins-4.png)}
.page-carte .iw .iw-type.type5{background-image:url(../images/pins-5.png)}
/* Chiffres : libellés sur une seule ligne */
.page-carte .iw .iw-kpi{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;border-top:1px solid var(--pc-filet);border-bottom:1px solid var(--pc-filet)}
.page-carte .iw .iw-kpi-1{grid-template-columns:1fr}
.page-carte .iw .iw-kpi div{min-width:0;padding:10px 0}
.page-carte .iw .iw-kpi div+div{padding-left:12px;border-left:1px solid var(--pc-filet)}
.page-carte .iw .iw-kpi b{display:block;font-size:16px;line-height:1.3;font-weight:600;white-space:nowrap}
.page-carte .iw .iw-kpi span{display:block;font-size:11px;line-height:1.3;color:var(--pc-gris);white-space:nowrap}
/* Actions : bouton vers la fiche, icônes site et contact */
.page-carte .iw .iw-actions{display:flex;gap:8px;margin-top:14px}
.page-carte .info-window.iw a{display:inline-flex;align-items:center;width:auto;height:auto;margin:0;padding:0;border:none;background:none;line-height:1.3;text-transform:none;letter-spacing:0;font-family:'Poppins',arial,sans-serif;text-decoration:none}
.page-carte .info-window.iw a.iw-fiche{flex:1;justify-content:center;gap:8px;height:40px;padding:0 16px;white-space:nowrap;border-radius:20px;background:var(--pc-rouge);color:#fff;font-size:13px;font-weight:600;transition:background-color .2s}
.page-carte .info-window.iw a.iw-fiche:hover{background:#b8031a;color:#fff}
.page-carte .info-window.iw a.iw-ico{flex:none;justify-content:center;width:40px;height:40px;border:1px solid var(--pc-filet);border-radius:50%;background:#fff;color:var(--pc-encre);transition:border-color .2s,color .2s}
.page-carte .info-window.iw a.iw-ico:hover{border-color:var(--pc-rouge);color:var(--pc-rouge);background:#fff}
.page-carte .info-window.iw a:focus{outline:none}
.page-carte .info-window.iw a:focus-visible{outline:2px solid rgba(228,5,32,.35);outline-offset:2px}

/* Bouton du PDF du patrimoine, moins éloigné */
.page-carte .pres-centre .dl{margin-top:36px}

/* Grand écran : liste à gauche, carte à droite, dans un même cadre arrondi */
@media only screen and (min-width: 741px){
	.page-carte .bloc-map{display:flex;align-items:stretch;height:620px;max-width:1130px;margin-top:20px;border:1px solid var(--pc-filet);border-radius:12px;overflow:hidden;background:#fff}
	.page-carte .bloc-map:after{display:none}
	.page-carte .bloc-map .left-col{order:-1;float:none;flex:none;width:340px;height:auto;min-height:0;max-height:100%;display:flex;flex-direction:column;border:none;border-right:1px solid var(--pc-filet)}
	.page-carte .bloc-map .right-col{float:none;flex:1 1 auto;width:auto;min-width:0}
	/* centre.js fixe une hauteur en ligne d'après la carte : la colonne s'aligne seule sur la carte */
	.page-carte .bloc-map .left-col .overflow-bloc{height:auto !important;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9d1cf transparent}
	.page-carte #map-canvas{height:100%}
}

/* Petit écran : outils empilés, carte arrondie, liste compacte */
@media only screen and (max-width: 740px){
	.page-carte .carte-outils{display:block;margin-top:20px}
	.page-carte .recherche-carte{padding:0;background:none}
	.page-carte .myform,
	.page-carte .myform input.text{width:100%}
	.page-carte .filter-carte{margin-top:14px}
	.page-carte .filter-carte ul{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
	.page-carte .filter-carte ul::-webkit-scrollbar{display:none}
	.page-carte .filter-carte ul li{flex:none}
	.page-carte .bloc-map{margin-top:16px}
	.page-carte .bloc-map .right-col{border:1px solid var(--pc-filet);border-radius:12px;overflow:hidden}
	.page-carte #map-canvas{height:420px}
	/* Bulle étroite : chiffres l'un sous l'autre (nombre et libellé sur une ligne), logo et boutons plus petits */
	.page-carte .iw .iw-tete{gap:10px}
	.page-carte .iw .iw-logo{width:42px;height:42px;padding:4px}
	.page-carte .iw .titre{font-size:15px}
	.page-carte .iw .iw-kpi{grid-template-columns:1fr}
	.page-carte .iw .iw-kpi div{display:flex;align-items:baseline;gap:8px;padding:7px 0}
	.page-carte .iw .iw-kpi div+div{padding-left:0;border-left:none;border-top:1px solid var(--pc-filet)}
	.page-carte .iw .iw-kpi b{display:inline;font-size:14px}
	.page-carte .iw .iw-kpi span{display:inline;font-size:11px}
	.page-carte .iw .iw-kpi,
	.page-carte .iw .iw-actions{margin-top:12px}
	.page-carte .info-window.iw a.iw-fiche{height:36px;padding:0 12px;font-size:12px}
	.page-carte .info-window.iw a.iw-ico{width:36px;height:36px}
	.page-carte .carte-compte{padding:18px 0 10px}
	.page-carte .bloc-map .left-col .bloc-centre ul li{padding:12px 52px 12px 26px;background-position:4px 17px !important}
	.page-carte .bloc-map .left-col .bloc-centre ul li .carte-fiche{right:4px}
}