/*
Theme Name: JobKnows
Description: Job portal theme with a Jobs post type, categories, search and email alerts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jobknows
*/
:root{--bg:#f5f8fb;--surface:#fff;--ink:#10243e;--muted:#55677d;--line:#d9e2ec;--accent:#0f9d8a;--accent-ink:#fff;--sun:#f2b134;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root{--bg:#0c1726;--surface:#14243a;--ink:#eaf1f8;--muted:#9db0c5;--line:#27405e;--accent:#2fc7b0;--accent-ink:#06231f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:8px}
.logo{font-weight:800;font-size:1.35rem;text-decoration:none;letter-spacing:-.02em}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:var(--muted);font-weight:600}
nav a:hover,nav a:focus-visible{color:var(--ink)}
.hero{padding:56px 0 40px}
h1{font-size:clamp(2.2rem,7vw,4.4rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0 0 18px;max-width:15ch}
.hero p{font-size:1.15rem;color:var(--muted);max-width:52ch;margin:0 0 28px}
.search{display:flex;gap:10px;flex-wrap:wrap;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:10px;max-width:720px}
.search input[type=search]{flex:1 1 200px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;padding:10px 12px;outline:none}
.btn,.search button,.sign button{display:inline-block;font:inherit;font-weight:800;background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:12px 24px;cursor:pointer;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}
.chip{font-weight:600;font-size:.92rem;border:1.5px solid var(--line);background:var(--surface);border-radius:99px;padding:6px 14px;text-decoration:none}
.chip:hover{background:var(--ink);color:var(--bg)}
section,.page{padding:36px 0}
h2{font-size:1.8rem;letter-spacing:-.02em;margin:0 0 6px}
.sub{color:var(--muted);margin:0 0 22px}
.jobs{display:grid;gap:12px}
.job{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:10px;padding:16px 18px}
.job h3{margin:0 0 2px;font-size:1.1rem}
.job h3 a{text-decoration:none}
.job .meta{color:var(--muted);font-size:.92rem}
.pay{font-weight:800;white-space:nowrap}
.empty{padding:24px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.tips h3{margin:0 0 6px;font-size:1.15rem}
.tips p{margin:0;color:var(--muted)}
.sign{background:var(--ink);color:var(--bg);border-radius:16px;padding:32px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.sign h2{margin:0}.sign p{margin:4px 0 0;opacity:.8}
.sign form{display:flex;gap:8px;flex-wrap:wrap}
.sign input[type=email]{font:inherit;padding:11px 14px;border-radius:9px;border:0;min-width:220px}
.sign button{background:var(--sun);color:#10243e}
.hp{position:absolute;left:-9999px}
.notice{margin-top:10px;font-weight:600}
.single h1{max-width:none;font-size:clamp(1.8rem,5vw,2.8rem)}
.single .meta{color:var(--muted);margin-bottom:18px}
.single .body{max-width:68ch}
.pagination{margin-top:24px;display:flex;gap:10px}
footer{padding:32px 0 40px;color:var(--muted);font-size:.92rem}
@media (max-width:560px){.job{flex-direction:column;align-items:flex-start}}