/*
 * Snappat Design System — 2026-05-25
 * Tre principer: färgdisciplin, typografi-rhythm, content density.
 * Denna fil overridar Tailwind-defaults. Ta bort import i header.php för att revertera.
 */

/* ============================================
   1. FÄRGDISCIPLIN — 2+1 palett
   Primary (#1e62a9), CTA/Success (#047857), Danger (#c1303d).
   Allt annat = neutral grå. Inga emerald-gradienter, inga amber-badges.
   ============================================ */

/* Emerald → sngreen (en grön, inte två) */
.bg-emerald-50  { background-color: #f0fdf4 !important; }
.bg-emerald-100 { background-color: #dcfce7 !important; }
.bg-emerald-500 { background-color: #047857 !important; }
.bg-emerald-600 { background-color: #065f46 !important; }
.text-emerald-700 { color: #047857 !important; }
.border-emerald-200 { border-color: #d1d5db !important; }
.border-emerald-100 { border-color: #e5e7eb !important; }

/* Amber → neutral (ingen tredje signal-färg) */
.bg-amber-50  { background-color: #fafafa !important; }
.bg-amber-100 { background-color: #f5f5f5 !important; }
.bg-amber-500 { background-color: #6b7280 !important; }
.bg-amber-600 { background-color: #4b5563 !important; }
.text-amber-600 { color: #4b5563 !important; }
.text-amber-700 { color: #374151 !important; }

/* Gradienter → platt (renare, starkare) */
.bg-gradient-to-br { background-image: none !important; }
.from-emerald-50 { --tw-gradient-from: transparent !important; }
.to-teal-50 { --tw-gradient-to: transparent !important; }

/* Pris-box: platt grön istället för gradient */
.from-emerald-50.to-teal-50 {
  background: #f0fdf4 !important;
  background-image: none !important;
}

/* ============================================
   2. TYPOGRAFI-RHYTHM
   Rubriker: tight tracking, bold, dark.
   Brödtext: relaxed leading, normal weight.
   Metadata: wider tracking, smaller, lighter.
   ============================================ */

/* H1 — stram, tung */
h1, .text-3xl, .text-2xl {
  letter-spacing: -0.025em;
  line-height: 1.15;
}

/* H2/sektionsrubriker — lätt stram */
h2, .text-xl, .text-lg {
  letter-spacing: -0.015em;
  line-height: 1.25;
}

/* Brödtext — avslappnad */
p, .text-base, .text-sm {
  line-height: 1.6;
}

/* Metadata — vidare, lättare */
.text-xs {
  letter-spacing: 0.02em;
  line-height: 1.5;
}

/* ============================================
   3. CONTENT DENSITY
   Visa fler annonser per viewport.
   Minska gap/padding på sökresultat.
   ============================================ */

/* Sökresultat-kort: tätare */
.sn-card-compact {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Sidofält-filter: tätare sektioner */
.filter-section {
  margin-bottom: 10px !important;
}
.filter-section h3 {
  margin-bottom: 6px !important;
}

/* Torget-feed: tätare inlägg */
.tg-post {
  margin-bottom: 8px !important;
}

/* Grid-vy: tätare gap */
.grid.gap-4 {
  gap: 12px !important;
}
.grid.gap-3 {
  gap: 10px !important;
}

/* Footer: kompaktare */
footer {
  padding-top: 2rem !important;
  padding-bottom: 1.5rem !important;
}