/*
Theme Name: Minimal JobBoard
Theme URI: https://example.com
Author: ChatGPT
Description: Stilren, enkel jobbsajt med neutrala färger (max 3), byggd för Simple Job Board Aggregator-pluginet.
Version: 1.0.0
Text Domain: minimal-jobboard
*/

:root{
  --bg:#ffffff;         /* 1) vit */
  --fg:#111111;         /* 2) nästan svart */
  --accent:#5f6c7b;     /* 3) neutral blågrå som accent */
  --muted:#f5f6f7;
  --border:#e7e9ec;
  --radius:14px;
}

html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:1.2rem}
.site-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:10}
.brand{font-weight:700;letter-spacing:.2px}
.nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.nav a{padding:.5rem .75rem;border-radius:.6rem}
.nav a.active,.nav a:focus{background:var(--muted)}
.hero{padding:2.2rem 0 1.2rem}
.hero h1{margin:0 0 .25rem 0;font-size:clamp(1.6rem,3vw,2.1rem)}
.hero p{margin:.1rem 0;color:#555}
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.grid{display:grid;gap:1rem}
@media(min-width:900px){.grid-2{grid-template-columns:2fr 1fr}}
.site-footer{margin-top:2rem;border-top:1px solid var(--border);padding:1.2rem 0;color:#666}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--fg);color:#fff;padding:.65rem 1rem;border-radius:.6rem;border:0;cursor:pointer}
.btn.secondary{background:var(--accent)}
.notice{padding:.75rem 1rem;border:1px solid var(--border);background:var(--muted);border-radius:.6rem}
/* Tweak plugin cards a bit */
.sjb-card{border-radius:var(--radius)}
.sjb-filter button{background:var(--fg)}