/* All rules are scoped under .waws-page so nothing here touches Kadence's
   own header, footer, or nav styling elsewhere on the page. Previously
   this stylesheet set bare body{} and a{} rules, which would have
   overridden the theme's own link colours and body styling site-wide --
   fixed here by scoping everything to our own content wrapper. */

.waws-page{
  --asphalt:#1C1E22;
  --asphalt-soft:#33363D;
  --motorway-blue:#00539E;
  --motorway-blue-dark:#003C74;
  --verge-green:#00693E;
  --concrete:#E9EAE4;
  --concrete-line:#D3D5CB;
  --chevron-amber:#F2A900;
  --sign-white:#FFFFFF;
  --ok-green:#1E7B4D;
  --stale-red:#B23A2E;

  background:var(--concrete);
  color:var(--asphalt);
  font-family:'Inter',sans-serif;
  max-width:720px;
  margin:0 auto;
  padding:0 0 60px;
}
.waws-page, .waws-page *{ box-sizing:border-box; }
.waws-page a{ color:inherit; }
.waws-page .sign-font{ font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:0.02em; text-transform:uppercase; }
.waws-page .mono{ font-family:'IBM Plex Mono',monospace; }

.waws-page .hero{
  background:var(--motorway-blue);
  color:var(--sign-white);
  padding:28px 24px 24px;
}
.waws-page .hero-name{ font-size:38px; line-height:1; margin-bottom:6px; }
.waws-page .hero-sub{ font-family:'IBM Plex Mono',monospace; font-size:14px; opacity:0.9; }
.waws-page .hero-badges{ display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
.waws-page .op-badge{
  background:rgba(255,255,255,0.16);
  border-radius:5px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
}

.waws-page .section{
  background:var(--sign-white);
  margin:14px 16px 0;
  border-radius:8px;
  padding:18px 20px;
}
.waws-page .section-title{
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em;
  color:var(--asphalt-soft); margin-bottom:12px;
}

.waws-page .quickfacts{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:480px){ .waws-page .quickfacts{ grid-template-columns:1fr; } }
.waws-page .quickfact-label{ font-size:11px; color:var(--asphalt-soft); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:2px; }
.waws-page .quickfact-value{ font-size:14.5px; font-weight:600; }
.waws-page .quickfact-value.pending{ color:#9a9d9f; font-weight:500; font-style:italic; }

.waws-page .amenity-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:480px){ .waws-page .amenity-grid{ grid-template-columns:1fr; } }
.waws-page .amenity-item{ display:flex; align-items:center; gap:10px; font-size:14px; }
.waws-page .amenity-icon{ width:32px;height:32px; background:var(--motorway-blue); border-radius:6px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.waws-page .amenity-icon svg{ width:17px;height:17px; fill:var(--sign-white); }

.waws-page .ev-stats{ display:flex; gap:24px; margin-bottom:12px; flex-wrap:wrap; }
.waws-page .ev-stat-num{ font-family:'IBM Plex Mono',monospace; font-size:26px; font-weight:600; line-height:1; }
.waws-page .ev-stat-label{ font-size:11.5px; color:var(--asphalt-soft); margin-top:3px; }
.waws-page .ev-network-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.waws-page .ev-network-chip{ background:var(--concrete); border:1.5px solid var(--concrete-line); border-radius:14px; padding:4px 10px; font-size:12px; font-weight:600; }
.waws-page .ev-empty{ font-size:13.5px; color:var(--asphalt-soft); }

.waws-page .verify-badge{
  font-family:'IBM Plex Mono',monospace; font-size:11.5px; font-weight:600;
  padding:5px 10px; border-radius:4px; display:inline-flex; align-items:center; gap:5px;
}
.waws-page .verify-fresh{ background:var(--ok-green); color:#fff; }
.waws-page .verify-aging{ background:var(--chevron-amber); color:var(--asphalt); }
.waws-page .verify-stale{ background:var(--stale-red); color:#fff; }
.waws-page .verify-badge svg{ width:9px;height:9px; }

.waws-page #miniMap{ height:220px; border-radius:6px; overflow:hidden; }

.waws-page .alt-list{ display:flex; flex-direction:column; gap:10px; }
.waws-page .alt-item{
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 12px; background:var(--concrete); border-radius:6px;
  text-decoration:none; color:var(--asphalt);
}
.waws-page .alt-item:hover{ background:var(--concrete-line); }
.waws-page .alt-name{ font-weight:700; font-size:14px; }
.waws-page .alt-dist{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--asphalt-soft); }
.waws-page .alt-empty{ font-size:13.5px; color:var(--asphalt-soft); font-style:italic; }

.waws-page .data-status{
  font-size:12px; color:var(--asphalt-soft); line-height:1.5; font-style:italic;
}

.waws-page .photo-banner{
  max-width:720px; margin:0 auto;
  border-radius:8px 8px 0 0;
  overflow:hidden;
}
.waws-page .photo-banner img{
  width:100%; height:auto; max-height:360px;
  object-fit:cover; display:block;
}

.waws-page .writeup-content{
  font-size:15px; line-height:1.65; color:var(--asphalt);
}
.waws-page .writeup-content p{ margin:0 0 12px; }
.waws-page .writeup-content p:last-child{ margin-bottom:0; }
.waws-page .writeup-source{
  margin-top:12px; padding-top:10px;
  border-top:1px solid var(--concrete-line);
  font-size:12px; color:var(--asphalt-soft); font-style:italic;
}
.waws-page .writeup-source a{ color:var(--motorway-blue); font-style:normal; font-weight:600; }

.waws-page .chip-list{ display:flex; flex-wrap:wrap; gap:8px; }
.waws-page .chip{
  background:var(--concrete); border-radius:20px;
  padding:6px 14px; font-size:13.5px; font-weight:600; color:var(--asphalt);
}

.waws-page .back-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 16px 16px 0;
  padding: 8px 14px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 13px;
  font-weight: 600;
  color: var(--motorway-blue);
  background: var(--concrete);
  border-radius: 6px;
  text-decoration: none;
}
.waws-page .back-link:hover{
  background: var(--concrete-line);
}

.waws-page .chip{ position:relative; display:inline-flex; align-items:center; gap:8px; }
.waws-page .open-status{
  font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em;
  padding:2px 8px; border-radius:10px;
}
.waws-page .open-status-open{ background:var(--ok-green); color:#fff; }
.waws-page .open-status-closed{ background:var(--asphalt-soft); color:#fff; }

.waws-page .hours-details{ margin-top:10px; }
.waws-page .hours-details summary{
  cursor:pointer; font-size:12.5px; font-weight:600; color:var(--motorway-blue);
  list-style:none;
}
.waws-page .hours-details summary::-webkit-details-marker{ display:none; }
.waws-page .hours-details summary::before{ content:"▸ "; }
.waws-page .hours-details[open] summary::before{ content:"▾ "; }
.waws-page .hours-detail-list{ margin-top:8px; }
.waws-page .hours-detail-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:6px 0; border-bottom:1px solid var(--concrete-line);
  font-size:12.5px;
}
.waws-page .hours-detail-row:last-child{ border-bottom:none; }
