/* Search page styles - minimal, leveraging base.css */

.search-hero {
  padding: var(--space-12) 0 var(--space-8) 0;
}
.hero-grid {
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--space-8);
}
.hero-copy p { color: var(--color-text-secondary); }
.hero-media { align-self: center; }
.hero-image { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

.search-form { margin-top: var(--space-4); }
.search-bar { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }

.advanced-filters {
  margin-top: var(--space-4);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.filters-summary { cursor: pointer; padding: var(--space-4) var(--space-5); }
.advanced-filters[open] .filters-summary { border-bottom: 1px solid var(--color-gray-200); }
.filters-grid { display: grid; gap: var(--space-5); padding: var(--space-5); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px){ .filters-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .filters-grid { grid-template-columns: 1fr; } }
.date-range { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.type-checkboxes { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-2); }
.filters-actions { display: flex; gap: var(--space-3); padding: 0 var(--space-5) var(--space-5); }
.filters-note { padding: 0 var(--space-5) var(--space-5); color: var(--color-text-secondary); }

.chips { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.chip { display: inline-flex; align-items: center; gap: var(--space-2); padding: 0.5rem 0.75rem; border: 1px solid var(--color-gray-300); border-radius: var(--radius-full); color: var(--color-primary-dark); background: var(--color-bg-primary); transition: background var(--transition-fast), transform var(--transition-fast); }
.chip:hover { background: var(--color-gray-100); transform: translateY(-1px); }
.chip .chip-badge { font-size: var(--font-size-xs); padding: 0.125rem 0.5rem; border-radius: var(--radius-full); background: var(--color-secondary); color: var(--color-primary-dark); }

.results-head { margin-bottom: var(--space-4); }
.results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
@media (max-width: 1024px){ .results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px){ .results-grid { grid-template-columns: 1fr; } }

.result-card .card-header { display: flex; align-items: center; justify-content: space-between; }
.result-meta { display: flex; gap: var(--space-3); align-items: center; }
.result-excerpt { color: var(--color-text-secondary); }
.result-footer { display: flex; justify-content: space-between; align-items: center; }

.save-row { margin-bottom: var(--space-5); }
.save-controls { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
.saved-list { display: grid; gap: var(--space-3); }
.saved-item { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); background: var(--color-bg-primary); }
.saved-actions { display: flex; gap: var(--space-2); }

.history-list { display: grid; gap: var(--space-3); }
.history-item { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--color-gray-200); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }

.trending-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
@media (max-width: 1024px){ .trending-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px){ .trending-grid { grid-template-columns: 1fr; } }
.trending-card { padding: var(--space-4); border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); background: var(--color-bg-primary); box-shadow: var(--shadow-sm); }
.trending-card h3 { margin-bottom: var(--space-2); font-size: var(--font-size-lg); }

.tips-list { display: grid; gap: var(--space-2); }
.list { padding-left: var(--space-4); }
.list li { list-style: disc; margin-left: var(--space-4); margin-bottom: var(--space-2); }

/* Utility tweaks */
.results-meta .badge { white-space: nowrap; }
.result-link { color: var(--color-primary); font-weight: var(--font-weight-semibold); }
.result-link:hover { color: var(--color-primary-light); }