/*
Theme Name: JejakJalan Editorial
Theme URI: https://jejakjalan.web.id
Author: JejakJalan
Description: Tema editorial wisata dan hidden gem Indonesia: ringan, responsif, foto destinasi, kategori, detail kunjungan, dan cocok dengan Rank Math SEO.
Version: 1.1.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: jejakjalan
License: GPL-2.0-or-later
*/
:root{--jj-green:#145c50;--jj-dark:#123d37;--jj-leaf:#dbeae1;--jj-cream:#fbfaf5;--jj-text:#243630;--jj-muted:#66736c;--jj-accent:#de9b72;--jj-white:#fff;--jj-line:#e3e9e2;--jj-shadow:0 18px 50px rgba(27,57,47,.10);--jj-rad:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--jj-cream);color:var(--jj-text);font:16px/1.75 system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--jj-green)}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em}h1,h2{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(2.5rem,5vw,5.45rem)}h2{font-size:clamp(1.9rem,3vw,2.8rem)}h3{font-size:1.32rem}p{line-height:1.75}.container{max-width:1200px;margin:auto;padding-inline:30px}.site-content{min-height:50vh}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:9px;z-index:100}.skip-link:focus{top:10px}.site-header{background:rgba(251,250,245,.96);border-bottom:1px solid var(--jj-line);position:sticky;top:0;z-index:40;backdrop-filter:blur(15px)}.nav-layout{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:800;font-size:1.52rem;letter-spacing:-.06em}.brand img{width:42px;height:42px;border-radius:11px}.brand small{display:block;font:500 .65rem/1.3 system-ui,sans-serif;letter-spacing:.02em;color:var(--jj-muted)}.nav-wrap{display:flex;align-items:center;gap:23px}.primary-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center}.primary-menu a{font-size:.88rem;font-weight:700}.primary-menu .current-menu-item>a{color:var(--jj-green)}.header-search{background:var(--jj-green);color:white;padding:11px 17px;border-radius:50px;white-space:nowrap;font-size:.82rem;font-weight:800}.header-search:hover{background:var(--jj-dark);color:#fff}.menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--jj-line);border-radius:10px;background:white;padding:9px 12px;color:var(--jj-dark)}
.hero{padding:42px 0 38px}.hero-panel{position:relative;overflow:hidden;min-height:508px;border-radius:28px;background:#164a43;display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{position:relative;z-index:2;padding:66px 20px 60px 61px;color:white}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.71rem;letter-spacing:.14em;font-weight:800;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--jj-accent)}.hero .eyebrow{color:#cfe2d8}.hero h1{font-size:clamp(2.7rem,4.2vw,4.8rem);max-width:680px;margin:21px 0}.hero h1 em{font-style:normal;color:#e6b58e}.hero p{max-width:530px;color:#e1efe6;font-size:1.02rem}.hero-illustration{background-image:linear-gradient(90deg,#164a43 0%,rgba(22,74,67,.10) 30%),var(--jj-hero-photo, url('assets/img/jejakjalan-hero.svg'));background-position:center;background-size:cover}.hero-search{margin-top:26px;padding:7px 7px 7px 20px;display:flex;align-items:center;gap:8px;max-width:445px;background:white;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.hero-search input{flex:1;min-width:0;padding:9px 0;border:0;outline:0;color:var(--jj-text)}.hero-search button{border:0;background:var(--jj-accent);border-radius:9px;padding:12px 18px;font-weight:800;color:var(--jj-dark)}.hero-search button:hover{background:#efb992}.hero-foot{margin-top:17px;color:#d4e4db;font-size:.78rem}.hero-stamp{position:absolute;bottom:22px;right:22px;z-index:1;background:#fffdf6;border-radius:15px;transform:rotate(-3deg);padding:15px 20px;box-shadow:var(--jj-shadow);color:var(--jj-dark);font-weight:700;font-size:.78rem}.hero-stamp strong{font:700 1.45rem Georgia,serif;display:block}.section{padding:34px 0 49px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-heading h2{margin:7px 0 0}.section-heading p{color:var(--jj-muted);max-width:575px;margin:8px 0 0}.small-link{color:var(--jj-green);font-size:.85rem;font-weight:800;white-space:nowrap}.section-label{color:var(--jj-green);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-tile{min-height:252px;position:relative;display:flex;align-items:end;overflow:hidden;border-radius:18px;background:#436c5f}.category-tile:before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 5%,rgba(6,37,31,.8) 100%);z-index:1}.category-tile img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .4s}.category-tile:hover img{transform:scale(1.07)}.tile-caption{z-index:2;color:white;padding:24px;width:100%}.tile-caption span{display:block;font-size:.72rem;letter-spacing:.08em;opacity:.84;margin-bottom:4px}.tile-caption strong{font:700 1.75rem Georgia,serif;line-height:1.15}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card{background:#fff;border:1px solid var(--jj-line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-3px);box-shadow:var(--jj-shadow)}.story-image{display:block;aspect-ratio:1.48;overflow:hidden;background:var(--jj-leaf)}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.story-card:hover .story-image img{transform:scale(1.04)}.story-content{padding:21px}.story-meta{display:flex;gap:12px;align-items:center;color:var(--jj-muted);font-size:.74rem}.story-meta .chip{background:#e7f1ea;color:var(--jj-green);padding:4px 9px;border-radius:50px;font-weight:800}.story-card h3{margin:14px 0 9px;font-size:1.25rem}.story-content p{font-size:.89rem;color:var(--jj-muted);margin-bottom:0}.empty-state{border:1px dashed #9ab6a6;background:#eff5ed;border-radius:18px;padding:32px;color:var(--jj-dark)}.value-panel{padding:39px;border-radius:22px;background:#e7f0e7;display:flex;align-items:center;justify-content:space-between;gap:30px}.value-panel h2{margin:8px 0 0;font-size:clamp(1.8rem,3vw,2.6rem);max-width:650px}.value-panel p{margin:9px 0 0;color:var(--jj-muted)}.pill-link{display:inline-block;background:var(--jj-green);color:white;font-weight:800;border-radius:50px;padding:13px 21px;white-space:nowrap}.pill-link:hover{background:var(--jj-dark);color:white}.archive-heading{padding:62px 0 36px}.archive-heading h1{font-size:clamp(2.3rem,4vw,4rem);margin:8px 0}.archive-heading p{color:var(--jj-muted);max-width:650px}.pagination{display:flex;justify-content:center;gap:10px;padding:33px 0}.pagination .page-numbers{border:1px solid var(--jj-line);background:white;padding:6px 13px;border-radius:7px}.pagination .current{background:var(--jj-green);color:white}.article-hero{padding:52px 0 26px;max-width:870px}.article-hero h1{font-size:clamp(2.3rem,4.6vw,4.5rem);margin:15px 0}.article-subtitle{font-size:1.14rem;color:var(--jj-muted);max-width:800px}.single-featured{max-width:1050px;margin:0 auto}.single-featured img{border-radius:20px;width:100%;max-height:590px;object-fit:cover}.single-layout{max-width:1050px;margin:36px auto 75px;display:grid;grid-template-columns:minmax(0,1fr) 298px;align-items:start;gap:47px}.prose{min-width:0;font-size:1.04rem}.prose a{text-decoration:underline;text-decoration-color:var(--jj-accent);text-underline-offset:3px}.prose h2{margin:35px 0 14px;font-size:2rem}.prose h3{margin:27px 0 12px}.prose img{border-radius:12px}.prose blockquote{border-left:4px solid var(--jj-accent);margin:28px 0;padding:9px 20px;background:#eef3eb}.prose table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.prose th,.prose td{border:1px solid var(--jj-line);padding:9px}.info-card{position:sticky;top:107px;border:1px solid var(--jj-line);border-radius:18px;background:white;padding:22px}.info-card h2{font:700 1.45rem Georgia,serif;margin:0 0 12px}.info-row{border-top:1px solid var(--jj-line);padding:11px 0}.info-row small{display:block;color:var(--jj-muted);font-size:.75rem}.info-row strong{display:block;font-size:.9rem;font-weight:700;overflow-wrap:anywhere}.info-row a{color:var(--jj-green);text-decoration:underline}.info-note{font-size:.75rem;color:var(--jj-muted);margin-bottom:0}.article-footer{border-top:1px solid var(--jj-line);padding-top:19px;margin-top:34px;color:var(--jj-muted);font-size:.84rem}.related-section{margin-bottom:70px}.site-footer{background:var(--jj-dark);color:#e9f1ec;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid h3{font:700 1.2rem Georgia,serif}.footer-grid p,.footer-grid li{color:#d0e1d7;font-size:.86rem}.footer-grid ul{padding:0;list-style:none;margin:0}.footer-grid li{margin-bottom:8px}.footer-grid a:hover{color:#ffe2b9}.footer-bottom{border-top:1px solid #466963;padding-top:19px;margin-top:35px;font-size:.76rem;color:#c4d6cd;display:flex;justify-content:space-between;gap:20px}.wp-block-image figcaption{font-size:.8rem;color:var(--jj-muted)}.screen-reader-text{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.search-main{display:flex;gap:10px;max-width:570px;margin:18px 0}.search-main input{padding:12px 15px;border:1px solid var(--jj-line);border-radius:10px;flex:1;min-width:0}.search-main button{background:var(--jj-green);color:#fff;border:0;border-radius:10px;padding:10px 19px}.page-shell{max-width:840px;padding-top:56px;padding-bottom:90px}.page-shell h1{font-size:clamp(2.2rem,4vw,3.8rem)}
@media(max-width:1000px){.primary-menu{gap:12px}.primary-menu a{font-size:.8rem}.hero-copy{padding:54px 15px 52px 42px}.hero-panel{min-height:450px}.hero-stamp{display:none}.story-content{padding:16px}.category-tile{min-height:205px}.single-layout{gap:24px;grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:760px){.container{padding-inline:19px}.nav-layout{min-height:72px}.brand{font-size:1.32rem}.brand img{width:36px;height:36px}.menu-toggle{display:flex}.nav-wrap{display:none;position:absolute;top:72px;left:0;right:0;background:var(--jj-cream);padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 17px 25px rgba(0,0,0,.1)}.nav-wrap.is-open{display:flex}.primary-menu{flex-direction:column;align-items:start;gap:14px}.header-search{align-self:start}.hero{padding-top:19px}.hero-panel{display:block;min-height:485px;background-image:linear-gradient(95deg,rgba(13,57,49,.96) 7%,rgba(13,57,49,.82) 62%,rgba(13,57,49,.4)),var(--jj-hero-photo, url('assets/img/jejakjalan-hero.svg'));background-size:cover;background-position:center}.hero-copy{padding:48px 28px}.hero h1{font-size:clamp(2.7rem,9vw,4rem)}.hero-illustration{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr);gap:14px}.story-card h3{font-size:1.1rem}.section-heading{align-items:start}.value-panel{display:block;padding:29px}.pill-link{margin-top:18px}.single-layout{display:flex;flex-direction:column}.info-card{position:static;width:100%;order:-1}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.article-hero{padding-top:35px}}
@media(max-width:510px){.category-grid,.article-grid{grid-template-columns:1fr}.category-tile{min-height:208px}.section{padding:25px 0}.hero h1{font-size:2.65rem}.hero-copy{padding:38px 23px}.hero-search{padding-left:11px}.hero-search button{padding:11px 13px}.section-heading{display:block}.section-heading .small-link{display:inline-block;margin-top:14px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}