/* ===== קצין 5 רעננה — סגנון מותאם ===== */

:root {
  --hunter: #1F2a44;
  --sage: #C6A75E;
  --yellow: #C6A75E;
  --cream: #E8DCC8;
  --brick: #C6A75E;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Heebo', 'Assistant', sans-serif;
  background: var(--cream);
  color: #1F2a44;
  overflow-x: hidden;
}

/* כותרות עם משקל כבד */
.display { font-family: 'Heebo', sans-serif; font-weight: 900; letter-spacing: -0.02em; }

/* ===== Hero ===== */
.hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(31,42,68,0.55) 0%, rgba(31,42,68,0.25) 40%, rgba(15,21,36,0.85) 100%);
}

/* כפתור CTA */
.btn-primary {
  background: var(--yellow);
  color: var(--hunter);
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  box-shadow: 0 8px 24px rgba(198,167,94,.35);
}
.btn-primary:hover { transform: translateY(-3px); background: #d4bd84; box-shadow: 0 12px 30px rgba(198,167,94,.5); }

.btn-ghost {
  border: 2px solid rgba(232,220,200,.8);
  color: var(--cream);
  font-weight: 700;
  transition: all .25s ease;
}
.btn-ghost:hover { background: var(--cream); color: var(--hunter); }

.btn-wa {
  background: #25D366;
  color: #fff;
  font-weight: 800;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  box-shadow: 0 8px 24px rgba(37,211,102,.35);
}
.btn-wa:hover { transform: translateY(-3px); background: #1db954; box-shadow: 0 12px 30px rgba(37,211,102,.5); }

/* ===== Scroll reveal ===== */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.reveal.in { opacity: 1; transform: none; }
.reveal.delay-1 { transition-delay: .12s; }
.reveal.delay-2 { transition-delay: .24s; }
.reveal.delay-3 { transition-delay: .36s; }

.reveal-right { opacity: 0; transform: translateX(50px); transition: opacity .8s ease, transform .8s ease; }
.reveal-right.in { opacity: 1; transform: none; }
.reveal-left { opacity: 0; transform: translateX(-50px); transition: opacity .8s ease, transform .8s ease; }
.reveal-left.in { opacity: 1; transform: none; }

/* ===== כרטיסי דירות ===== */
.apt-card {
  transition: transform .35s ease, box-shadow .35s ease;
  border-top: 5px solid var(--sage);
}
.apt-card:hover { transform: translateY(-10px); box-shadow: 0 24px 48px rgba(31,42,68,.22); }
.apt-card.sold { opacity: .92; }

.badge-sold {
  background: var(--brick);
  color: #fff;
  font-weight: 800;
  letter-spacing: .05em;
}

/* גלריה */
.gallery-img {
  transition: transform .6s ease, filter .4s ease;
  filter: saturate(.95);
}
.gallery-img:hover { transform: scale(1.06); filter: saturate(1.15); }

/* פס סטטיסטיקות */
.stat-num { font-weight: 900; color: var(--yellow); }

/* פאנל תוכנית מתקפל */
.plan-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .55s ease;
}
.plan-body.open { max-height: 3000px; }
.plan-toggle .chev { transition: transform .4s ease; }
.plan-toggle.open .chev { transform: rotate(180deg); }

/* כפתור טלפון צף */
.float-phone {
  position: fixed;
  bottom: 22px;
  left: 22px;
  z-index: 60;
  background: var(--brick);
  color: #fff;
  box-shadow: 0 10px 30px rgba(198,167,94,.45);
  animation: pulse 2.4s infinite;
}
@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(198,167,94,.55); }
  70%  { box-shadow: 0 0 0 18px rgba(198,167,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(198,167,94,0); }
}

/* כפתור וואטסאפ צף */
.float-wa {
  position: fixed;
  bottom: 84px;
  left: 22px;
  z-index: 60;
  background: #25D366;
  color: #fff;
  box-shadow: 0 10px 30px rgba(37,211,102,.45);
  animation: pulse-wa 2.4s infinite;
}
@keyframes pulse-wa {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.55); }
  70%  { box-shadow: 0 0 0 18px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* ניווט מודבק */
#nav {
  background: rgba(31,42,68,.9);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 14px rgba(0,0,0,.18);
  border-bottom: 1px solid rgba(198,167,94,.35);
}
.nav-scrolled {
  background: rgba(31,42,68,.98) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}

/* קו דקורטיבי */
.accent-line { width: 70px; height: 5px; background: var(--yellow); border-radius: 4px; }

/* פרלקס עדין לרקעים */
.bg-fixed { background-attachment: fixed; background-size: cover; background-position: center; }
@media (max-width: 768px) { .bg-fixed { background-attachment: scroll; } }

/* ===== עמוד אודות החברה — אנפה ===== */

/* רקע גיבור עם תבנית עדינה */
.about-hero {
  background:
    radial-gradient(circle at 20% 20%, rgba(198,167,94,.18), transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(198,167,94,.22), transparent 50%),
    linear-gradient(160deg, #2a3a5a 0%, #1F2a44 55%, #131b2e 100%);
  position: relative;
  overflow: hidden;
}
.about-hero::after {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(232,220,200,.07) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
}

/* כרטיס נתון בגיבור */
.fact-chip {
  background: rgba(232,220,200,.1);
  border: 1px solid rgba(198,167,94,.35);
  backdrop-filter: blur(4px);
  border-radius: 1rem;
}

/* טבלת ערכים (אבני דרך) */
.value-card {
  background: #fff;
  border-radius: 1rem;
  border: 1px solid rgba(198,167,94,.18);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.value-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(31,42,68,.16);
  border-color: var(--yellow);
}

/* כפתורי סינון פרויקטים */
.filter-btn {
  border: 2px solid rgba(31,42,68,.25);
  color: var(--hunter);
  background: #fff;
  font-weight: 700;
  border-radius: 999px;
  padding: .55rem 1.5rem;
  transition: all .25s ease;
}
.filter-btn:hover { border-color: var(--sage); }
.filter-btn.active {
  background: var(--hunter);
  color: var(--cream);
  border-color: var(--hunter);
  box-shadow: 0 8px 20px rgba(31,42,68,.28);
}

/* כרטיסי פרויקט */
.project-card {
  background: #fff;
  border-radius: 1.1rem;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(15,21,36,.10);
  transition: transform .4s ease, box-shadow .4s ease;
  display: flex;
  flex-direction: column;
}
.project-card.hide { display: none; }
.project-card:hover { transform: translateY(-8px); box-shadow: 0 26px 50px rgba(31,42,68,.22); }
.project-media {
  position: relative;
  height: 250px;
  overflow: hidden;
  cursor: zoom-in;
}
.project-media img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}
.project-card:hover .project-media img { transform: scale(1.08); }
.project-media::after {
  content: "🔍";
  position: absolute; top: 12px; left: 12px;
  background: rgba(31,42,68,.85);
  color: var(--cream);
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  opacity: 0; transform: scale(.7);
  transition: all .3s ease;
}
.project-card:hover .project-media::after { opacity: 1; transform: scale(1); }

.cat-tag {
  position: absolute; bottom: 12px; right: 12px;
  font-size: .7rem; font-weight: 800;
  padding: .3rem .8rem; border-radius: 999px;
  letter-spacing: .02em;
}
.cat-tag.new  { background: var(--yellow); color: var(--hunter); }
.cat-tag.tama { background: var(--brick); color: #fff; }

.project-meta li { position: relative; padding-in-start: 0; }

/* לייטבוקס */
.lightbox {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(10,14,24,.92);
  display: none;
  align-items: center; justify-content: center;
  padding: 2rem;
  backdrop-filter: blur(4px);
}
.lightbox.open { display: flex; animation: lbFade .3s ease; }
@keyframes lbFade { from { opacity: 0; } to { opacity: 1; } }
.lightbox img {
  max-width: 92vw; max-height: 82vh;
  border-radius: .75rem;
  box-shadow: 0 30px 80px rgba(0,0,0,.6);
}
.lightbox .lb-cap {
  position: absolute; bottom: 26px; left: 0; right: 0;
  text-align: center; color: var(--cream);
  font-weight: 600; padding: 0 1rem;
}
.lightbox .lb-close {
  position: absolute; top: 22px; left: 26px;
  color: var(--cream); font-size: 2.4rem; line-height: 1;
  cursor: pointer; opacity: .8; transition: opacity .2s;
}
.lightbox .lb-close:hover { opacity: 1; }

/* ציטוט / המלצה */
.quote-mark {
  font-family: Georgia, serif;
  font-size: 5rem; line-height: 0;
  color: var(--yellow);
}

/* בס״ד / BH — סימון בראש העמוד */
.bsd {
  position: fixed;
  top: 4px;
  right: 12px;
  z-index: 70;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--cream);
  opacity: .85;
  pointer-events: none;
}
.bsd-en { right: auto; left: 12px; }