/* Farming page specific styles — minimal, complementary to base.css */

.breadcrumbs {
  margin-top: var(--space-4);
  color: var(--color-text-secondary);
}
.breadcrumb-link {
  color: var(--color-primary-dark);
}
.breadcrumb-link::after {
  content: "/";
  margin: 0 var(--space-2);
  color: var(--color-neutral-400);
}
.breadcrumb-current {
  color: var(--color-neutral-600);
}

.hero {
  background: linear-gradient(180deg, var(--color-bg-secondary), #fff);
}
.hero-media img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-neutral-200);
}

.section .steps {
  counter-reset: step;
  display: grid;
  gap: var(--space-4);
}
.section .steps li {
  background: #fff;
  border: 2px solid var(--color-neutral-200);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
}

.timeline {
  display: grid;
  gap: var(--space-4);
}
.timeline li {
  background: #fff;
  border: 2px solid var(--color-neutral-200);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}

.eyebrow {
  font-size: var(--font-size-xs);
  letter-spacing: 0.06em;
}

/* Season filter */
.toggle-group .btn[aria-pressed="true"] {
  /* Highlight active filter */
  box-shadow: var(--shadow-md);
}

/* Utility */
.hidden { display: none !important; }