/* Home page enhancements for PLCivilization (avoid duplicating base.css) */
.hero {
  padding-top: var(--space-24);
  padding-bottom: var(--space-16);
  background: radial-gradient(80rem 40rem at 10% 10%, rgba(201,160,87,0.06), transparent 60%),
              radial-gradient(60rem 30rem at 90% 20%, rgba(139,111,71,0.05), transparent 60%);
}
.hero-copy p { max-width: 60ch; }
.hero-cta .btn { white-space: nowrap; }

/* Search */
.search { margin-top: var(--space-6); }
.search-box { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.suggestions {
  margin-top: var(--space-2);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  max-height: 260px;
  overflow-y: auto;
}
.suggestions[hidden], .suggestions:empty { display: none; }
.suggestions li { padding: var(--space-3) var(--space-4); cursor: pointer; }
.suggestions li[aria-selected="true"], .suggestions li:hover {
  background: var(--color-bg-elevated);
  color: var(--color-text-primary);
}

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal.is-visible { opacity: 1; transform: none; }

/* Newsletter status */
#newsletter-status { border-left-width: 4px; }
#newsletter-status.success { background: var(--color-success-light); border-color: var(--color-success); }
#newsletter-status.error { background: var(--color-danger-light); border-color: var(--color-danger); }

/* Minor spacing tweaks */
.hero-media .img-container { box-shadow: var(--shadow-lg), var(--shadow-glow); }

@media (max-width: 768px) {
  .hero { padding-top: var(--space-16); }
}