/*
Theme Name: JANUMS Nordic
Theme URI: https://janums.lv/
Author: Juris Janums
Description: Minimālistiska, skandināviska personīgā WordPress tēma janums.lv ar blogu un komentāriem.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: janums-nordic
*/

:root{
  --navy:#0B2948;
  --navy-2:#173D5C;
  --moss:#4E6653;
  --carmine:#9E1B34;
  --ink:#18212A;
  --muted:#66717B;
  --paper:#FBFAF7;
  --white:#FFFFFF;
  --line:#E7E6E0;
  --soft:#F2F3EE;
  --radius:16px;
  --max:1180px;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--moss)}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(251,250,247,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  min-height:82px;display:flex;align-items:center;gap:28px;
}
.brand{display:flex;align-items:center;gap:14px;margin-right:auto}
.brand-word{
  font-family:var(--serif);font-weight:600;letter-spacing:.24em;
  font-size:24px;color:var(--navy);line-height:1
}
.brand-sub{
  display:block;margin-top:7px;font-size:9px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--muted)
}
.site-nav ul{display:flex;gap:30px;list-style:none;padding:0;margin:0;align-items:center}
.site-nav a{font-size:15px;font-weight:600;color:var(--ink)}
.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--navy)}
.header-mark{
  width:28px;height:18px;border-radius:2px;overflow:hidden;display:grid;
  grid-template-rows:2fr 1fr 2fr;box-shadow:0 0 0 1px rgba(0,0,0,.05)
}
.header-mark span:nth-child(1),.header-mark span:nth-child(3){background:var(--carmine)}
.header-mark span:nth-child(2){background:#fff}
.menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--navy);padding:8px}

.hero{padding:34px 0 26px}
.hero-frame{
  min-height:430px;border-radius:var(--radius);overflow:hidden;position:relative;
  background:
    linear-gradient(90deg,rgba(11,41,72,.20),rgba(11,41,72,.02)),
    linear-gradient(135deg,#e9ece7,#f8f6f1);
}
.hero-frame.has-image{background-size:cover;background-position:center}
.hero-overlay{
  min-height:430px;display:flex;align-items:flex-end;
  padding:34px;
  background:linear-gradient(180deg,transparent 48%,rgba(6,27,45,.72) 100%)
}
.hero-note{
  max-width:620px;color:white;font-family:var(--serif);font-size:24px;line-height:1.35;
  margin:0;
}
.hero-note small{font-family:var(--sans);display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;opacity:.85}
.hero-empty{
  min-height:430px;display:grid;place-items:center;text-align:center;padding:40px
}
.hero-empty strong{font:600 clamp(36px,6vw,72px)/1 var(--serif);color:var(--navy)}
.hero-empty span{display:block;margin-top:18px;color:var(--muted);max-width:600px}

.section{padding:56px 0}
.section-tight{padding:30px 0 48px}
.section-head{
  display:flex;align-items:end;justify-content:space-between;gap:24px;
  margin-bottom:26px
}
.section-title{font:600 clamp(30px,4vw,46px)/1.1 var(--serif);color:var(--navy);margin:0}
.section-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--navy);padding-bottom:3px}

.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.path-card{
  border:1px solid var(--line);background:rgba(255,255,255,.52);
  border-radius:14px;padding:28px;min-height:185px;transition:.2s ease;
  display:flex;flex-direction:column
}
.path-card:hover{transform:translateY(-2px);border-color:#cfd2ca;box-shadow:0 10px 30px rgba(11,41,72,.06)}
.path-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);font-weight:800}
.path-card h3{font:600 28px/1.2 var(--serif);margin:10px 0;color:var(--navy)}
.path-card p{font-size:14px;color:var(--muted);margin:0 0 18px}
.path-arrow{margin-top:auto;font-size:20px}

.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.post-card{display:flex;flex-direction:column}
.post-thumb{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--soft);margin-bottom:17px}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.post-card:hover .post-thumb img{transform:scale(1.025)}
.post-meta{font-size:12px;color:var(--muted);margin-bottom:6px}
.post-title{font:600 25px/1.2 var(--serif);margin:0 0 9px}
.post-excerpt{font-size:14px;color:var(--muted);margin:0 0 14px}
.comment-count{font-size:13px;color:var(--navy)}

.about-strip{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:34px 0
}
.about-inner{display:grid;grid-template-columns:220px 1fr auto;gap:32px;align-items:center}
.about-inner h2{font:600 34px/1.1 var(--serif);color:var(--navy);margin:0}
.about-inner p{margin:0;color:var(--muted)}
.text-link{font-weight:700;white-space:nowrap}

.site-footer{padding:38px 0 24px}
.footer-top{
  display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;align-items:start
}
.footer-brand .brand-word{font-size:22px}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin:5px 0;font-size:14px}
.footer-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:8px}
.footer-bottom{
  margin-top:28px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)
}
.flag-inline{display:inline-grid;width:20px;height:13px;grid-template-rows:2fr 1fr 2fr;vertical-align:-2px;margin-left:8px}
.flag-inline i:nth-child(1),.flag-inline i:nth-child(3){background:var(--carmine)}
.flag-inline i:nth-child(2){background:white}

.content-wrap{width:min(calc(100% - 40px),820px);margin:0 auto;padding:54px 0}
.entry-header{text-align:left;margin-bottom:34px}
.entry-title{font:600 clamp(38px,6vw,64px)/1.05 var(--serif);color:var(--navy);margin:0 0 12px}
.entry-meta{font-size:13px;color:var(--muted)}
.entry-content h2,.entry-content h3{font-family:var(--serif);color:var(--navy);line-height:1.2}
.entry-content h2{font-size:34px;margin-top:44px}
.entry-content h3{font-size:27px;margin-top:34px}
.entry-content p{margin:0 0 1.35em}
.entry-content blockquote{
  margin:35px 0;padding:2px 0 2px 24px;border-left:3px solid var(--moss);
  font:500 25px/1.45 var(--serif);color:var(--navy)
}
.entry-content img{border-radius:12px}
.entry-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:13px;color:var(--muted)}

.comments-area{margin-top:55px;padding-top:35px;border-top:1px solid var(--line)}
.comments-title{font:600 32px/1.2 var(--serif);color:var(--navy)}
.comment-list{list-style:none;padding:0}
.comment-body{border-bottom:1px solid var(--line);padding:24px 0}
.comment-meta{font-size:13px;color:var(--muted)}
.comment-content p{margin-bottom:8px}
.comment-reply-link{font-size:13px;font-weight:700}
.comment-respond{margin-top:35px}
.comment-reply-title{font:600 30px/1.2 var(--serif);color:var(--navy)}
.comment-form label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea,
.search-form input[type=search]{
  width:100%;border:1px solid #d9dad5;border-radius:9px;background:#fff;padding:13px 14px;
  font:inherit;color:var(--ink)
}
.comment-form textarea{min-height:160px}
.form-submit input,.search-submit{
  border:0;background:var(--navy);color:white;border-radius:8px;padding:12px 20px;
  font-weight:700;cursor:pointer
}
.form-submit input:hover,.search-submit:hover{background:var(--navy-2)}
.comment-notes,.logged-in-as{font-size:13px;color:var(--muted)}

.archive-head{padding:54px 0 20px}
.archive-title{font:600 clamp(38px,5vw,56px)/1.1 var(--serif);color:var(--navy);margin:0}
.archive-desc{color:var(--muted);max-width:720px}
.pagination{margin-top:40px}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.page-numbers{padding:7px 11px;border:1px solid var(--line);border-radius:6px}
.page-numbers.current{background:var(--navy);color:white;border-color:var(--navy)}

@media(max-width:900px){
  .menu-toggle{display:block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px}
  .site-nav.open{display:block}
  .site-nav ul{display:block}.site-nav li{margin:12px 0}
  .paths,.posts-grid{grid-template-columns:1fr}
  .about-inner{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .hero-frame,.hero-overlay,.hero-empty{min-height:360px}
}
@media(max-width:600px){
  body{font-size:16px}
  .container{width:min(calc(100% - 28px),var(--max))}
  .header-inner{min-height:70px}
  .site-nav{top:70px}
  .brand-word{font-size:20px}
  .brand-sub{display:none}
  .header-mark{margin-left:auto}
  .hero{padding-top:16px}
  .hero-frame,.hero-overlay,.hero-empty{min-height:310px}
  .hero-overlay{padding:22px}
  .hero-note{font-size:20px}
  .section{padding:42px 0}
  .section-head{align-items:center}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{display:block}
}