/*
Theme Name: Renungan Katolik
Description: Tema teks saja untuk renungan harian. Beranda berisi daftar tanggal dan judul, 10 per halaman, dengan kalender pilih tanggal, tanpa gambar. Warna aksen mengikuti masa liturgi.
Version: 1.3.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: renungan
License: GPLv2 or later
*/
:root{color-scheme:light dark;--ink:#201C26;--mut:#6A6473;--paper:#FBFAFC;--line:#E3DFE9;--lit:#2F6B4F;--on-lit:#fff;
--serif:"Literata",Georgia,"Times New Roman",serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root{--ink:#ECE8F2;--mut:#A9A2B5;--paper:#16131B;--line:#2E2938;--on-lit:#16131B}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 19px/1.7 var(--serif);-webkit-font-smoothing:antialiased;border-top:6px solid var(--lit)}
a{color:inherit}
:focus-visible{outline:3px solid var(--lit);outline-offset:3px}
.wrap{width:min(100% - 40px,820px);margin-inline:auto}
.sr,.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;left:12px;top:12px;z-index:99;background:var(--ink);color:var(--paper);padding:10px 16px;font:600 16px var(--sans)}

/* header */
.hd{border-bottom:1px solid var(--line)}
.hd__in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:22px 0 18px}
.hd__b{margin-right:auto}
.brand{font:700 26px/1.15 var(--serif);letter-spacing:-.01em;text-decoration:none}
.season{margin:4px 0 0;display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--mut)}
.season__sw{display:inline-block;width:10px;height:10px;background:var(--lit)}
.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px;font:500 16px var(--sans)}
.menu a{display:inline-block;padding:6px 0;text-decoration:none}
.menu a:hover,.menu .current-menu-item>a,.menu .current_page_item>a{color:var(--lit);text-decoration:underline;text-underline-offset:5px}
.sf{display:flex}
.sf input{width:min(46vw,200px);padding:9px 12px;border:1px solid var(--line);border-right:0;border-radius:0;background:transparent;color:var(--ink);font:400 16px var(--sans)}
.sf button{padding:0 16px;border:0;background:var(--lit);color:var(--on-lit);font:600 15px var(--sans);cursor:pointer}

/* pilihan tanggal / bulan / tahun */
.flt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 28px;padding:16px 0;border-block:1px solid var(--line)}
.flt__f{display:flex;flex-direction:column;gap:4px}
.flt__f label{font:500 13px/1.2 var(--sans);color:var(--mut)}
.flt input[type=date]{min-width:190px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:400 16px var(--sans)}
.flt button{height:44px;padding:0 20px;border:0;background:var(--lit);color:var(--on-lit);font:600 15px var(--sans);cursor:pointer}
.flt__r{align-self:center;font:500 15px var(--sans);color:var(--lit);text-underline-offset:4px}

/* daftar renungan */
main{padding:44px 0 72px}
.pt{margin:0 0 22px;font:700 clamp(28px,5vw,38px)/1.15 var(--serif);letter-spacing:-.01em}
.rows{--dw:10.5em;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rows--n{--dw:6.8em}
.row{display:grid;grid-template-columns:var(--dw) 1fr;gap:0 20px;align-items:baseline;padding:3px 0;border-bottom:1px solid var(--line);font:500 18px/1.3 var(--serif)}
.row__d{color:var(--mut);font-variant-numeric:tabular-nums}
.row__t{text-decoration:none}
.row__t:hover{color:var(--lit);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* pagination */
.pagination{margin-top:36px}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:600 16px var(--sans)}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--line);text-decoration:none}
a.page-numbers:hover{border-color:var(--lit);color:var(--lit)}
.page-numbers.current{background:var(--lit);border-color:var(--lit);color:var(--on-lit)}
.page-numbers.dots{min-width:0;padding:0 2px;border:0;color:var(--mut)}

/* baca renungan */
.entry__h{margin-bottom:28px}
.entry__d{margin:0 0 10px;font:500 15px var(--sans);color:var(--mut)}
.entry h1{margin:0;font:700 clamp(30px,6vw,44px)/1.15 var(--serif);letter-spacing:-.015em}
.entry__c{max-width:36em;font-size:20px;line-height:1.8}
.entry__c p{margin:0 0 1.2em}
.entry__c h2,.entry__c h3{margin:1.8em 0 .6em;font:700 1.35em/1.3 var(--serif)}
.entry__c a{color:var(--lit);text-underline-offset:3px}
.entry__c blockquote{margin:1.4em 0;padding:2px 0 2px 20px;border-left:4px solid var(--lit);font-style:italic}
.entry__c ul,.entry__c ol{padding-left:1.3em}
/* renungan tanpa gambar: hapus baris ini jika suatu saat ingin menampilkan gambar di isi tulisan */
.entry__c img,.entry__c figure,.entry__c .wp-caption{display:none}
.post-navigation{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;font:inherit}
.post-navigation .nav-previous{grid-column:1}
.post-navigation .nav-next{grid-column:2;text-align:right}
.post-navigation a{display:block;text-decoration:none}
.pn__l{display:block;font:500 14px var(--sans);color:var(--mut)}
.pn__t{display:block;font:500 18px/1.4 var(--serif)}
.post-navigation a:hover .pn__t{color:var(--lit)}
.back{margin:32px 0 0;font:500 16px var(--sans)}
.back a{color:var(--lit);text-underline-offset:4px}

/* footer */
.ft{padding:26px 0 40px;border-top:1px solid var(--line);color:var(--mut);font:400 15px var(--sans)}

@media(max-width:560px){
 body{font-size:18px}
 .flt__f{flex:1 1 auto}.flt input[type=date]{width:100%;min-width:0}
 .sf{width:100%}.sf input{flex:1;width:auto}
 main{padding-top:32px}
}
@media(max-width:440px){
 .row{font-size:16px;column-gap:12px}
 .post-navigation .nav-links{grid-template-columns:1fr}
 .post-navigation .nav-previous,.post-navigation .nav-next{grid-column:1;text-align:left}
}