/* Flohmarkt vertical — accent overrides on shared stadt/region layout */

:root {
  --flohmarkt-accent: #b45309;
  --flohmarkt-accent-soft: #fff7ed;
  --flohmarkt-accent-dark: #92400e;
}

.flohmarkt-page .city-hero-badge,
.flohmarkt-page .cities-eyebrow-icon,
.flohmarkt-page .section-link {
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-page .city-title-em {
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-page .city-hero-stat-value {
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-page .market-card-badge {
  background: var(--flohmarkt-accent);
}

.flohmarkt-page .filter-btn.active,
.flohmarkt-page .city-district-pill:hover {
  border-color: var(--flohmarkt-accent);
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-page .featured-city-card:focus-visible {
  outline: 2px solid var(--flohmarkt-accent);
  outline-offset: 2px;
}

.flohmarkt-page .section-title em {
  color: var(--flohmarkt-accent-dark);
  font-style: italic;
}

.flohmarkt-featured-footer {
  margin-top: 24px;
  text-align: center;
}

.flohmarkt-crosslink {
  margin-top: 24px;
  padding: 16px 20px;
  background: var(--flohmarkt-accent-soft);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid #fed7aa;
}

.flohmarkt-crosslink a {
  color: var(--flohmarkt-accent-dark);
  font-weight: 600;
}

.flohmarkt-markets-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.flohmarkt-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.flohmarkt-filter-bar .filter-btn {
  padding: 8px 14px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  font-size: 0.875rem;
}

.flohmarkt-markets-grid .market-card[hidden] {
  display: none;
}

/* National hero — mirrors homepage .hero layout (content + stats) */
@media (min-width: 1024px) {
  /* Startseite: hero-stats ~104px unter Grid-Start — nicht vom linken Inhalt mitziehen */
  .flohmarkt-hero .hero-grid {
    align-items: start;
  }

  .flohmarkt-hero .hero-stats {
    margin-top: 6.5rem;
  }
}

.flohmarkt-hero .flohmarkt-hero-glow {
  background: rgba(251, 191, 36, 0.14);
}

.flohmarkt-hero .flohmarkt-hero-badge {
  background: var(--flohmarkt-accent-soft);
  border: 1px solid #fed7aa;
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-hero .hero-title-em {
  color: var(--flohmarkt-accent-dark);
}

.flohmarkt-hero .flohmarkt-hero-cta-btn {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: var(--flohmarkt-accent);
}

.flohmarkt-hero .flohmarkt-hero-cta-btn:hover {
  background: var(--flohmarkt-accent-dark);
}

.flohmarkt-hero .flohmarkt-popular-searches a {
  color: var(--flohmarkt-accent-dark);
  background: var(--flohmarkt-accent-soft);
  border-color: #fed7aa;
}

.flohmarkt-hero .flohmarkt-popular-searches a:hover {
  background: #ffedd5;
}