/* ============================================================
   הבינני — מערכת עיצוב
   נטען דרך Elementor ← Custom Code (ניתן לכיבוי בקליק)
   או דרך ה-child theme hello-havineni.

   כל הרכיבים תחומים תחת .hv כדי שלא יתנגשו עם
   WooCommerce, Hello Elementor או תוספים קיימים.
   רק המשתנים (--hv-*) גלובליים, כדי שגם ווידג'טים
   רגילים של אלמנטור יוכלו להשתמש בהם.
   ============================================================ */

:root{
  --hv-blue:#0876bb;
  --hv-blue-deep:#063b70;
  --hv-deep:#032c55;
  --hv-navy:#021f3b;
  --hv-sky:#eaf6fd;
  --hv-orange:#ff9418;
  --hv-orange-soft:#fff1df;
  --hv-ink:#0b2740;
  --hv-muted:#61778b;
  --hv-line:#d9e8f2;
  --hv-line-dark:rgba(255,255,255,.12);
  --hv-radius:26px;
  --hv-radius-sm:14px;
  --hv-shadow:0 22px 70px rgba(3,44,85,.13);
  --hv-shadow-sm:0 10px 35px rgba(4,71,116,.06);
  --hv-max:1240px;
  --hv-font:"Heebo","Assistant",Arial,sans-serif;
}

/* ---------- scope ---------- */
.hv{
  font-family:var(--hv-font);
  color:var(--hv-ink);
  line-height:1.65;
  direction:rtl;
  text-align:right;
}
.hv *,.hv *:before,.hv *:after{box-sizing:border-box}
.hv img{max-width:100%;height:auto;display:block}
.hv a{color:inherit;text-decoration:none}
.hv p{font-size:1.06rem;margin-top:0}
.hv h1,.hv h2,.hv h3{margin-top:0;color:inherit}

/* Hello Elementor ו-Woo מזריקים list-style ומרווחים — מנטרלים בתוך הסקופ */
.hv ul,.hv ol{margin:0;padding:0;list-style:none}

/* ---------- layout ---------- */
.hv-container{width:min(var(--hv-max),calc(100% - 48px));margin-inline:auto}
.hv-section{padding:clamp(64px,8vw,112px) 0}
.hv-section--soft{background:#f7fbfe}
.hv-section--sky{background:var(--hv-sky)}
.hv-section--dark{background:linear-gradient(120deg,var(--hv-navy),#064b83);color:#fff}
.hv-section--dark p{color:#bed9ea}

/* ---------- typography ---------- */
.hv h1,.hv-h1{font-size:clamp(2.6rem,6vw,6.1rem);line-height:.99;letter-spacing:-.055em;margin-bottom:26px}
.hv h2,.hv-h2{font-size:clamp(2rem,4.3vw,4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:20px}
.hv h3,.hv-h3{font-size:1.5rem;line-height:1.2;margin-bottom:12px}
.hv-lead{font-size:clamp(1.08rem,1.6vw,1.36rem);line-height:1.75;color:var(--hv-muted)}
.hv-muted{color:var(--hv-muted)}

/* הכותרת הקטנה שמעל כל סקשן */
.hv-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--hv-blue);font-size:.99rem;font-weight:900;
  letter-spacing:.03em;margin-bottom:16px;
}
.hv-eyebrow:before{content:"";width:29px;height:3px;border-radius:10px;background:var(--hv-orange);flex:none}
.hv-section--dark .hv-eyebrow,.hv-on-dark .hv-eyebrow{color:#fff}

/* ---------- buttons ---------- */
.hv-btn{
  min-height:54px;padding:0 25px;border-radius:var(--hv-radius-sm);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:800;border:1px solid transparent;cursor:pointer;
  transition:transform .22s ease,background-color .22s ease,color .22s ease;
}
.hv-btn:hover{transform:translateY(-2px)}
.hv-btn--primary{background:var(--hv-orange);color:#172535;box-shadow:0 11px 26px rgba(255,148,24,.27)}
.hv-btn--primary:hover{background:#ffa128;color:#172535}
.hv-btn--outline{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.06)}
.hv-btn--outline:hover{background:#fff;color:var(--hv-deep)}
.hv-btn--ghost{border-color:var(--hv-line);color:var(--hv-deep);background:#fff}

/* ---------- cards ---------- */
.hv-card{
  border:1px solid var(--hv-line);border-radius:var(--hv-radius);
  padding:34px;background:#fff;box-shadow:var(--hv-shadow-sm);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.hv-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(3,64,106,.15);border-color:#b7d9ee}
.hv-card--featured{background:linear-gradient(145deg,var(--hv-blue),var(--hv-blue-deep));color:#fff;border:0}
.hv-card--featured p{color:#d9eefb}

/* אריח אייקון — display:grid חייב להישאר, ראה הערה למטה */
.hv-icon{
  width:46px;height:46px;border-radius:var(--hv-radius-sm);
  background:var(--hv-sky);color:var(--hv-blue);
  display:grid;place-items:center;line-height:1;flex:none;align-self:center;
  font-weight:900;
}
.hv-icon--orange{background:linear-gradient(145deg,#ffad4d,var(--hv-orange));color:var(--hv-deep)}
.hv-icon svg{width:24px;height:24px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* אזהרה: אל תוסיפו כלל כמו `.hv-fact span{display:block}` —
   ספציפיות 0,1,1 תגבר על .hv-icon ותשבור את המרכוז. */

/* ---------- checklist ---------- */
.hv-check{display:grid;gap:12px}
.hv-check li{display:flex;gap:11px;align-items:flex-start;font-weight:600}
.hv-check li:before{
  content:"✓";width:24px;height:24px;border-radius:50%;
  background:var(--hv-orange-soft);color:#bd5f00;
  display:grid;place-items:center;font-size:.75rem;font-weight:900;flex:none;margin-top:2px;
}

/* ---------- FAQ ---------- */
.hv-faq details{border:1px solid var(--hv-line);border-radius:17px;padding:0 22px;background:#fff;margin-bottom:13px}
.hv-faq summary{cursor:pointer;font-weight:800;padding:20px 30px 20px 0;position:relative;list-style:none}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary:before{content:"+";position:absolute;right:0;top:18px;color:var(--hv-orange);font-size:1.35rem}
.hv-faq details[open] summary:before{content:"–"}
.hv-faq details p{color:var(--hv-muted);padding-bottom:18px;margin:0;font-size:.96rem}

/* ---------- grid helpers ---------- */
.hv-grid{display:grid;gap:22px}
.hv-grid--2{grid-template-columns:repeat(2,1fr)}
.hv-grid--3{grid-template-columns:repeat(3,1fr)}
.hv-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){
  .hv-grid--3,.hv-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .hv-container{width:min(100% - 28px,var(--hv-max))}
  .hv-grid--2,.hv-grid--3,.hv-grid--4{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .hv-btn,.hv-card{transition:none}
  .hv-btn:hover,.hv-card:hover{transform:none}
}