/* ============================================================
 * ESSIKNETWORK — Widget Carte (Google Maps embed).
 * Variables : essik-design-tokens.css. Dark mode auto.
 * ============================================================ */
.essik-map { position: relative; overflow: hidden; border-radius: 1rem; }
.essik-map-frame { display: block; width: 100%; height: 26.25rem; border: 0; }
.essik-map.is-gray .essik-map-frame { filter: grayscale(1); transition: filter .3s var(--essik-ease); }
.essik-map.is-gray:hover .essik-map-frame { filter: grayscale(0); }
.essik-map-card {
  position: absolute; left: 1rem; bottom: 1rem; max-width: min(22rem, calc(100% - 2rem));
  background: var(--essik-bg); border: 1px solid var(--essik-border); border-radius: .9rem;
  padding: .9rem 1.1rem; box-shadow: var(--essik-shadow);
  display: flex; flex-direction: column; gap: .6rem;
}
.essik-map-addr { display: flex; gap: .5rem; align-items: flex-start; margin: 0; font-size: .82rem; font-weight: 600; color: var(--essik-text); line-height: 1.5; }
.essik-map-addr svg { flex: none; color: var(--essik-primary); margin-top: .15rem; }
.essik-map-route { font-size: .78rem; font-weight: 800; color: var(--essik-primary); text-decoration: none; }
.essik-map-route:hover { text-decoration: underline; }
@media (max-width: 640px) { .essik-map-card { left: .6rem; bottom: .6rem; } }