/* Dépend de guide/atlas/vue-locale.css, déjà présent avec l'Atlas des villes. */
.atlas-lieu-encart,
.atlas-lieu-hote { min-width: 0; }
.atlas-lieu-hote .atlas-local { margin-bottom: 14px; }
.atlas-lieu-hote .atlas-local-overview,
.atlas-lieu-hote .atlas-explore-credit a { color: inherit; }
.atlas-lieu-hote .atlas-local-overview svg { width: 42px; height: 44px; }
.atlas-lieu-hote .atlas-local-north svg { width: 13px; height: 18px; }
.atlas-lieu-hote .atlas-local-controls svg { width: 18px; height: 18px; }
.atlas-lieu-hote .atlas-local-view > .atlas-local-dessin { width: 100%; height: 100%; }
.fiche .atlas-lieu-notice,
.fiche .atlas-lieu-attente { margin: 0 0 14px; font-size: 13px; line-height: 1.6; color: #e3e9e8; }
.fiche .atlas-lieu-attente a { color: var(--saffron, #f6a72d); text-decoration: underline; }
.atlas-lieu-cadre .atlas-local-head::after { content: ''; flex: 0 0 86px; }
.atlas-lieu-cadre::after { content: ''; display: block; height: 24px; border-top: 1px solid var(--carte-filet); }
.atlas-lieu-cadre .atlas-lieu-patiente {
  display: grid; place-items: center; padding: 16px; box-sizing: border-box;
  color: #526269; font: 500 12px/1.4 Poppins, system-ui, sans-serif;
}
.atlas-explore-frame { position: relative; }
.atlas-local.atlas-explore { --carte-papier: #f8f5eb; --carte-filet: #e3dccc; }
.atlas-explore .atlas-local-view { background: #f2efe3; }
.atlas-explore .atlas-local-land { fill: #e4e8d8; }
.atlas-explore .atlas-local-land.is-orchard,
.atlas-explore .atlas-local-land.is-forest { fill: #d8e1cd; }
.atlas-explore .atlas-local-land.is-residential { fill: #ebe3d2; }
.atlas-explore .atlas-local-water-area { fill: #bfcfd0; }
.atlas-explore .atlas-local-water { stroke: #779aa3; stroke-width: 1.25; }
.atlas-explore .atlas-local-rail { opacity: .55; }
.atlas-explore .atlas-local-road.is-local { stroke: #aaa99c; stroke-width: .95; opacity: .82; }
.atlas-explore .atlas-local-road.is-secondary { stroke: #9b8e75; stroke-width: 1.55; }
.atlas-explore .atlas-local-road.is-main { stroke: #a66d36; stroke-width: 2.65; }
.atlas-explore [data-atlas-point] { cursor: pointer; }
.atlas-explore-hit { fill: transparent; stroke: transparent; stroke-width: 1.5; }
.atlas-explore [data-atlas-point]:is(:hover, :focus-visible, [aria-expanded="true"]) .atlas-explore-hit {
  fill: #f1ead63d;
  stroke: #8c5b22;
}
.atlas-explore .is-poi .atlas-local-dot { fill: #9d621f; stroke: #fff8e6; r: 5.5; }
.atlas-explore .is-ville .atlas-local-dot { r: 5.5; }
.atlas-explore .atlas-explore-credit {
  padding: 5px 10px;
  border-top: 1px solid var(--carte-filet);
  color: #526269;
  text-align: right;
  font: 500 10px/1.4 Poppins, system-ui, sans-serif;
}
.atlas-explore-credit a:hover { text-decoration: underline; }
.atlas-explore-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.atlas-explore-panel {
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  inset: 0 0 0 auto;
  width: min(245px, 42%);
  overflow: auto;
  padding: 53px 20px 22px;
  border-left: 1px solid #96947a;
  background: #fbf8ec;
  color: #193541;
  box-shadow: -8px 0 24px #21322a16;
}
.atlas-explore-panel[hidden], .atlas-explore-panel [hidden] { display: none !important; }
.atlas-explore .atlas-explore-panel h4 {
  margin: 8px 0 14px;
  color: inherit;
  font: inherit;
  font-family: var(--carte-serif, Georgia, serif);
  font-size: 25px;
  line-height: 1.12;
}
.atlas-explore .atlas-explore-panel p { margin: 0; color: inherit; font-size: 12px; line-height: 1.65; }
.atlas-explore .atlas-explore-panel [data-atlas-panel-kind] { color: #79531f; font-weight: 600; }
.atlas-explore .atlas-explore-panel a {
  display: inline-block;
  margin-top: 18px;
  color: #193541;
  font-size: 12px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.atlas-explore .atlas-explore-panel button {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 24px;
  cursor: pointer;
}
.atlas-explore-frame:has(.atlas-explore-panel:not([hidden])) .atlas-local-controls { right: calc(min(245px, 42%) + 12px); }

@media (max-width: 600px) {
  .atlas-lieu-cadre .atlas-local-head::after { flex-basis: 56px; }
  .atlas-lieu-hote .atlas-local-overview svg { width: 33px; height: 35px; }
  .atlas-explore-panel {
    position: relative; width: 100%; padding: 17px 52px 19px 16px;
    border: 0; border-top: 1px solid #96947a; box-shadow: none; scroll-margin-bottom: 16px;
  }
  .atlas-explore-frame:has(.atlas-explore-panel:not([hidden])) .atlas-local-controls { right: 12px; }
  /* Le moteur place le texte à x=16 ou x=-16. Sur petit écran, annuler ce
     décalage et centrer le nom complet sous le point plutôt que le couper. */
  .atlas-lieu-hote[data-atlas-lieu-position="lieu"] .atlas-local-label.is-gorge text {
    text-anchor: middle;
    transform: translate(-16px, 18px);
  }
  .atlas-lieu-hote[data-atlas-lieu-position="lieu"] .atlas-local-label.is-gorge text[text-anchor="end"] {
    transform: translate(16px, 18px);
  }
}