/* Area page (property_area) — יד-2 listings grid. Light cards, copper price, navy CTA. */

.site-main--archive-project{background:var(--paper)}
.sbr-pa{--pa-gut:clamp(18px,4vw,40px)}
.sbr-pa__ico{width:18px;height:18px;flex:0 0 auto}

/* HERO */
.sbr-pa__hero{padding:clamp(34px,6vw,72px) var(--pa-gut) clamp(18px,3vw,28px)}
.sbr-pa__hero-in{max-width:1240px;margin:0 auto;text-align:center}
.sbr-pa__hero .sbr-kicker{justify-content:center}
.sbr-pa__title{font-size:clamp(28px,4.4vw,46px);color:var(--ink);margin:16px 0 0;line-height:1.12}
.sbr-pa__intro{margin:16px auto 0;max-width:62ch;color:var(--fg-soft);font-size:clamp(16px,1.7vw,18px);line-height:1.75}

/* AREA CHIPS — inter-area navigation (real links, current area highlighted) */
.sbr-pa__chips{padding:clamp(8px,1.6vw,16px) var(--pa-gut) 0}
.sbr-pa__chips-in{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sbr-pa__chip{font:inherit;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--fg-soft);border-radius:99px;padding:8px 16px;transition:background .18s,color .18s,border-color .18s}
a.sbr-pa__chip:hover{border-color:var(--accent);color:var(--ink)}
.sbr-pa__chip--all{font-weight:700;color:var(--ink)}
.sbr-pa__chip.is-active{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}

/* GRID */
.sbr-pa__grid-wrap{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,46px) var(--pa-gut) clamp(40px,6vw,72px)}
.sbr-pa__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.sbr-pa__card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .25s,transform .2s,border-color .2s}
.sbr-pa__card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px);border-color:transparent}
.sbr-pa__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.sbr-pa__media{position:relative;aspect-ratio:4/3;background:var(--line);overflow:hidden}
.sbr-pa__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.sbr-pa__card:hover .sbr-pa__img{transform:scale(1.04)}
.sbr-pa__media--ph{background:linear-gradient(135deg,var(--line),var(--paper))}
.sbr-pa__badge{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;padding:4px 12px;border-radius:99px;box-shadow:var(--shadow-btn)}
.sbr-pa__status{position:absolute;inset-block-start:12px;inset-inline-end:12px;background:rgba(14,37,64,.86);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px}
.sbr-pa__status.is-sold{background:rgba(29,26,22,.72)}
.sbr-pa__body{display:flex;flex-direction:column;gap:8px;padding:16px 24px 24px;flex:1 1 auto}
.sbr-pa__kind{color:var(--fg-mute);font-size:14px;font-weight:600;margin:0}
.sbr-pa__h2{font-size:20px;font-weight:800;color:var(--ink);margin:0;line-height:1.3}
.sbr-pa__price{color:var(--accent-strong);font-weight:800;font-size:20px;margin:2px 0 0}
.sbr-pa__facts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}
.sbr-pa__facts span{display:inline-flex;align-items:center;gap:8px;color:var(--fg-soft);font-size:14px;font-weight:600}
.sbr-pa__facts .sbr-pa__ico{color:var(--brand-deep)}
.sbr-pa__perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sbr-pa__perk{font-size:12px;font-weight:600;color:var(--fg-soft);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:3px 8px;line-height:1.5}
.sbr-pa__perk--more{color:var(--fg-mute);background:transparent}
.sbr-pa__more{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:14px}
.sbr-pa__more .sbr-pa__ico{transition:transform .25s}
.sbr-pa__card:hover .sbr-pa__more .sbr-pa__ico{transform:translateX(-5px)}

/* EMPTY */
.sbr-pa__empty{max-width:760px;margin:0 auto;padding:48px var(--pa-gut) 64px;text-align:center;color:var(--fg-mute);display:flex;flex-direction:column;align-items:center;gap:24px}

/* BOTTOM CTA (navy) — shared look with archive */
.sbr-ap__cta{background:var(--brand-deep);color:var(--on-dark);padding:clamp(44px,6vw,80px) var(--pa-gut);text-align:center}
.sbr-ap__cta-in{max-width:680px;margin:0 auto}
.sbr-ap__cta-title{font-size:clamp(23px,3.2vw,34px);color:#fff;margin:0}
.sbr-ap__cta-sub{margin:12px auto 24px;color:var(--on-dark-soft);font-size:16px;line-height:1.7}

@media(max-width:560px){.sbr-pa__grid{grid-template-columns:1fr}}

/* Area chips — stick below the sticky header while scrolling (aids navigation
   between areas) + clear breathing room before the listing cards. */
.sbr-pa__chips{
	position:sticky;
	top:88px;                 /* just below the sticky .sbr-hdr (~88px desktop) */
	z-index:40;               /* under header (50), above the cards */
	background:var(--paper);  /* opaque page bg so cards scroll under cleanly */
	padding-top:clamp(12px,1.8vw,18px);
	padding-bottom:clamp(16px,2.2vw,24px);
	box-shadow:0 10px 20px -16px rgba(14,37,64,.30);
}
.admin-bar .sbr-pa__chips{top:120px}     /* logged-in: WP admin bar pushes header down 32px */
@media(max-width:560px){.sbr-pa__chips{top:76px}}