/* ==========================================================================
   /agenda/{slug} — a página de um evento

   Carregada só aqui. O grosso da página são primitivos que já existem: .card,
   .pn-block, .pn-facts, .notice, .two-col, .tag. Isto é o pouco que falta.
   ========================================================================== */

/*
 * A marca de endereço residencial aparece embaixo do endereço, nunca ao lado.
 *
 * Ao lado, numa linha de <dd>, ela compete com o endereço pela mesma leitura e
 * some entre a rua e o postcode. Embaixo, ela é a última coisa que a pessoa lê
 * antes de decidir como chegar — que é exatamente quando a informação importa.
 */
.pn-facts .tag-home{margin-top:6px}

/* A linha do link do evento não é um parágrafo de texto: é um botão solto. */
.pn-block > .pn-hint > .btn{margin-top:4px}

/* ------------------------------------------------- o mini mapa (fatia 4) */

/*
 * ALTURA FIXA, e ela não é estética: é o que impede a página de pular.
 *
 * Os tiles chegam depois, um a um. Uma caixa que cresce conforme eles chegam
 * empurra tudo o que está abaixo — o link do evento, a descrição — no meio da
 * leitura de alguém. Altura declarada desde o começo, o mapa preenche dentro.
 */
.ev-map{height:220px;margin-top:14px;border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;background:var(--bg-2)}

/*
 * A caixa nasce `hidden` no PHP e o JavaScript a revela. Sem esta regra o
 * Leaflet, que escreve `position` e `display` nos próprios elementos, poderia
 * vencer o atributo e deixar um retângulo cinza numa página sem script.
 */
.ev-map[hidden]{display:none}

/*
 * O pino, desenhado aqui e não em SVG dentro de JavaScript.
 *
 * É a gota clássica: um círculo com a ponta para baixo, feita girando um
 * quadrado com um canto reto. Verde do tema, contorno branco para sobreviver
 * sobre telhado escuro e sobre praça clara. Amarelo aqui seria a adjacência
 * proibida: mancha amarela grudada no verde do mapa.
 */

.ev-map-credit{margin:6px 0 0;font-size:12px;color:var(--muted)}
.ev-map-credit a{color:inherit}

@media (max-width:560px){
  .ev-map{height:180px}
}

/* "Pôr na minha agenda" (CalendarFeed, 2026-10-01): two buttons side by side on a phone. */
.cal-add{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);display:grid;gap:10px}
.cal-add-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--ink)}
.cal-add-label svg{width:16px;height:16px;color:var(--petrol);flex:none}
.cal-add-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cal-add-btns .btn{min-height:44px}
@media (min-width:561px){ .cal-add-btns{display:flex;flex-wrap:wrap} }