/* =========================================================
   נקודת מפגש — דף הפתיחה (index.html)
   ========================================================= */
.page-entry{ overflow-x:hidden; }

.entry{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);
}

/* ---------- צד התוכן ---------- */
.entry-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:22px;
  padding-inline:var(--gutter);
  padding-block:40px;
  max-width:620px;
  margin-inline:auto;
  width:100%;
}
.entry-logo{ width:min(210px, 52vw); margin-inline-start:-6px; }

.entry-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:800;
  font-size:var(--fs-h1);
  line-height:1.08;
  color:var(--navy);
  text-wrap:balance;
}
.entry-lead{
  margin:0;
  font-size:var(--fs-lead);
  line-height:1.65;
  color:var(--muted);
  max-width:42ch;
  text-wrap:pretty;
}

/* ---------- בחירות ---------- */
.choices{ display:flex; flex-direction:column; gap:12px; margin-top:6px; }
.choices-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }

.choice{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  padding:16px 18px;
  background:var(--white);
  border:1.5px solid var(--line);
  border-radius:var(--radius);
  cursor:pointer;
  text-align:right;
  color:inherit;
  text-decoration:none;
  transition:border-color .2s, transform .2s, box-shadow .2s, background .2s;
}
.choice:hover{ border-color:var(--gold); transform:translateY(-2px); box-shadow:0 12px 28px rgba(14,37,65,.10); }
.choice:active{ transform:translateY(0); }

.choice-icon{
  flex:none;
  width:44px; height:44px;
  border-radius:14px;
  display:grid; place-items:center;
  background:var(--gold-pale);
  color:var(--navy);
}
.choice-icon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.choice-text{ display:flex; flex-direction:column; min-width:0; }
.choice-title{ font-family:var(--font-display); font-weight:700; font-size:var(--fs-h3); line-height:1.25; color:var(--navy); }
.choice-desc{ font-size:var(--fs-small); color:var(--muted); line-height:1.4; }

/* הבחירה הראשית */
.choice-main{
  padding:20px 22px;
  background:var(--navy);
  border-color:var(--navy);
  box-shadow:0 14px 30px rgba(14,37,65,.28);
}
.choice-main:hover{ background:var(--navy-soft); border-color:var(--navy-soft); box-shadow:0 18px 36px rgba(14,37,65,.34); }
.choice-main .choice-icon{ width:52px; height:52px; background:var(--gold); color:var(--navy); }
.choice-main .choice-title{ color:var(--white); font-size:calc(var(--fs-h3) * 1.15); }
.choice-main .choice-desc{ color:#BFCBDD; font-size:var(--fs-body); }
.choice-arrow{ margin-inline-start:auto; color:var(--gold-bright); flex:none; transition:transform .2s; }
.choice-arrow svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.choice-main:hover .choice-arrow{ transform:translateX(-4px); }

/* ---------- תחתית ---------- */
.entry-foot{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; margin-top:4px; }
.entry-links{ display:flex; flex-wrap:wrap; gap:4px 16px; }
.entry-links a{
  color:var(--navy);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:var(--gold);
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.entry-links a:hover{ color:var(--gold-text); }
.entry-org{ color:var(--muted); font-size:var(--fs-small); }

/* ---------- צד התמונה: מפה חיה ---------- */
.scene{
  position:relative;
  margin:14px;
  margin-inline-start:0;
  border-radius:28px;
  overflow:hidden;
  background:var(--navy);
  box-shadow:0 30px 60px rgba(14,37,65,.25);
}
.scene-svg{ position:absolute; inset:0; width:100%; height:100%; display:block; overflow:visible; }

.sc-road-edge,.sc-road-body,.sc-road-line{ fill:none; stroke-linecap:round; stroke-linejoin:round; }
.sc-road-edge{ stroke:var(--gold); stroke-width:46; }
.sc-road-body{ stroke:#0A1B31; stroke-width:38; }
.sc-road-line{ stroke:var(--gold-bright); stroke-width:2.5; stroke-dasharray:14 16; opacity:.85; }

/* סמנים וכרטיסי מקומות על הדרך */
.sc-pin{ opacity:0; }
.sc-pin-head{ fill:var(--gold); stroke:#FFF6DE; stroke-width:3; }
.sc-pin-dot{ fill:var(--navy); }
.sc-pin-shadow{ fill:#000; opacity:.25; }
.sc-card{ filter:drop-shadow(0 10px 16px rgba(0,0,0,.28)); }
.sc-card rect{ fill:var(--white); }
.sc-card .sc-cat{ font-family:var(--font-display); font-weight:700; font-size:22px; fill:var(--navy); }
.sc-card .sc-city{ font-family:var(--font-body); font-size:17px; fill:var(--muted); }
.sc-card .sc-score{ font-family:var(--font-display); font-weight:700; font-size:14px; fill:var(--navy); }
.sc-card .sc-score-bg{ fill:var(--gold-pale); }

/* החופה בקצה הדרך */
.ch-glow{ transform-box:fill-box; transform-origin:center; }

/* ---------- תנועה ---------- */
@media (prefers-reduced-motion: no-preference){
  .sc-road-line{ animation:road-flow 2.2s linear infinite; }
  @keyframes road-flow{ to{ stroke-dashoffset:-60; } }

  .sc-pin{ animation:pin-drop .6s cubic-bezier(.2,.9,.3,1.3) forwards; }
  .sc-bob{ animation:bob 4.5s ease-in-out infinite; transform-box:fill-box; }
  .ch-glow{ animation:glow 3.6s ease-in-out infinite; }
  @keyframes glow{ 0%,100%{ opacity:.75; transform:scale(.94); } 50%{ opacity:1; transform:scale(1.06); } }
  @keyframes pin-drop{ from{ opacity:0; transform:translateY(-24px); } to{ opacity:1; transform:translateY(0); } }
  @keyframes bob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }

  .entry-content > *{ animation:rise .7s cubic-bezier(.2,.7,.2,1) both; }
  .entry-content > :nth-child(2){ animation-delay:.08s; }
  .entry-content > :nth-child(3){ animation-delay:.16s; }
  .entry-content > :nth-child(4){ animation-delay:.24s; }
  .entry-content > :nth-child(5){ animation-delay:.32s; }
  @keyframes rise{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
}
@media (prefers-reduced-motion: reduce){
  .sc-pin{ opacity:1; }
  .sc-traveler{ display:none; }
}

/* ---------- טלפון וטאבלט: המפה למעלה, התוכן מתחתיה ---------- */
@media (max-width: 900px){
  .br-wide{ display:none; }
  .entry{ grid-template-columns:minmax(0, 1fr); grid-template-rows:auto auto; }
  .scene{ order:-1; height:min(58vh, 520px); margin:12px; }
  .entry-content{ padding-block:8px 32px; gap:18px; }
  .entry-logo{ width:150px; margin-top:-62px; position:relative; z-index:2;
    background:var(--paper); border-radius:20px; padding:8px 10px; box-shadow:0 10px 24px rgba(14,37,65,.15); }
}
@media (max-width: 420px){
  .choices-row{ grid-template-columns:1fr; }
}

/* שבירת שורות מכוונת: לא שוברים באמצע צירוף */
.entry-title, .entry-lead, .choice-title, .choice-desc{ text-wrap:balance; }
@media (max-width: 480px){
  .choice-main .choice-title{ font-size:1.2rem; }
  .choice-main .choice-desc{ font-size:var(--fs-small); }
  .choice-main{ padding:16px 16px; }
  .choice-main .choice-icon{ width:46px; height:46px; }
}
.chuppah-canvas{ display:block; width:120px; height:120px; border-radius:50%; }
/* דף הפתיחה: גם הוא משתתף במעבר בין העמודים */

