/* NearbyCheck Nature & Explore theme — selected visual direction.
   Final presentation layer: real-place utility with outdoor/editorial character.
   Product semantics, ranking and evidence remain unchanged. */

:root{
  --nc-canvas:#eef1e8;
  --nc-paper:#fbfcf7;
  --nc-paper-2:#f5f7ef;
  --nc-ink:#132a22;
  --nc-ink-2:#263c32;
  --nc-muted:#647168;
  --nc-faint:#7f8a80;
  --nc-line:#cbd4c8;
  --nc-line-strong:#a5b3a4;
  --nc-accent:#2f6b4f;
  --nc-accent-dark:#214f3b;
  --nc-accent-soft:#e4efe6;
  --nc-good:#4f8658;
  --nc-good-soft:#e8f3e8;
  --nc-warn:#956c2d;
  --nc-warn-soft:#fff2d8;
  --nc-danger:#994848;
  --nc-danger-soft:#fff0ef;
  --nc-action:var(--nc-accent);
  --nc-action-dark:var(--nc-accent-dark);
  --nc-action-soft:var(--nc-accent-soft);
  --nc-moss:#708d67;
  --nc-sage:#a8b99f;
  --nc-gold:#c6a45b;
  --nc-gold-soft:#f5ead1;
  --nc-spruce:#132a22;
  --nc-radius:8px;
  --nc-radius-sm:5px;
}

html{background:var(--nc-canvas)!important}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(168,185,159,.18),transparent 24%),
    radial-gradient(circle at 92% 18%,rgba(198,164,91,.10),transparent 21%),
    var(--nc-canvas)!important;
  color:var(--nc-ink)!important;
}
::selection{background:var(--nc-action);color:#fff}

/* Global chrome: warm field-guide utility, not tech-blue SaaS. */
.topbar{
  background:rgba(238,241,232,.94)!important;
  border-bottom-color:rgba(19,42,34,.72)!important;
}
.brand{color:var(--nc-spruce)!important}
.brand-mark{
  border-color:var(--nc-spruce)!important;
  background:var(--nc-spruce)!important;
  color:#fff!important;
  border-radius:8px 8px 8px 2px!important;
}
.brand-mark::before{
  width:9px!important;
  height:9px!important;
  border-color:#fff!important;
  background:var(--nc-gold)!important;
}
.pilot-badge::before{color:var(--nc-moss)!important}

button:focus-visible,
a:focus-visible,
input:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline-color:var(--nc-gold)!important;
}

/* Landing = lightweight trail map / field guide. */
body:not(.has-live-results) .hero{
  position:relative;
  isolation:isolate;
  padding-top:64px!important;
  padding-bottom:38px!important;
}
body:not(.has-live-results) .hero::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:18px -34px 0;
  border:1px solid rgba(47,107,79,.18);
  border-radius:28px 28px 8px 8px;
  background:
    repeating-radial-gradient(ellipse at 90% 15%,transparent 0 26px,rgba(47,107,79,.055) 27px 28px,transparent 29px 48px),
    radial-gradient(circle at 82% 32%,rgba(112,141,103,.18),transparent 27%),
    linear-gradient(135deg,#f8faf3 0%,#eef3e8 56%,#e7ede0 100%);
}
body:not(.has-live-results) .hero::after{
  content:"FIELD NOTE  /  REAL PLACES  /  REAL EVIDENCE";
  position:absolute;
  z-index:-1;
  right:10px;
  top:35px;
  color:rgba(19,42,34,.44);
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  writing-mode:vertical-rl;
}
body:not(.has-live-results) .hero>.eyebrow{
  color:var(--nc-moss)!important;
}
body:not(.has-live-results) .hero>.eyebrow::before{background:var(--nc-gold)!important}
body:not(.has-live-results) h1{
  color:var(--nc-spruce)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  letter-spacing:-.055em!important;
  line-height:.93!important;
  max-width:760px!important;
}
body:not(.has-live-results) h1 span{
  color:var(--nc-accent)!important;
  font-family:inherit!important;
  font-style:italic;
  font-weight:500!important;
}
body:not(.has-live-results) .hero-copy{
  color:#53645a!important;
  max-width:530px!important;
}

body:not(.has-live-results) .search-panel{
  border-color:rgba(19,42,34,.74)!important;
  border-top:1px solid rgba(19,42,34,.74)!important;
  border-radius:14px!important;
  background:rgba(251,252,247,.93)!important;
  box-shadow:0 22px 58px rgba(40,62,49,.10)!important;
  backdrop-filter:blur(12px);
}
body:not(.has-live-results) .search-panel::before{
  content:"CHOOSE YOUR STOP"!important;
  color:var(--nc-accent)!important;
  background:var(--nc-paper)!important;
}

.quick-intents{border-color:var(--nc-line-strong)!important}
.quick-intent,.decision-intent{
  border-color:var(--nc-line)!important;
  background:rgba(251,252,247,.9)!important;
  color:var(--nc-ink-2)!important;
}
.quick-intent:hover:not(.active),
.decision-intent:hover:not(.active){
  background:#f0f4ea!important;
  border-color:var(--nc-sage)!important;
}
.quick-intent.active,
.decision-intent.active,
.decision-intent[aria-pressed="true"]{
  border-color:var(--nc-action)!important;
  background:var(--nc-action)!important;
  color:#fff!important;
}
.quick-intent.active::after,
.decision-intent.active::after,
.decision-intent[aria-pressed="true"]::after{color:#dce9df!important}

.search-field-wrap input{
  border-color:var(--nc-line-strong)!important;
  border-radius:8px!important;
  background:#fff!important;
}
.search-field-wrap input:focus{
  border-color:var(--nc-action)!important;
  box-shadow:0 0 0 3px rgba(47,107,79,.13)!important;
}
.search-suggestion:hover,
.search-suggestion:focus-visible,
.search-suggestion.keyboard-active{background:var(--nc-action-soft)!important}

.time-tab.active{
  border-color:var(--nc-action)!important;
  background:var(--nc-action)!important;
  color:#fff!important;
}
.need-chip.active,
.need-chip.intent-hard-selected{
  border-color:var(--nc-action)!important;
  background:var(--nc-action-soft)!important;
  color:var(--nc-action-dark)!important;
}
.need-chip.intent-soft-selected{
  border-color:#9caf95!important;
  background:#f0f4eb!important;
  color:#506848!important;
}
.primary-button{
  border-color:var(--nc-action)!important;
  background:linear-gradient(135deg,#356f53,#275f47)!important;
  color:#fff!important;
  border-radius:8px!important;
  box-shadow:0 10px 22px rgba(47,107,79,.16)!important;
}
.primary-button:not(:disabled):hover{
  border-color:var(--nc-action-dark)!important;
  background:var(--nc-action-dark)!important;
}

body:not(.has-live-results) .honesty-strip{
  border-color:rgba(47,107,79,.23)!important;
  border-left-color:var(--nc-gold)!important;
  background:rgba(251,252,247,.66)!important;
  border-radius:0 8px 8px 0!important;
}

/* Result state keeps the exploration identity but stays decision-first. */
body.has-live-results .topbar{background:rgba(238,241,232,.97)!important}
body.has-live-results .decision-check-summary{background:transparent!important}
.decision-check-copy .decision-check-kicker{color:var(--nc-moss)!important}
.decision-check-actions button[data-decision-check-action="refresh"]{
  border-color:var(--nc-action)!important;
  background:var(--nc-action)!important;
  color:#fff!important;
}

.results-section .section-heading{
  border-bottom-color:rgba(19,42,34,.76)!important;
}
.results-section .section-heading .eyebrow{color:var(--nc-moss)!important}
.results-section .section-heading h2,
.decision-list-heading strong,
.try-nearby-heading h3{
  color:var(--nc-spruce)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}

.po6-has-results .decision-banner,
.decision-good,
.decision-caution{
  border-color:var(--nc-spruce)!important;
  background:
    linear-gradient(120deg,rgba(198,164,91,.07),transparent 32%),
    var(--nc-spruce)!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:0 16px 34px rgba(19,42,34,.15)!important;
}
.po6-has-results .decision-banner::before{background:var(--nc-gold)!important;width:6px!important}
.po6-has-results .decision-kicker,
.decision-brief-label{color:#d9bf83!important}
.po6-has-results .decision-primary.nearbycheck-directions{
  border-color:var(--nc-gold)!important;
  background:var(--nc-gold)!important;
  color:#1c2a22!important;
}
.po6-has-results .decision-primary.nearbycheck-directions:hover{
  border-color:#b28e45!important;
  background:#b28e45!important;
}
.po6-has-results .decision-actions>button[data-po-action="map"]{
  border-color:rgba(255,255,255,.32)!important;
  color:#fff!important;
}

.po6-has-results .result-view-tabs{background:rgba(238,241,232,.97)!important}
.po6-has-results .view-tab.active{border-bottom-color:var(--nc-action)!important;color:var(--nc-spruce)!important}
.po6-has-results .view-tab::after{background:var(--nc-action)!important}

.po6-has-results .place-card{
  border-bottom-color:var(--nc-line)!important;
  background:transparent!important;
}
.po6-has-results .place-card:hover{background:rgba(251,252,247,.72)!important}
.po6-has-results .place-card:hover::before{background:var(--nc-gold)!important}
.po6-has-results .place-name{color:var(--nc-spruce)!important}
.po6-has-results .place-card .card-actions>a:not(.po6-coordinate-link),
.po6-has-results .po6-card-directions{
  border-color:var(--nc-spruce)!important;
  background:var(--nc-spruce)!important;
  color:#fff!important;
  border-radius:6px!important;
}
.po6-has-results .po6-evidence-action,
.secondary-button{
  border-color:var(--nc-line-strong)!important;
  color:var(--nc-spruce)!important;
}

.decision-results-toggle,
.try-nearby-toggle{
  border-color:var(--nc-line-strong)!important;
  color:var(--nc-spruce)!important;
  border-radius:6px!important;
}
.decision-results-toggle:hover,
.try-nearby-toggle:hover{
  border-color:var(--nc-action)!important;
  background:var(--nc-action-soft)!important;
  color:var(--nc-action-dark)!important;
}

/* Evidence gets its own restrained botanical vocabulary. */
.po-scope-city,
.source-badge{
  border-color:#c8d7c2!important;
  background:#edf4e9!important;
  color:#456943!important;
}
.source-badge-curated,
.po-scope-snapshot{
  border-color:#d4d3c4!important;
  background:#f4f2e9!important;
  color:#726d5d!important;
}
.status-dot.good{background:var(--nc-good)!important}
.capability.yes{color:var(--nc-good)!important}
.match-exact{
  border-color:#bed8c0!important;
  background:var(--nc-good-soft)!important;
  color:#3d7148!important;
}

.try-nearby-section{border-top-color:rgba(19,42,34,.66)!important}
.try-nearby-eyebrow{color:var(--nc-warn)!important}
.try-nearby-unconfirmed{
  border-color:#dcc586!important;
  background:var(--nc-warn-soft)!important;
  color:#76551d!important;
}
.try-nearby-access.good{
  border-left-color:var(--nc-moss)!important;
  color:#4f6f49!important;
}
.try-nearby-directions{
  background:var(--nc-spruce)!important;
  color:#fff!important;
}

/* Map is part of the brand, not a separate blue system. */
.results-map{border-color:var(--nc-spruce)!important;background:#e4eadf!important}
.nearbycheck-anchor-icon{
  background:var(--nc-action)!important;
  border-color:#fff!important;
  box-shadow:0 0 0 2px var(--nc-action),0 5px 16px rgba(47,107,79,.23)!important;
}
.nearbycheck-anchor-icon span{background:var(--nc-action)!important}
.nearbycheck-anchor-selected{
  background:var(--nc-gold)!important;
  box-shadow:0 0 0 2px var(--nc-spruce),0 5px 16px rgba(19,42,34,.24)!important;
}
.nearbycheck-anchor-selected span{background:var(--nc-gold)!important}
.nearbycheck-directions{
  background:var(--nc-action)!important;
  color:#fff!important;
}
.nearbycheck-directions:hover,.nearbycheck-directions:focus-visible{background:var(--nc-action-dark)!important}

.outcome-prompt{background:var(--nc-spruce)!important;border-color:var(--nc-spruce)!important}
.outcome-prompt-actions [data-outcome-answer="worked"]{
  border-color:var(--nc-gold)!important;
  background:var(--nc-gold)!important;
  color:#1c2a22!important;
}

/* Secondary pages become calm field-guide pages. */
.privacy-page>.eyebrow{color:var(--nc-moss)!important}
.privacy-page h1{
  color:var(--nc-spruce)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
}
.privacy-page a{color:var(--nc-action)!important}
.privacy-note{border-left-color:var(--nc-gold)!important;background:rgba(251,252,247,.58)!important}
.privacy-section{border-top-color:var(--nc-line)!important}
footer{border-top-color:rgba(19,42,34,.72)!important}
footer a{color:var(--nc-accent)!important}

/* Support section: small editorial field cards. */
.how-it-works-disclosure{border-top-color:rgba(19,42,34,.72)!important}
.how-it-works-disclosure>summary{color:var(--nc-spruce)!important}
.moment-grid article{
  border-color:var(--nc-line)!important;
  background:rgba(251,252,247,.74)!important;
  border-radius:8px!important;
}
.moment-number{color:var(--nc-moss)!important}

@media(min-width:901px){
  body:not(.has-live-results) .hero{column-gap:64px!important}
  body:not(.has-live-results) .search-panel{margin-top:10px!important}
}

@media(max-width:900px){
  body:not(.has-live-results) .hero::before{inset:10px -12px 0;border-radius:18px 18px 6px 6px}
  body:not(.has-live-results) .hero::after{display:none}
}

@media(max-width:760px){
  :root{--nc-radius:7px;--nc-radius-sm:5px}
  body:not(.has-live-results) .hero{padding-top:30px!important}
  body:not(.has-live-results) .hero::before{inset:4px -8px 0}
  body:not(.has-live-results) h1{font-size:clamp(43px,12.8vw,58px)!important}
  body:not(.has-live-results) .search-panel{border-radius:10px!important;box-shadow:0 12px 32px rgba(40,62,49,.10)!important}
  .po6-has-results .decision-banner{border-radius:8px!important}
  .results-map{border-radius:8px!important}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}
