/* =========================================================
   PUBLIC PROPERTY PAGE — page-specific styles
   Loaded only on /property.php.

   IMPORTANT:
   This file deliberately uses hhf-property-nearby-* names so
   the Nearby Facilities layout cannot alter cards elsewhere.
   ========================================================= */

.public-property .hhf-property-nearby-heading{
  margin-bottom:14px;
}

.public-property .hhf-property-nearby-heading h2{
  margin:.08em 0 .38em;
}

/* One full-width facilities panel, split into Swimming then Sports. */
.public-property .hhf-property-nearby-panel{
  width:100%;
  padding:12px 16px 10px;
  background:var(--soft);
  border-bottom:1px solid #26352d;
}

.public-property .hhf-property-nearby-category{
  margin:0;
  padding:0 0 10px;
}

.public-property .hhf-property-nearby-category + .hhf-property-nearby-category{
  margin-top:0;
  padding-top:2px;
  border-top:1px solid #26352d;
}

.public-property .hhf-property-nearby-category h3{
  margin:0 0 4px;
  font:400 1rem/1.2 Georgia,serif;
}

/* Facilities themselves run across two columns, as in the approved mock-up. */
.public-property .hhf-property-nearby-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:72px;
  row-gap:0;
}

.public-property .hhf-property-nearby-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  min-width:0;
  padding:5px 0 6px;
}

.public-property .hhf-property-nearby-row > div{
  min-width:0;
}

.public-property .hhf-property-nearby-row strong,
.public-property .hhf-property-nearby-row small{
  display:block;
}

.public-property .hhf-property-nearby-row strong{
  color:#263b31;
  font-size:.82rem;
  line-height:1.25;
}

.public-property .hhf-property-nearby-row small{
  margin-top:3px;
  color:var(--muted);
  font-size:.68rem;
  line-height:1.35;
}

.public-property .hhf-property-nearby-row > span{
  padding-top:1px;
  color:var(--muted);
  font-size:.68rem;
  white-space:nowrap;
}

.public-property .hhf-property-nearby-note{
  margin:7px 0 0;
  padding:8px 0 0;
  border-top:1px solid #26352d;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.4;
}

@media(max-width:700px){
  .public-property .hhf-property-nearby-panel{
    padding-left:12px;
    padding-right:12px;
  }

  .public-property .hhf-property-nearby-list{
    grid-template-columns:1fr;
    column-gap:0;
  }
}