/* LocalHush Spot Page (premium) */
/* expects header.php to provide :root vars and base button styles */

.page-spot .spot-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:2.25rem 1.5rem 4rem;
}

.page-spot .spot-head{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:2rem;
  align-items:start;
  margin-bottom:1.75rem;
}

@media (max-width: 900px){
  .page-spot .spot-head{
    grid-template-columns: 1fr;
  }
}

.page-spot .spot-kicker{
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.75rem;
}

.page-spot .spot-title{
  font-family:var(--display);
  font-size:clamp(2rem, 4vw, 3rem);
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0 0 .75rem;
  color:var(--ink);
}

.page-spot .spot-summary{
  font-size:1.02rem;
  line-height:1.65;
  color:var(--ink2);
  margin:0 0 1.1rem;
  max-width:52ch;
}

.page-spot .spot-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem .75rem;
  align-items:center;
  margin: 0 0 1.25rem;
}

.page-spot .spot-address{
  background: var(--white);
  border:1px solid var(--border);
  border-radius: var(--r2);
  padding: .95rem 1rem;
  margin: 0 0 1rem;
}

.page-spot .spot-address-label{
  font-family:var(--mono);
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.4rem;
}

.page-spot .spot-address-value{
  color:var(--ink);
  font-size:.92rem;
  line-height:1.5;
}

.page-spot .spot-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:.25rem;
}

.page-spot .tag{
  font-family:var(--mono);
  font-size:.55rem;
  letter-spacing:.05em;
  color:var(--ink2);
  background: var(--bg2);
  border: 1px solid var(--border);
  padding:.22rem .5rem;
  border-radius: var(--r);
}

/* HERO */
.page-spot .spot-hero{
  border-radius: var(--r2);
  overflow:hidden;
  border:1px solid var(--border);
  background: var(--bg2);
  box-shadow: 0 18px 50px rgba(24,20,15,.10);
}

.page-spot .spot-hero img{
  width:100%;
  height:100%;
  display:block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.page-spot .spot-hero-ph{
  aspect-ratio: 4 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--display);
  font-style:italic;
  color: rgba(24,20,15,.35);
}

/* PANELS */
.page-spot .spot-panels{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:1.25rem;
  margin-top: 1.25rem;
}

@media (max-width: 900px){
  .page-spot .spot-panels{
    grid-template-columns: 1fr;
  }
}

.page-spot .panel{
  background: var(--white);
  border:1px solid var(--border);
  border-radius: var(--r2);
  padding: 1.05rem 1.05rem;
  overflow:hidden;
}

.page-spot .panel-title{
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:.75rem;
}

/* MAP */
.page-spot .map-load{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:.25rem;
  align-items:flex-start;
  justify-content:center;
  padding:1rem 1rem;
  border-radius: var(--r2);
  border:1px dashed rgba(17,19,24,0.18);
  background: linear-gradient(180deg, rgba(184,146,74,0.06), transparent);
  cursor:pointer;
  text-align:left;
}

.page-spot .map-load:hover{
  border-color: rgba(184,146,74,0.35);
}

.page-spot .map-load-sub{
  font-family:var(--mono);
  font-size:.58rem;
  letter-spacing:.08em;
  color: var(--ink2);
}

.page-spot .map-frame{
  width:100%;
  border-radius: var(--r2);
  overflow:hidden;
}

.page-spot .map-frame iframe{
  width:100%;
  height:360px;
  border:0;
  display:block;
}

.page-spot .map-fallback{
  color:var(--ink2);
  font-size:.9rem;
  line-height:1.6;
}

/* ABOUT */
.page-spot .spot-body{
  color:var(--ink);
  font-size:.95rem;
  line-height:1.75;
}

.page-spot .spot-note{
  margin-top:1rem;
  font-family:var(--mono);
  font-size:.58rem;
  letter-spacing:.06em;
  color:var(--ink2);
  border-top:1px solid var(--border);
  padding-top:.85rem;
}