/* TREK-Anpassungsschicht: Startseite mit grosser Routen-Karte (siehe layout.js) */
html.zz-swap main.page > .page-main > .hero-trip { display: none !important; }
html.zz-swap aside.page-sidebar > div:has(iframe[src*="/plugin-frame/meine-routen-widget/"]) { display: none !important; }

.zz-map-hero {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .35);
  background: var(--bg-card, #eef1f4);
  isolation: isolate;
}
.zz-map-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

.zz-spot { padding: 0 !important; overflow: hidden; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.zz-spot:hover { transform: translateY(-2px); }
.zz-spot:focus-visible { outline: 2px solid var(--accent, #4363d8); outline-offset: 2px; }
.zz-spot-img {
  position: relative; height: 150px;
  background: linear-gradient(135deg, #f6a15b 0%, #d9546e 55%, #5b4a9e 100%) center / cover no-repeat;
}
.zz-spot-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 40%, rgba(0,0,0,.35) 100%); }
.zz-spot-badge {
  position: absolute; z-index: 1; top: 14px; left: 14px;
  padding: 5px 10px; border-radius: 999px;
  background: rgba(20, 20, 20, .55); color: #fff; backdrop-filter: blur(8px);
  font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.zz-spot-body { padding: 14px 18px 18px; display: flex; flex-direction: column; gap: 6px; }
.zz-spot-title { font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--text-primary, #111); }
.zz-spot-dates { font-size: 13px; color: var(--text-secondary, #555); }
.zz-spot-meta { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.zz-spot-chip {
  padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 600;
  background: color-mix(in srgb, var(--accent, #4363d8) 14%, transparent); color: var(--accent, #4363d8);
}
.zz-spot-sub { font-size: 12px; color: var(--text-muted, #777); }