/*
Theme Name: Život nema cijenu
Theme URI: https://example.com/
Author: Immense
Description: Minimalna crno-bijela WordPress tema za udrugu Život nema cijenu.
Version: 1.0.0
Text Domain: zivot-nema-cijenu
*/

:root{
  --bg:#fff;
  --text:#0a0a0a;
  --muted:#666;
  --line:#e7e7e7;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}

.site-header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:#fff}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.site-branding{font-weight:700;letter-spacing:-.02em}
.site-branding img{max-height:42px;width:auto}
.site-title{font-size:19px}
.main-nav{display:flex;gap:28px;font-size:15px}
.main-nav a{padding:8px 0;border-bottom:1px solid transparent}
.main-nav a:hover{border-color:#111}

.hero{min-height:68vh;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(54px,10vw,148px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:1000px;font-weight:700}

.section{padding:86px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}
.section-head h2,.archive-title{font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:0}
.section-link{font-size:14px;border-bottom:1px solid #111}

.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}
.post-card{border-top:1px solid #111;padding-top:18px}
.post-card .meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
.post-card h3{font-size:25px;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
.post-card p{margin:0;color:#444;font-size:15px}
.post-card:hover h3{text-decoration:underline;text-underline-offset:4px}

.archive-wrap{padding:80px 0 100px}
.archive-title{margin-bottom:50px}

.single-wrap{width:min(calc(100% - 40px),820px);margin:0 auto;padding:80px 0 110px}
.single-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}
.single-title{font-size:clamp(42px,7vw,78px);line-height:1;letter-spacing:-.05em;margin:0 0 44px}
.single-content{font-size:18px}
.single-content p{margin:0 0 1.4em}
.single-content h2,.single-content h3{line-height:1.1;letter-spacing:-.03em;margin-top:2em}
.single-content a{text-decoration:underline;text-underline-offset:3px}
.single-content blockquote{margin:2em 0;padding-left:22px;border-left:2px solid #111;font-size:1.2em}
.single-content ul,.single-content ol{padding-left:22px}

.pagination{display:flex;gap:10px;margin-top:50px;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);padding:8px 12px}
.pagination .current{background:#111;color:#fff;border-color:#111}

.site-footer{border-top:1px solid var(--line);padding:28px 0;font-size:13px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;color:#444}

.empty{color:var(--muted)}

@media (max-width:800px){
  .site-header{height:72px}
  .main-nav{gap:18px}
  .hero{min-height:60vh}
  .posts-grid{grid-template-columns:1fr}
  .section{padding:64px 0}
  .section-head{align-items:flex-start;flex-direction:column}
  .footer-inner{flex-direction:column}
}