/* =========================================================
   Nell Haven Homes - Properties by Location page only
   One section per destination: intro, home card(s), area map
   and nearby things to do.
   Load order: bootstrap.min.css -> style.css ->
   header-footer-banner.css -> property-list.css (home cards) ->
   property-location.css -> property-location-responsive.css
   ========================================================= */

.ploc-dest{scroll-margin-top:170px!important}
.ploc-tone-1{background:linear-gradient(180deg,#FBFCFA 0%,#EAF1EF 100%)}
.ploc-tone-2{background:linear-gradient(135deg,#FFFFFF 0%,#F8F6F0 56%,#E8EFED 100%)}
.ploc-tone-3{background:linear-gradient(180deg,#F8F6F0 0%,#E9EFED 100%)}

/* ---- section head ---- */
.ploc-head{align-items:flex-end;margin-bottom:28px}
.ploc-no{display:inline-block;margin-bottom:14px;font-family:var(--font-display);font-size:15px;color:var(--brand-dark);letter-spacing:.04em}
.ploc-head h2{font-size:clamp(34px,3.8vw,54px);line-height:1.08;color:var(--brand-ink);margin:10px 0 0}
.ploc-head p{font-size:15px;line-height:1.72;color:#60736F;max-width:520px;margin:0 0 16px}
.ploc-meta{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ploc-meta li{
  padding:6px 12px;border-radius:999px;
  border:1px solid rgba(145,171,165,.45);
  font-size:12px;color:var(--brand-deep);
}
.ploc-meta li.ploc-count{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff;font-weight:700}

/* home card comes from property-list.css (.pl-card); no "01 / 03" counter here */
.ploc-dest .pl-card{scroll-margin-top:170px}

/* ---- around the area: map + nearby ---- */
.ploc-area{margin-top:4px}
.ploc-box{
  height:100%;
  padding:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(145,171,165,.32);
  border-radius:24px;
  box-shadow:0 16px 36px rgba(59,93,86,.08);
}
.ploc-box-title{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);margin-bottom:12px}
.ploc-map{position:relative;aspect-ratio:16/11;border-radius:16px;overflow:hidden;background:var(--brand-soft)}
.ploc-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ploc-map-note{margin:10px 2px 0;font-size:12px;color:#8A9C98}

.ploc-near{list-style:none;margin:0;padding:0}
.ploc-near li + li{border-top:1px solid rgba(145,171,165,.25)}
.ploc-near a{
  display:flex;align-items:center;gap:14px;
  padding:14px 4px;color:var(--brand-ink);
  transition:background .25s var(--ease);
  border-radius:12px;
}
.ploc-near a:hover{background:rgba(232,240,237,.55);color:var(--brand-ink)}
.ploc-near-icon{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand-deep);
}
.ploc-near-icon svg{width:20px;height:20px}
.ploc-near-text{min-width:0}
.ploc-near-text small{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark)}
.ploc-near-text strong{display:block;font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.3;margin:2px 0}
.ploc-near-text span{display:block;font-size:13px;line-height:1.5;color:#60736F}
.ploc-near-go{margin-left:auto;padding-left:8px;color:var(--brand-dark);font-size:16px}
.ploc-all{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  font-size:12.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;
  color:var(--brand-deep);border-bottom:1px solid rgba(21,58,51,.3);padding-bottom:3px;
}
.ploc-all:hover{color:var(--brand-deeper);border-color:var(--brand-deep)}