/*
 * getsmile-blocks.css — עיצוב לעמודי גוטנברג של רשת גטסמייל
 * נטען רק על עמודים שנבנו בבלוקים ואינם עמודי אלמנטור (body.gs-blocks).
 * decisions.md D1 — הבלוקים נשארים נטיביים; העיצוב חי כאן ולא במרקאפ.
 * מחלקות שהאדמין יכול לתת לבלוק מהעורך:
 *   gs-finder  — קבוצה שהופכת לסרגל חיפוש לבן מרחף
 *   gs-card    — קבוצה שהופכת לכרטיס לבן עם פס תכלת עליון
 *   gs-map     — עמודה שמחזיקה את מפת הרשת (דביקה בגלילה)
 *   gs-chips   — פסקה שמכילה <span> לכל תגית טיפול
 *   gs-go      — פסקה שהיא קישור "לעמוד המרפאה ←"
 */

.gs-blocks{
  /* overflow-x: clip (not hidden) — מונע גלילה אופקית מהרצועה ברוחב מלא
     בלי לשבור position:sticky של המפה */
  overflow-x:clip;
  --gs-navy:#0B183F; --gs-navy-2:#071230;
  --gs-cyan:#25A9E7; --gs-blue:#176CAE;
  --gs-tint:#F2F8FD; --gs-tint-2:#E3EEF9;
  --gs-line:#D5E2F1; --gs-ink:#0B183F; --gs-ink-2:#4A5C7E;
  --gs-shadow:0 18px 40px -24px rgba(11,24,63,.45);
}

/* ---------- מעטפת ---------- */
.gs-blocks .site-main{
  max-width:1160px; margin-inline:auto; padding:0 24px 88px;
  color:var(--gs-ink);
  font-family:'Assistant','Heebo',system-ui,sans-serif;
  font-size:17px; line-height:1.65;
}
.gs-blocks .site-main > .page-content > *,
.gs-blocks .site-main > .entry-content > *{margin-block:0}
.gs-blocks .site-main > .page-content > * + *,
.gs-blocks .site-main > .entry-content > * + *{margin-block-start:26px}

/* ---------- רצועת הכותרת ----------
   כותרת התבנית מוסתרת; הרצועה נבנית מבלוק gs-hero כדי שהפירורים,
   ה-H1 והפסקה יהיו כולם בתוך הרצועה וניתנים לעריכה בעורך.
   נשארת H1 אחת בעמוד (D3). */
.gs-blocks .site-main > .page-header{display:none}

.gs-blocks .gs-hero{
  background:var(--gs-navy-2);
  margin-inline:calc(50% - 50vw);
  padding:46px calc(50vw - 50% + 24px) 122px;
  margin-block:0 0;
}
.gs-blocks .gs-hero > *{max-width:1112px; margin-inline:auto}
.gs-blocks .gs-hero h1{
  font-family:'Heebo','Assistant',sans-serif;
  font-size:clamp(34px,4.6vw,54px); font-weight:900;
  letter-spacing:-.03em; line-height:1.05; color:#fff; margin:0;
}
.gs-blocks p.gs-crumb{
  color:var(--gs-ink-2); font-size:14px; margin:0 0 16px; max-width:none;
  color:#9FB4D4;
}
.gs-blocks p.gs-crumb strong{color:#fff; font-weight:600}
.gs-blocks p.gs-lede{
  color:#9FB4D4; font-size:18.5px; margin:16px 0 0; max-width:62ch;
}

/* ---------- כותרות ---------- */
.gs-blocks .site-main h2.wp-block-heading{
  font-family:'Heebo','Assistant',sans-serif;
  font-size:clamp(25px,2.9vw,36px); font-weight:800;
  letter-spacing:-.02em; line-height:1.18; color:var(--gs-navy);
  margin-block-start:60px; padding-block-start:22px; position:relative;
}
.gs-blocks .site-main h2.wp-block-heading::before{
  content:""; position:absolute; inset-block-start:0; inset-inline-start:0;
  width:44px; height:3px; background:var(--gs-cyan); border-radius:3px;
}
.gs-blocks .site-main h3,
.gs-blocks .site-main h3.wp-block-heading{
  font-family:'Heebo','Assistant',sans-serif;
  font-size:21px; font-weight:800; color:var(--gs-navy); margin:0 0 8px;
}
.gs-blocks .site-main p{margin:0 0 12px; max-width:70ch}
.gs-blocks .site-main p:last-child{margin-bottom:0}
.gs-blocks .site-main a{color:var(--gs-blue)}

/* ---------- בלוק התשובה הישירה ---------- */
.gs-blocks .site-main > .page-content > .wp-block-group.gs-answer,
.gs-blocks .site-main > .entry-content > .wp-block-group.gs-answer{
  background:var(--gs-tint);
  border-inline-start:4px solid var(--gs-cyan);
  border-radius:0 14px 14px 0;
  padding:26px 28px;
}
.gs-blocks .site-main > .page-content > .wp-block-group.gs-answer p,
.gs-blocks .site-main > .entry-content > .wp-block-group.gs-answer p{font-size:18.5px;max-width:none}

/* ---------- סרגל החיפוש ---------- */
.gs-blocks .gs-finder{
  background:#fff; border:1px solid var(--gs-line); border-radius:16px;
  padding:10px 24px 18px; box-shadow:var(--gs-shadow);
  margin-block-start:-42px!important; position:relative; z-index:5;
}
.gs-blocks .gs-finder .gs-frow{
  gap:14px; align-items:center; padding-block:10px; margin-block:0!important;
}
.gs-blocks .gs-finder .gs-frow + .gs-frow{border-top:1px solid var(--gs-line)}
.gs-blocks .gs-finder .gs-frow .wp-block-column{display:block}
.gs-blocks .gs-finder p.gs-flab{
  font-family:'Heebo',sans-serif; font-weight:800; font-size:14px;
  color:var(--gs-ink-2); margin:0; max-width:none;
}
.gs-blocks .gs-finder .wp-block-buttons{margin:0}
.gs-blocks p.gs-fres{
  margin:0; padding-top:14px; border-top:1px solid var(--gs-line);
  font-size:15.5px; color:var(--gs-ink-2); max-width:none;
}
.gs-blocks p.gs-fres strong{color:var(--gs-ink)}
/* בסרגל החיפוש: הכפתור המסומן הוא נייבי מלא, כמו במוקאפ */
.gs-blocks .gs-finder .wp-block-button:not(.is-style-outline) .wp-block-button__link{
  background:var(--gs-navy); border-color:var(--gs-navy); color:#fff;
}
.gs-blocks .gs-finder .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
  background:var(--gs-navy-2); border-color:var(--gs-navy-2);
}

/* ---------- כפתורים ---------- */
.gs-blocks .wp-block-buttons{gap:9px}
.gs-blocks .wp-block-button__link{
  font-family:'Heebo','Assistant',sans-serif; font-weight:700; font-size:15.5px;
  padding:11px 20px; border-radius:100px;
  background:var(--gs-cyan); color:#fff; border:1px solid var(--gs-cyan);
  text-decoration:none;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.gs-blocks .wp-block-button__link:hover{
  background:var(--gs-blue); border-color:var(--gs-blue); color:#fff; transform:translateY(-2px);
}
.gs-blocks .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent; border-color:var(--gs-line); color:var(--gs-blue);
}
.gs-blocks .wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:var(--gs-cyan); border-color:var(--gs-cyan); color:#fff;
}

/* ---------- פריסת מפה + מרפאות ---------- */
.gs-blocks .gs-maplayout{gap:36px; align-items:flex-start; margin-block-start:44px!important}
.gs-blocks .gs-map{position:sticky; top:110px}
.gs-blocks .gs-map figure,
.gs-blocks .gs-map .wp-block-image{margin:0}
.gs-blocks .gs-map img{width:100%; height:auto; display:block; border-radius:18px; box-shadow:var(--gs-shadow)}

/* ---------- כרטיסים ---------- */
.gs-blocks .gs-card{
  background:#fff; border:1px solid var(--gs-line); border-radius:16px;
  padding:24px; box-shadow:var(--gs-shadow);
  position:relative; overflow:hidden; height:100%;
  display:flex; flex-direction:column;
  transition:border-color .2s, transform .2s;
}
.gs-blocks .gs-card::before{
  content:""; position:absolute; inset-block-start:0; inset-inline:0;
  height:3px; background:var(--gs-cyan);
}
.gs-blocks .gs-card:hover{border-color:var(--gs-cyan); transform:translateY(-3px)}
.gs-blocks .gs-card p{color:var(--gs-ink-2); font-size:15.5px}
.gs-blocks .gs-card p.gs-go{
  margin-top:auto; padding-top:14px; border-top:1px solid var(--gs-line);
  font-size:15px; margin-bottom:0; color:var(--gs-ink-2);
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
}
.gs-blocks .gs-card p.gs-go a{color:var(--gs-blue); font-weight:700; text-decoration:none}
.gs-blocks .gs-card p.gs-go a:hover{text-decoration:underline}
.gs-blocks .wp-block-columns{gap:18px}
.gs-blocks .wp-block-columns .wp-block-column{display:flex; flex-direction:column}
.gs-blocks .gs-card{width:100%}
.gs-blocks .gs-maplayout > .wp-block-column{display:block}

/* ---------- תגיות טיפול ---------- */
.gs-blocks p.gs-chips{display:flex; flex-wrap:wrap; gap:6px; margin:2px 0 12px}
.gs-blocks p.gs-chips span{
  font-size:12.5px; font-weight:600; background:var(--gs-tint-2);
  color:var(--gs-blue); border-radius:100px; padding:4px 11px;
}

/* ---------- שאלות ותשובות ---------- */
.gs-blocks .wp-block-details{
  background:#fff; border:1px solid var(--gs-line); border-radius:14px;
  padding:0; margin-block-start:10px!important;
}
.gs-blocks .wp-block-details summary{
  list-style:none; cursor:pointer; padding:18px 22px;
  font-family:'Heebo','Assistant',sans-serif; font-weight:700; font-size:17.5px;
  color:var(--gs-navy);
  display:flex; justify-content:space-between; align-items:center; gap:14px;
}
.gs-blocks .wp-block-details summary::-webkit-details-marker{display:none}
.gs-blocks .wp-block-details summary::after{
  content:"+"; color:var(--gs-cyan); font-size:24px; font-weight:800; line-height:1; flex-shrink:0;
}
.gs-blocks .wp-block-details[open] summary::after{content:"–"}
.gs-blocks .wp-block-details > p{padding:0 22px 20px; color:var(--gs-ink-2); font-size:16.5px}

/* ---------- לולאת שאילתה (עמוד הרופאים) ---------- */
.gs-blocks .wp-block-post-template{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:18px;
}
.gs-blocks .wp-block-post-template > li{
  background:#fff; border:1px solid var(--gs-line); border-radius:16px;
  overflow:hidden; box-shadow:var(--gs-shadow);
  display:flex; flex-direction:column; transition:border-color .2s, transform .2s;
}
.gs-blocks .wp-block-post-template > li:hover{border-color:var(--gs-cyan); transform:translateY(-3px)}
.gs-blocks .wp-block-post-featured-image{margin:0}
.gs-blocks .wp-block-post-featured-image img{
  width:100%; height:200px; object-fit:cover; display:block; background:var(--gs-tint-2);
}
.gs-blocks .wp-block-post-title{
  font-family:'Heebo','Assistant',sans-serif; font-size:20px; font-weight:800; margin:18px 22px 6px;
}
.gs-blocks .wp-block-post-title a{color:var(--gs-navy); text-decoration:none}
.gs-blocks .wp-block-post-title a:hover{color:var(--gs-blue)}
.gs-blocks .wp-block-post-excerpt{margin:0 22px 20px; color:var(--gs-ink-2); font-size:15.5px}
.gs-blocks .wp-block-query-no-results{
  border:1px dashed var(--gs-line); border-radius:14px; padding:26px; color:var(--gs-ink-2);
}
.gs-blocks .wp-block-query-no-results p{margin:0}

/* ---------- רספונסיבי ---------- */
@media (max-width:1024px){
  .gs-blocks .wp-block-post-template{grid-template-columns:repeat(2,1fr)}
  .gs-blocks .gs-map{position:static; max-width:340px; margin-inline:auto}
  .gs-blocks .wp-block-button__link{padding:13px 20px}
}
@media (max-width:640px){
  .gs-blocks .site-main{padding-inline:18px}
  .gs-blocks .wp-block-post-template{grid-template-columns:1fr}
  .gs-blocks .gs-finder{padding-inline:18px}
}

@media (prefers-reduced-motion:reduce){ .gs-blocks *{transition:none!important} }

/* ---------- רצועת סיום כהה (gs-band) ---------- */
.gs-blocks .gs-band{
  background:var(--gs-navy); color:#fff; border-radius:20px;
  padding:34px 36px; margin-block-start:56px!important;
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.gs-blocks .gs-band h2.wp-block-heading{
  color:#fff; margin:0; padding:0; font-size:clamp(22px,2.4vw,30px);
}
.gs-blocks .gs-band h2.wp-block-heading::before{display:none}
.gs-blocks .gs-band p{color:#9FB4D4; margin:6px 0 0; max-width:52ch}
.gs-blocks .gs-band .wp-block-buttons{margin:0}
.gs-blocks .gs-band .wp-block-button.is-style-outline .wp-block-button__link{
  border-color:rgba(255,255,255,.35); color:#fff;
}

/* ---------- מצב "אין תוצאות" בשורת הספירה ---------- */
.gs-blocks p.gs-fres[data-gs-empty]{color:var(--gs-blue); font-weight:700}

/* hidden חייב לגבור על display:flex של הבלוקים — בלי זה הסינון לא נראה */
.gs-blocks [hidden]{display:none!important}

/* ---------- רשת המרפאות מ-ACF (getsmile/clinic-grid) ---------- */
.gs-blocks .gs-grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:18px;
}
.gs-blocks .gs-card-clinic{position:relative}
.gs-blocks .gs-card-clinic h3{margin:0 0 10px}
.gs-blocks .gs-card-clinic h3 a.gs-cardlink{
  color:var(--gs-navy); text-decoration:none;
}
/* הקישור מתוח על כל הכרטיס — הכרטיס כולו לחיץ */
.gs-blocks .gs-card-clinic h3 a.gs-cardlink::after{
  content:""; position:absolute; inset:0; z-index:1;
}
.gs-blocks .gs-card-clinic p.gs-addr{margin:0 0 10px}
.gs-blocks .gs-card-clinic p.gs-guide{font-size:14.5px; margin:0 0 12px}
/* קישורי טלפון וניווט חייבים להיות מעל הקישור המתוח */
.gs-blocks .gs-card p.gs-go a{position:relative; z-index:2}
.gs-blocks a.gs-tel{font-weight:700; white-space:nowrap}
.gs-blocks p.gs-chips.gs-chips-lg span{font-size:14px; padding:6px 14px}

@media (max-width:860px){
  .gs-blocks .gs-grid{grid-template-columns:1fr}
}