/* Mapa záhrad – doplnky k štýlom Záhradného zápisníka. */
.mapy .topnav { align-items: center; }
.mapy .topnav a.mapy-cta-nav { background: var(--pencil); border: 2px solid var(--pencil); color: #fff; font-weight: 600; padding: 6px 14px; min-height: 0; margin-left: 6px; }
.mapy .topnav a.mapy-cta-nav:hover { background: var(--pencil-dark); border-color: var(--pencil-dark); text-decoration: none; }
.mapy-hero { margin: 8px 0 18px; max-width: 720px; }
.mapy-hero p { font-size: 1.05rem; }
.mapy-grid { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.mapy-card a { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; border: 1px solid var(--rule); border-radius: 10px; padding: 10px; height: 100%; transition: border-color .15s, box-shadow .15s; }
.mapy-card a:hover, .mapy-card a:focus-visible { border-color: var(--ink); box-shadow: 0 2px 10px rgba(36, 54, 154, .12); }
.mapy-card .pub-thumb { border-radius: 6px; margin-bottom: 6px; }
.mapy-card strong { font-size: 1.1rem; color: var(--ink); }
.mapy-cta { margin: 36px 0 12px; padding: 18px 20px; border: 2px solid var(--ink); border-radius: 12px; background: var(--paper-2); max-width: 760px; }
.mapy-cta h2 { margin-top: 0; }
.mapy-cta ul { padding-left: 20px; }
.mapy-cta li { margin: 4px 0; }
@media (max-width: 600px) { .mapy-cta { padding: 14px; } }