/*
Theme Name: Cholo Pahare
Description: Travel agency theme for Cholo Pahare – The Mountain Tales. Destination pages, region pages and a Properties (stays) listing with WhatsApp enquiry.
Version: 1.1.0
Author: Cholo Pahare
Text Domain: cholo-pahare
Requires at least: 6.0
Requires PHP: 7.4
*/

:root{--bg:#f2f6f6;--sf:#fff;--ink:#151416;--mut:#58656a;--ln:#d7e1e2;--tl:#5aa3b0;--tx:#2a6c78;--yl:#f7e04b;--dk:#151416;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#151416;--sf:#202024;--ink:#eef3f3;--mut:#9fb0b4;--ln:#2e3236;--tx:#8fd0db}}
:root[data-theme="dark"]{--bg:#151416;--sf:#202024;--ink:#eef3f3;--mut:#9fb0b4;--ln:#2e3236;--tx:#8fd0db}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 "Plus Jakarta Sans",system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--dk);z-index:10}
a{color:inherit}:focus-visible{outline:3px solid var(--yl);outline-offset:2px}
.w{max-width:1100px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--dk);color:#fff}
header .w{display:flex;align-items:center;gap:20px;padding-top:7px;padding-bottom:7px}
header img{height:34px;width:auto;display:block}
nav{display:flex;gap:2px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav a{color:#b9c9cc;text-decoration:none;font-size:.86rem;font-weight:500;padding:6px 10px;border-radius:6px}
nav a:hover{color:#fff}
nav a[aria-current]{color:#fff;box-shadow:inset 0 -2px var(--yl);border-radius:0}
.btn{display:inline-block;background:var(--yl);color:#1b1a05;font:700 .95rem "Plus Jakarta Sans",sans-serif;text-decoration:none;padding:10px 18px;border-radius:10px;border:0;cursor:pointer}
.btn.o{background:transparent;color:inherit;border:1.5px solid currentColor}
.hero{position:relative;background:var(--dk);color:#fff;padding:64px 0 170px;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,26,.78),rgba(8,20,26,0) 70%)}
.hero .w{position:relative;z-index:1}
.sc{position:absolute;inset:0;width:100%;height:100%}
.hero h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.1;margin:0 0 14px;font-weight:800;letter-spacing:-.02em;max-width:15em}
.hero p{max-width:38em;color:#c4d3d5;margin:0 0 22px}
.sb{display:flex;gap:8px;max-width:560px;margin-bottom:6px}
.sb input{flex:1;font:inherit;padding:13px 16px;border-radius:10px;border:2px solid transparent;background:#fff;color:#151416;min-width:0}
.sb input:focus{border-color:var(--yl);outline:0}
#sr{display:flex;flex-wrap:wrap;gap:8px;max-width:760px;min-height:12px;margin:10px 0 0}
#sr a{background:#26363a;color:#fff;text-decoration:none;padding:4px 14px;border-radius:99px;font-size:.92rem}
#sr a:hover{background:var(--tl);color:#0d1a1c}
section{padding:40px 0}
h2{font-size:clamp(1.4rem,3.5vw,1.9rem);margin:0 0 6px;line-height:1.25;letter-spacing:-.01em}
h3{margin:0 0 10px;font-size:1.05rem}
.lead{color:var(--mut);margin:0 0 22px;max-width:40em}
.pop{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:16px;border-radius:14px;color:#fff;text-decoration:none}
.tile i{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.7))}
.tile b,.tile span{position:relative}.tile b{font-size:1.2rem}.tile span{font-size:.88rem;opacity:.92}
.tile:hover .sc{transform:scale(1.04)}.sc{transition:transform .4s}@media (prefers-reduced-motion:reduce){.sc{transition:none}}
.regs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.reg{background:var(--sf);border:1px solid var(--ln);border-left:4px solid var(--tl);border-radius:12px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.reg:hover{border-left-color:var(--yl)}
.reg small{color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.chips a{display:block;background:var(--sf);border:1px solid var(--ln);border-radius:99px;padding:4px 15px;text-decoration:none;font-size:.95rem}
.chips a:hover{border-color:var(--tl);color:var(--tx)}
.ph{background:var(--dk);color:#fff;padding:30px 0 34px}
.ph h1{margin:6px 0 8px;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15;letter-spacing:-.02em}
.ph p{margin:0;max-width:40em;color:#c4d3d5}
.bc{font-size:.88rem;color:#9fb6b9}.bc a{text-decoration:none}.bc a:hover{text-decoration:underline}
.two{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0 0 30px}
.two div{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:16px}
.two p{margin:0;color:var(--mut);font-size:.95rem}
.band{background:var(--dk);color:#fff;text-align:center}.band p{color:#c4d3d5;margin:0 0 14px}
footer{background:var(--dk);color:#dfe9ea;padding:32px 0;font-size:.93rem}
footer .w{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9;box-shadow:0 4px 14px rgba(0,0,0,.35)}

img.sc{object-fit:cover}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:12px 0 30px}
.pcard{background:var(--sf);border:1px solid var(--ln);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.pimg{display:block;aspect-ratio:4/3;background:#26363a}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.noimg{display:flex;height:100%;align-items:center;justify-content:center;color:#9fb6b9;font-size:.9rem}
.pb{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.pb h3{margin:0}.pb h3 a{text-decoration:none}
.meta{color:var(--mut);font-size:.88rem}.price{font-weight:700}.price small{font-weight:400;color:var(--mut)}
.pb .btn{margin-top:auto;text-align:center}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:24px}.gal img{width:100%;height:auto;border-radius:10px;display:block}
.entry{max-width:46em;margin:0 0 28px}.entry img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px}
.pager{margin:20px 0}.pager .nav-links{display:flex;gap:10px}

/* v1.1.0: icons, editable homepage */
.ic{width:1.1em;height:1.1em;fill:currentColor;vertical-align:-.18em;margin-right:.45em;flex:none}
footer .soc{display:inline-block;margin-right:14px;white-space:nowrap}
footer .addr{display:inline-block}
.tile{background:#26363a}
.pdesc{margin:0;color:var(--mut);font-size:.92rem}