/* WilderLink brand layer over Listeo.
   Tokens mirror guide/styles.css — the approved mockup is the source of truth. */

:root{
  --wl-night-0:#0C1917;
  --wl-night-1:#14251F;
  --wl-pine:#1C332A;
  --wl-conifer:#2F5A41;
  --wl-moss:#3F7052;
  --wl-sage:#9AB49B;
  --wl-birch:#F6F4EC;
  --wl-mist:#ECEFE4;
  --wl-ink:#1E2A24;
  --wl-ink-soft:#4C5B52;
  --wl-amber:#E9A13B;
  --wl-amber-deep:#B97817;
  --wl-amber-glow:rgba(233,161,59,.55);
  --wl-card-line:#DCDFCF;
  --wl-radius:14px;
}

/* ---------- Typography ---------- */
body,
.listeo-body{
  font-family:'Karla',system-ui,-apple-system,sans-serif;
  color:var(--wl-ink);
}
h1,h2,h3,h4,h5,
.listing-title h1,
.headline{
  font-family:'Bricolage Grotesque','Karla',system-ui,sans-serif;
  letter-spacing:-.01em;
}
.wl-mono,
.wl-rate-ladder,
.wl-deposit,
.wl-card-weekly{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
}

/* ---------- Buttons ---------- */
.button,
.button.border,
input[type="submit"],
.listeo-btn,
.wp-element-button{
  border-radius:999px;
  font-weight:700;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.button:hover,
input[type="submit"]:hover{
  transform:translateY(-1px);
}
.button,
input[type="submit"]{
  background-color:var(--wl-amber);
  color:#231603;
  box-shadow:0 6px 18px -6px var(--wl-amber-glow);
}
.button:hover,
input[type="submit"]:hover{
  background-color:#F0AC49;
  color:#231603;
}
.button.border{
  background:transparent;
  border:1.5px solid var(--wl-conifer);
  color:var(--wl-conifer);
  box-shadow:none;
}
.button.border:hover{
  background:var(--wl-conifer);
  color:#fff;
}

/* ---------- Accent recolouring ---------- */
a{color:var(--wl-conifer)}
a:hover{color:var(--wl-amber-deep)}
.listing-item-content .tag,
.listing-badge,
.featured-badge{
  background-color:var(--wl-amber);
  color:#231603;
}
.star-rating .rating-score,
.numerical-rating{
  background-color:var(--wl-conifer);
}
.footer,
#footer{
  background-color:var(--wl-night-0);
  color:rgba(246,244,236,.65);
}
#footer a{color:rgba(246,244,236,.75)}
#footer a:hover{color:#fff}

/* ---------- WilderLink listing detail block ---------- */
.wl-listing-details{
  margin:34px 0;
  padding-top:6px;
}
.wl-listing-details .wl-heading{
  font-weight:800;
  margin:0 0 14px;
}
.wl-rate-ladder{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.wl-rate-ladder span{
  flex:1 1 120px;
  text-align:center;
  border:1px solid var(--wl-card-line);
  border-radius:10px;
  padding:12px 8px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--wl-ink-soft);
  background:#fff;
}
.wl-rate-ladder span b{
  display:block;
  letter-spacing:0;
  text-transform:none;
  color:var(--wl-ink);
  margin-bottom:2px;
}
.wl-deposit{
  background:rgba(233,161,59,.1);
  border:1px solid rgba(233,161,59,.38);
  border-radius:12px;
  padding:14px 18px;
  color:var(--wl-amber-deep);
  margin-bottom:26px;
}
.wl-deposit--none{
  background:rgba(47,90,65,.08);
  border-color:rgba(47,90,65,.3);
  color:var(--wl-moss);
}
.wl-spec-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:10px;
}
.wl-spec-table th,
.wl-spec-table td{
  text-align:left;
  padding:11px 14px;
  border-bottom:1px solid var(--wl-card-line);
  vertical-align:top;
}
.wl-spec-table th{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--wl-ink-soft);
  font-weight:600;
  width:40%;
}
.wl-spec-table tr:last-child th,
.wl-spec-table tr:last-child td{border-bottom:none}

.wl-card-weekly{
  display:block;
  letter-spacing:.06em;
  color:var(--wl-ink-soft);
  margin-top:2px;
}

@media (max-width:600px){
  .wl-rate-ladder span{flex-basis:100%}
  .wl-spec-table th{width:48%}
}

@media (prefers-reduced-motion:reduce){
  .button,input[type="submit"]{transition:none}
  .button:hover,input[type="submit"]:hover{transform:none}
}