/* Farmers page styles */

.farmers-hero {
  background: linear-gradient(180deg, color-mix(in oklab, var(--color-soft-yellow), white 72%) 0%, var(--color-cream) 100%);
  padding-block: var(--space-12) var(--space-10);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
  align-items: center;
}
@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
}
.hero-copy p { max-width: 60ch; }
.hero-actions { display: flex; gap: var(--space-3); margin-block: var(--space-5) var(--space-4); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

.hero-search { display: grid; gap: var(--space-2); margin-top: var(--space-3); }
.hero-search input[type="search"] { background: var(--color-surface); box-shadow: var(--shadow-sm); }
.search-help { color: var(--gray-600); font-size: var(--fs-200); }
.search-count { font-weight: 600; color: var(--color-primary); }
.search-tags { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.tag { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: var(--radius-round); background: var(--gray-100); color: var(--gray-800); border: 1px solid var(--gray-200); cursor: pointer; font-weight: 600; font-size: var(--fs-200); text-decoration: none; }
.tag:hover { background: color-mix(in oklab, var(--gray-100), white 10%); }
.tag-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: var(--space-2); }

.connection, .trends, .crop-care, .equipment, .success-stories, .sustainable, .market-updates, .forum { padding-block: var(--space-12); }

.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); }
.card-media img { border-radius: var(--radius-md); }

.check-list { list-style: none; padding: 0; display: grid; gap: var(--space-2); }
.check-list li { position: relative; padding-left: 28px; }
.check-list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 14px; height: 14px; border-radius: 4px; background: var(--color-primary); box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-primary), white 65%) inset; }

.crop-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-6); align-items: center; }
@media (max-width: 900px) { .crop-grid { grid-template-columns: 1fr; } }
.tip-list { display: grid; gap: var(--space-2); }
.tip-list li { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }

.table-wrap { overflow-x: auto; }
.thread-list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-3); }
.thread-item { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.thread-item a { font-weight: 700; color: var(--color-text); text-decoration: none; }
.thread-item a:hover { text-decoration: underline; color: var(--color-primary); }
.thread-meta { display: block; color: var(--gray-600); font-size: var(--fs-200); margin-top: 4px; }

.forum-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-6); align-items: start; }
@media (max-width: 1000px) { .forum-layout { grid-template-columns: 1fr; } }
.start-thread .form-row { display: grid; gap: 6px; margin-bottom: var(--space-3); }
.start-thread .form-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Search filtering visibility */
.js-search-item[hidden] { display: none !important; }

/* Minor visual tweaks */
.market-updates .card { overflow: hidden; }
.market-updates thead th { position: sticky; top: 0; }