/*
Theme Name: Wild Trail Atlas
Theme URI: https://wildtrailatlas.com/
Author: Wild Trail Atlas
Description: A clean editorial nature-travel theme for guides, road trips, hikes, waterfalls and destinations.
Version: 1.0.0
Requires at least: 6.0
*/
:root{--ink:#17352d;--muted:#64756e;--cream:#f6f3eb;--paper:#fff;--line:#e4e6df;--accent:#c56b3f;--green:#315d4d;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}a{text-decoration:none;color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
.top{font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#17352d;color:#e9efe9;padding:9px 0;text-align:center}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.navin{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Georgia,serif;font-size:27px;font-weight:700;letter-spacing:-.03em}.brand span{color:var(--accent)}.links{display:flex;gap:22px;font:13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;align-items:center}.links a:hover{color:var(--accent)}.menu{display:none}
.hero{min-height:520px;display:grid;align-items:end;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.62)),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1800&q=85') center/cover}.hero .inner{padding:80px 24px 68px;color:#fff;max-width:850px}.eyebrow{font:12px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f1c2a8}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:1.03;margin:12px 0}.hero p{font-size:19px;max-width:650px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 19px;font:12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;border:0;cursor:pointer}
.section{padding:70px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2,.section h1{font-family:Georgia,serif}.section h2{font-size:38px;line-height:1.1;margin:0}.kicker{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.view{font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line)}.card img,.card .placeholder{width:100%;height:220px;object-fit:cover;display:block;background:#dfe4db}.cardbody{padding:22px}.tag{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.card h3{font-family:Georgia,serif;font-size:25px;line-height:1.18;margin:8px 0}.card p{color:var(--muted);margin:0 0 14px;font-size:15px}.date{font:11px Arial,sans-serif;color:#87918c;text-transform:uppercase;letter-spacing:.08em}
.feature{display:grid;grid-template-columns:1.25fr 1fr;background:#17352d;color:#fff}.feature img{width:100%;height:100%;min-height:420px;object-fit:cover}.featurebody{padding:56px}.featurebody h2{font-family:Georgia,serif;font-size:46px;line-height:1.05;margin:10px 0 18px}.featurebody p{color:#d8e2dc}.feature .btn{background:#d17b50}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{height:180px;display:flex;align-items:end;padding:20px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7)),var(--bg) center/cover}.cat strong{font-family:Georgia,serif;font-size:22px}
.newsletter{background:#e8e2d3;padding:60px 0}.newsin{display:flex;justify-content:space-between;gap:40px;align-items:center}.newsin h2{font-family:Georgia,serif;font-size:38px;margin:0 0 8px}.form{display:flex;max-width:470px;width:100%}.form input{flex:1;padding:15px;border:1px solid #c8cdc4;background:#fff;font:14px Arial}.form button{border:0;background:var(--green);color:#fff;padding:0 20px;font:12px Arial;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.article{max-width:820px;margin:auto;padding:70px 24px}.article .heroimg{width:100%;height:480px;object-fit:cover;margin:25px 0}.article h1{font-family:Georgia,serif;font-size:56px;line-height:1.05;margin:10px 0}.article .dek{font-size:20px;color:var(--muted)}.article h2{font-family:Georgia,serif;font-size:31px;margin-top:44px}.article p,.article li{font-size:17px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.fact{background:#fff;border:1px solid var(--line);padding:18px}.fact b{display:block;font:11px Arial;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about img{width:100%;height:440px;object-fit:cover}.about h1{font-family:Georgia,serif;font-size:55px;line-height:1.04}.footer{background:#17352d;color:#dbe5df;padding:50px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{font-family:Georgia,serif;color:#fff}.footer a{display:block;margin:8px 0;color:#c4d2ca;font:14px Arial}.pagination{display:flex;justify-content:center;gap:10px;margin-top:35px}.pagination a,.pagination span{border:1px solid var(--line);background:#fff;padding:10px 14px;font:12px Arial;text-transform:uppercase;letter-spacing:.08em}
/* WordPress utility styles */
.alignwide{max-width:1180px;margin-left:auto;margin-right:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wp-block-image img{height:auto}.post-content a{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.post-content blockquote{border-left:3px solid var(--accent);padding-left:20px;margin-left:0;color:var(--muted);font-family:Georgia,serif;font-size:22px}
@media(max-width:850px){.links{display:none}.menu{display:block;font:12px Arial;text-transform:uppercase}.grid{grid-template-columns:1fr 1fr}.categories{grid-template-columns:1fr 1fr}.feature,.about{grid-template-columns:1fr}.feature img{min-height:280px}.newsin{display:block}.form{margin-top:25px}.footgrid{grid-template-columns:1fr}.article h1,.about h1{font-size:43px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.categories{grid-template-columns:1fr}.hero{min-height:590px}.hero .inner{padding-bottom:45px}.featurebody{padding:35px}.featurebody h2{font-size:36px}.article .heroimg{height:300px}.facts{grid-template-columns:1fr}}
