/* ==========================================================================
   Woode Como Chegar — seção de localização dos eventos.
   Carregado apenas em views/events/show.php. Identidade Woode (--brand-*, etc).
   ========================================================================== */

.chegar-map-wrap { margin: 10px 0 12px; }
.chegar-map {
    height: 280px; border-radius: 12px; overflow: hidden;
    border: 1px solid var(--line); background: var(--bg-subtle);
    position: relative;
}
.chegar-map .chegar-map-fallback {
    display: flex; align-items: center; justify-content: center;
    height: 100%; padding: 16px; text-align: center;
}
.chegar-map iframe, .chegar-map .leaflet-container { width: 100%; height: 100%; display: block; }
@media (max-width: 640px) { .chegar-map { height: 220px; } }

.chegar-nav {
    display: flex; gap: 7px; flex-wrap: wrap; align-items: center; margin: 10px 0 12px;
}
.chegar-nav .btn { min-height: 40px; }
.chegar-copied { color: var(--brand-600); font-weight: 700; }

.chegar-transport {
    display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
    padding: 10px 0; border-top: 1px dashed var(--line); margin-top: 8px;
}
.chegar-chip {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 12px; border-radius: 999px; font-size: 0.82rem; font-weight: 600;
    color: var(--brand-700, #1a7a4a); background: var(--brand-50, #e9f7ef);
    border: 1px solid var(--brand-100, #c8ecd7); text-decoration: none;
    transition: background 0.15s ease, transform 0.15s ease;
}
.chegar-chip:hover { background: var(--brand-100, #c8ecd7); transform: translateY(-1px); }
.chegar-distance { margin: 8px 0; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.chegar-info {
    margin-top: 10px; padding: 10px 12px;
    background: var(--bg-subtle); border: 1px solid var(--line); border-radius: 10px;
    display: grid; gap: 6px;
}
.chegar-info p { margin: 0; }
.chegar-carona { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

@media (max-width: 640px) {
    .chegar-nav .btn { flex: 1 1 46%; text-align: center; justify-content: center; }
}