/* Urban Reserve — shared styles for the PHP pages (blog, privacy policy, thank-you):
   base, buttons, header, mobile menu, page hero and footer.
   Page-specific styles live in their own stylesheet. */

:root{--green:#183C32;--green-dark:#0D2922;--green-deep:#071914;--terracotta:#C85A32;--terracotta-dark:#A94625;--terracotta-soft:#E2A18B;--ivory:#FAF8F2;--sand:#EDE7DA;--text:#202522;--muted:#69716B;--display:"Bodoni Moda",Georgia,serif;--body:"Urbanist",Arial,sans-serif;--container:1440px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:var(--body);background:var(--ivory);color:var(--text);overflow-x:hidden}
img{display:block;width:100%;height:auto}
picture{display:contents}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
[hidden]{display:none!important}
.ur-container{width:min(var(--container),calc(100% - 100px));margin:auto}

/* Keyboard */
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}
.ur-skip{position:absolute;left:16px;top:-60px;z-index:4000;padding:12px 18px;background:var(--green);color:#fff;font-size:13px;font-weight:700}
.ur-skip:focus{top:12px}

/* Buttons */
.ur-btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;transition:.45s cubic-bezier(.22,.61,.36,1)}
.ur-btn-primary{background:var(--terracotta);color:#fff}
.ur-btn-primary:hover{background:var(--terracotta-dark);transform:translateY(-3px)}
.ur-btn-dark{background:var(--green);color:#fff}
.ur-btn-dark:hover{background:var(--terracotta);transform:translateY(-3px)}
.ur-btn-outline{color:#fff;border-color:rgba(255,255,255,.6);background:transparent}
.ur-btn-outline:hover{background:#fff;color:var(--green)}
.ur-btn-line{color:var(--green);border-color:var(--green);background:transparent}
.ur-btn-line:hover{background:var(--green);color:#fff}

/* Header (white on desktop, green on mobile — same as the homepage) */
.ur-header{position:fixed;top:0;left:0;width:100%;z-index:3000;background:#fff;color:#000;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.ur-header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.ur-logo{width:220px;flex-shrink:0}
.ur-logo img{width:217px;max-height:90px;border-radius:5px;object-fit:contain;object-position:left center}
.ur-nav{display:flex;align-items:center;justify-content:center;gap:32px;flex:1}
.ur-nav a{position:relative;font-size:16px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase;white-space:nowrap;opacity:.92;transition:.3s}
.ur-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:1px;background:var(--terracotta);transition:.3s}
.ur-nav a:hover,.ur-nav a.active{opacity:1}
.ur-nav a:hover:after,.ur-nav a.active:after{width:100%}
.ur-header-cta{flex-shrink:0}
/* menu + call buttons follow the header text colour (black on white, white on green) */
.ur-menu{display:none;width:48px;height:48px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 40%,transparent)}
.ur-menu span{display:block;width:22px;height:1px;background:currentColor;margin:5px auto}
.ur-header-call{display:none;width:48px;height:48px;margin-left:auto;margin-right:10px;place-items:center;color:inherit;border:1px solid color-mix(in srgb,currentColor 40%,transparent)}
.ur-mobile-nav{position:fixed;inset:0;z-index:2500;background:var(--green-dark);padding:120px 35px 40px;transform:translateX(100%);transition:.55s cubic-bezier(.77,0,.18,1);overflow-y:auto}
.ur-mobile-nav.active{transform:translateX(0)}
.ur-mobile-nav a{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-family:var(--display);font-size:31px}
.ur-mobile-nav a[aria-current]{color:var(--terracotta-soft)}
.ur-mobile-nav .ur-mobile-nav-call{display:flex;width:100%;margin-top:28px;border-bottom:0;font-family:var(--body);font-size:11px}

/* Page hero (blog and other inner pages) */
.ur-page-hero{margin-top:100px;padding:90px 0 80px;background:var(--green);color:#fff;position:relative;overflow:hidden}
.ur-page-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--terracotta-soft)}
.ur-page-eyebrow:before{content:"";width:45px;height:1px;background:currentColor}
.ur-page-hero h1{margin-top:22px;font-family:var(--display);font-weight:400;font-size:clamp(40px,5.5vw,80px);line-height:1.06;letter-spacing:-1.5px;max-width:1000px}
.ur-page-lead{max-width:700px;margin-top:22px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.78)}

/* Footer */
.ur-footer{background:var(--green-deep);color:#fff;padding:70px 0 28px}
.ur-footer-top{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:55px;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.1)}
.ur-footer-logo img{width:195px;border-radius:5px;max-height:80px;object-fit:contain;object-position:left}
.ur-footer-about{max-width:350px;margin-top:20px;color:rgba(255,255,255,.48);font-size:13px;line-height:1.85}
.ur-footer-rera{margin-top:10px}
.ur-footer .ur-footer-rera a{display:inline;margin:0;color:rgba(255,255,255,.5);font-size:15px}
.ur-footer .ur-footer-cta{display:inline-flex;margin:20px 0 0;color:#fff;font-size:11px}
.ur-footer h4{margin-bottom:24px;color:var(--terracotta-soft);font-size:10px;text-transform:uppercase;letter-spacing:2px}
.ur-footer-top a{display:block;margin-bottom:14px;color:rgba(255,255,255,.6);font-size:13px;transition:.3s}
.ur-footer-top a:hover{color:#fff;transform:translateX(4px)}
.ur-footer .ur-footer-cta:hover{transform:translateY(-3px)}
.ur-footer-dev{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.ur-footer-dev span{display:block;margin-bottom:6px;color:var(--terracotta-soft);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.ur-footer-dev strong{font-family:var(--display);font-size:22px;font-weight:400}
.ur-footer-disclaimer{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:11px;line-height:1.75}
.ur-footer-disclaimer strong{color:rgba(255,255,255,.7)}
.ur-footer-disclaimer a{text-decoration:underline}
.ur-footer-bottom{padding-top:25px;display:flex;justify-content:space-between;gap:25px;color:rgba(255,255,255,.5);font-size:11px;line-height:1.7}
.ur-footer-bottom a:hover{color:#fff}

/* Same nav sizing as the homepage (main.css): smaller links on smaller desktops, menu button below 1101px */
@media(min-width:1201px) and (max-width:1279px){.ur-nav{gap:16px}.ur-nav a{font-size:11px}}
@media(min-width:1280px) and (max-width:1365px){.ur-nav{gap:18px}.ur-nav a{font-size:12px}}
@media(min-width:1366px) and (max-width:1499px){.ur-nav{gap:24px}.ur-nav a{font-size:13px}}
@media(max-width:1100px){.ur-nav,.ur-header-cta{display:none}.ur-menu,.ur-header-call{display:grid;place-content:center}}
@media(max-width:1200px){
.ur-container{width:calc(100% - 60px)}
.ur-nav{gap:20px}.ur-nav a{font-size:10px}
.ur-logo{width:180px}.ur-logo img{width:175px}
}
@media(max-width:950px){
.ur-nav,.ur-header-cta{display:none}
.ur-menu,.ur-header-call{display:grid;place-content:center}
.ur-container{width:calc(100% - 40px)}
.ur-footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
.ur-header{background:rgba(7,25,20,.96);color:#fff;height:80px}
.ur-header-inner{min-height:78px}
.ur-page-hero{margin-top:78px;padding:64px 0 58px}
}
@media(max-width:600px){
.ur-container{width:calc(100% - 30px)}
.ur-logo{width:165px}.ur-logo img{width:160px;max-height:65px}
.ur-page-lead{font-size:15px}
.ur-footer-top{grid-template-columns:1fr}
.ur-footer-bottom{flex-direction:column}
}