/* ============================================
   010 Platform — Homepage-specific styles
   Loaded conditionally on front-page only
   ============================================ */

/* Hero with decorative circles (matching mockup) */
.hero--home {
  padding: var(--gap-xl) 0 28px;
  position: relative;
  overflow: hidden;
}
.hero--home::before,
.hero--home::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.04);
  pointer-events: none;
}
.hero--home::before {
  width: 400px;
  height: 400px;
  top: -180px;
  right: -100px;
}
.hero--home::after {
  width: 260px;
  height: 260px;
  bottom: -120px;
  left: -80px;
}
.hero__domain {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  margin-bottom: 2px;
  letter-spacing: 0.5px;
}
.hero__tagline {
  font-family: var(--font-body);
  font-size: 14px;
  color: rgba(255,255,255,0.5);
  font-style: italic;
  margin-bottom: var(--gap-lg);
}

/* Filter tabs row */
.home-filters {
  border-bottom: 1px solid var(--border);
  margin-bottom: var(--gap-md);
}

/* Top stories section */
.top-stories { margin-bottom: var(--gap-lg); }

/* Sponsored "Uit de buurt" section */
.sponsored--home {
  margin: var(--gap-lg) 0;
}

/* More news compact list */
.more-news { margin-bottom: var(--gap-lg); }
.more-news .news-list__item:last-child { border-bottom: none; }

/* Nostalgia card on homepage */
.nostalgia-card--home {
  margin: var(--gap-lg) 0 0;
}
.nostalgia-card__label {
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}

/* Vacatures compact section on homepage */
.home-vacatures {
  margin: var(--gap-lg) 0;
}
.home-vacatures__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
}
.home-vacatures__item:last-child { border-bottom: none; }
.home-vacatures__title { font-weight: 500; flex: 1; }
.home-vacatures__company {
  font-size: 11px;
  color: var(--muted);
  white-space: nowrap;
  margin-left: 8px;
}

/* Sidebar event widget tweaks for homepage */
.sidebar--home .sidebar-widget { margin-bottom: var(--gap-md); }

/* Sidebar wijken dark grid (homepage variant) */
.wijken-grid--home {
  background: var(--dark);
  border-radius: var(--radius-lg);
  padding: var(--gap-md);
}
.wijken-grid--home .widget__title { color: #fff; }
.wijken-grid--home .wijken-grid__item {
  background: rgba(255,255,255,0.06);
  color: #fff;
}
.wijken-grid--home .wijken-grid__item:hover {
  background: var(--accent);
  color: #fff;
}

/* Sidebar flights widget */
.flights-widget__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  font-size: 11px;
  border-bottom: 1px solid var(--border);
}
.flights-widget__item:last-child { border-bottom: none; }
.flights-widget__time { font-weight: 600; min-width: 40px; }
.flights-widget__dest { flex: 1; margin-left: 8px; }
.flights-widget__status { font-size: 10px; white-space: nowrap; }
.flights-widget__status--ok { color: var(--accent); }
.flights-widget__status--delayed { color: var(--orange); }
.flights-widget__status--cancelled { color: var(--red); }

/* Home page responsive tweaks */
@media (max-width: 639px) {
  .hero--home { padding: var(--gap-lg) 0 20px; }
  .hero__brand { font-size: 26px; }
  .hero__tagline { font-size: 12px; }
  .wijken-grid--home { padding: var(--gap-sm); }
}