/* תוספות Amitid מעל העיצוב של הדרי: תפריט נייד, נגישות, עמודים משפטיים */
:root{--a11y-accent:#DDE3D3;--a11y-bg:#2F3A2C;--a11y-fg:#F6F1EA}
.a11y-btn{background:#56654B;color:#FFFFFF}
.a11y-opt[aria-pressed="true"]{background:rgb(221 227 211 / .16)}
.a11y-reset{color:#2D2924}

html[data-a11y-font="-1"] .page{zoom:.9}
html[data-a11y-font="1"] .page{zoom:1.125}
html[data-a11y-font="2"] .page{zoom:1.25}
html[data-a11y-font="3"] .page{zoom:1.4}

.skip-link{position:fixed;top:-100px;inset-inline-start:12px;z-index:9999;background:#2D2924;color:#F6F1EA;padding:10px 18px;border-radius:2px;font-family:'Heebo',system-ui,sans-serif;font-weight:500;text-decoration:none}
.skip-link:focus{top:12px;color:#F6F1EA}
:focus-visible{outline:2px solid #93563C;outline-offset:3px}
.site-header--dark :focus-visible{outline-color:#F6F1EA}
#main:focus{outline:none}

.site-header{position:relative;z-index:50}
.menu-toggle{display:none}
.menu-scrim{display:none}

@media (max-width:980px){
  .head-grid{gap:8px!important;padding:12px 24px!important}
  .head-wordmark{height:14px!important}
  .head-spiral{height:36px!important}

  .js .menu-toggle{display:inline-flex;justify-self:end;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:0;color:inherit;cursor:pointer}
  .menu-toggle svg{display:block}
  .menu-toggle .line{transition:transform .2s ease,opacity .2s ease;transform-origin:12px 12px}
  .menu-toggle[aria-expanded="true"] .l1{transform:translateY(5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .l2{opacity:0}
  .menu-toggle[aria-expanded="true"] .l3{transform:translateY(-5px) rotate(-45deg)}

  .js .site-nav{display:none!important;position:absolute;top:100%;inset-inline:0;background:#F6F1EA;border-bottom:1px solid #2D2924;padding:4px 24px 20px}
  .js .site-header--dark .site-nav{background:#2F3A2C;border-bottom-color:#6E7C66}
  .js .site-nav[data-open="true"]{display:flex!important;flex-direction:column;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important}
  .js .site-nav a{display:flex;align-items:center;min-height:50px;font-size:18px;border-bottom:1px solid #CFC5B5}
  .js .site-header--dark .site-nav a{border-bottom-color:#6E7C66}
  .js .site-nav a:last-child{justify-content:center;margin-top:16px;border-bottom:0}

  .js .menu-scrim[data-open="true"]{display:block;position:fixed;inset:0;z-index:40;background:rgb(45 41 36 / .45)}
}
@media (prefers-reduced-motion:reduce){.menu-toggle .line{transition:none}}
@media (max-width:1400px){.site-footer{padding-bottom:88px!important}}

/* עמודים משפטיים */
.legal{max-width:760px;margin:0 auto;padding:72px 24px 104px}
.legal h1{margin:0 0 8px;font-weight:200;font-size:clamp(40px,6vw,64px);line-height:1.1}
.legal .updated{margin:0 0 40px;padding-bottom:24px;border-bottom:1px solid #2D2924;font-size:15px;color:#665E55}
.legal h2{margin:40px 0 10px;font-weight:400;font-size:24px;line-height:1.3}
.legal p,.legal li{margin:0 0 12px;color:#4A433C}
.legal ul{margin:0 0 12px;padding-inline-start:22px}
.legal strong{font-weight:500;color:#2D2924}

@media (max-width:340px){.head-wordmark{height:12px!important}}
html[data-a11y-font="2"] #wa-quote,html[data-a11y-font="3"] #wa-quote{flex:0 1 72px!important;width:auto!important}

/* כפתור הנגישות בימין (ברירת המחדל של הווידג'ט), וואטסאפ צף בשמאל (נוצר ב-site.js) */
.wa-float{position:fixed;inset-inline-end:18px;inset-block-end:18px;z-index:9980;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgb(45 41 36 / .22);transition:transform .25s ease}
.wa-float:hover{color:#fff;transform:scale(1.06)}
.wa-float:focus-visible{outline:2px solid #2D2924;outline-offset:3px}
.wa-float svg{width:28px;height:28px}
@media print{.wa-float{display:none}}
.a11y-panel,.a11y-btn{font-family:'Heebo',system-ui,sans-serif}
@media (max-width:980px){.js .site-nav{justify-self:stretch!important}}

/* טלפון: בקשות הדרי ועמית, 5.11.2026 */
@media (max-width:760px){
  /* פתיחה: הסרטון או התמונה לצד הטקסט */
  .hero-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);grid-template-areas:"eyebrow eyebrow" "head media" "body body";gap:20px 14px!important;padding:32px 24px 56px!important;align-items:stretch!important}
  .hero-text{display:contents!important}
  .hero-sub span{white-space:nowrap}
  .hero-eyebrow{grid-area:eyebrow}
  .hero-head{grid-area:head;justify-content:center;gap:14px!important}
  .hero-h1{font-size:clamp(44px,13.4vw,92px)!important}
  .hero-split--reset .hero-h1{font-size:clamp(50px,15vw,104px)!important}
  .hero-sub{font-size:clamp(17px,4.9vw,26px)!important}
  .hero-body{grid-area:body;gap:20px!important;padding-top:20px!important}
  .hero-media{grid-area:media;gap:8px!important}
  .hero-frame{min-height:0!important;padding:0 10px 10px 0!important}
  .hero-visual{min-height:250px!important;box-shadow:10px 10px 0 #DDE3D3!important}
  .hero-split--reset .hero-visual{box-shadow:10px 10px 0 #4A5745!important}
  .hero-caption{font-size:12px!important;letter-spacing:.04em!important}

  /* המפגשים הקרובים: רצועת החלקה */
  .meetings-strip{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:-24px;padding:2px 24px;scroll-padding-inline:24px}
  .meetings-strip::-webkit-scrollbar{display:none}
  .meetings-strip article{flex:0 0 min(70vw,260px);scroll-snap-align:start;padding:0 10px 10px 0!important}
  .meetings-strip article>div:first-child{top:10px!important;left:10px!important;border-radius:24px!important}
  .meetings-strip article>div:last-child{padding:24px 18px!important;gap:10px!important;border-radius:24px!important}
  .meetings-strip article>div:last-child>div:first-child{font-size:12px!important}
  .meetings-strip h3{font-size:25px!important}
  .meetings-strip p{font-size:15px!important;line-height:1.6!important}
  .meetings-strip article a{min-height:44px!important;padding:9px 14px!important;font-size:16px}

  /* איך נראית השעה: סמל בצד, כותרת ומשפט לידו */
  #how{padding:64px 24px!important}
  #how>div{gap:24px!important}
  #how>div>div:first-child{gap:8px!important}
  #how li{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:2px 14px!important;padding:18px 0!important;border-bottom:1px solid #CFC5B5}
  #how li:last-child{border-bottom:0;padding-bottom:0!important}
  #how li>span:first-child{grid-row:1 / 3;height:auto!important;align-items:flex-start!important;padding-top:3px}
  #how li svg{width:32px;height:32px}
  #how li>span:nth-child(2){font-size:18px!important;line-height:1.35}
  #how li>span:nth-child(3){font-size:15.5px!important;line-height:1.55}

  /* מהשטח: סרטונים ותמונות קטנים, שניים בשורה */
  .field-section{padding-top:72px!important;gap:28px!important}
  .field-videos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .field-videos>div{padding:0 8px 8px 0!important}
  .field-videos video{border-radius:18px!important}
  .field-videos>div:nth-child(1) video{box-shadow:8px 8px 0 #DDE3D3!important}
  .field-videos>div:nth-child(2) video{box-shadow:8px 8px 0 #E9D5C6!important}
  .field-photos{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px!important}
  .field-photos>div{flex:0 0 calc(50% - 6px);box-sizing:border-box;padding:0 8px 8px 0!important}
  .field-photos>div>div{top:8px!important;left:8px!important}

  /* המלצות: קטנות יותר, בשני העמודים */
  .org-quotes{padding-top:64px!important}
  .org-quotes>div:last-child{gap:20px!important}
  .org-quotes figure{max-width:260px!important}
  .org-quotes>div:last-child>div{gap:12px!important}
  .org-quotes>div:last-child>div img:first-child{width:140px!important}
  .org-quotes>div:last-child>div img:last-child{width:220px!important}
  .quotes-grid{gap:24px!important}
  .quotes-grid img{max-width:270px!important}
}
/* טלפון: מעבר על כל האתר, 5.11.2026 */
@media (max-width:760px){
  /* ריווח סקשנים */
  section[style*="padding: 128px"],section[style*="padding: 140px"],section[style*="padding: 112px"]{padding-block:68px!important}
  section[style*="padding: 96px"]{padding-block:56px!important}
  section[style*="gap: 72px"]:not(.hero-split){gap:32px!important}

  /* כותרות קטנות: מרווח אותיות רחב שובר את העברית */
  [style*="letter-spacing: 0.3"],[style*="letter-spacing: 0.28em"],[style*="letter-spacing: 0.24em"],[style*="letter-spacing: 0.18em"]{letter-spacing:.08em!important}
  [style*="font-size: 12px"]:not(.hero-caption){font-size:13px!important}

  /* הסדנה כבר התקיימה ב: הכותרת בשורה משלה והארגונים רשימה */
  section[aria-label="ארגונים שבהם התקיימה הסדנה"]{padding:26px 24px!important}
  section[aria-label="ארגונים שבהם התקיימה הסדנה"]>div{flex-direction:column;align-items:flex-start!important;gap:4px!important}
  section[aria-label="ארגונים שבהם התקיימה הסדנה"]>div>span:first-child{margin-bottom:8px}
  section[aria-label="ארגונים שבהם התקיימה הסדנה"]>div>span:not(:first-child){font-size:18px!important;line-height:1.5}

  /* שני כפתורים זה ליד זה: אותו גובה ושורה אחת כשיש מקום */
  div[style*="flex-wrap: wrap"]:has(>a+a){gap:10px!important}
  div[style*="flex-wrap: wrap"]:has(>a+a)>a{flex:1 1 auto;justify-content:center;text-align:center;padding-inline:10px!important;font-size:16px}

  /* פרטי המפגש: כל פרט בשורה אחת */
  .meeting-facts{display:block!important}
  .meeting-facts>div{flex-direction:row!important;justify-content:space-between;align-items:baseline;gap:16px!important;padding:12px 0!important;border-bottom:1px solid #CFC5B5}
  .meeting-facts>div:last-child{border-bottom:0}
  .meeting-facts dd{font-size:17px!important;text-align:end}

  /* כרטיסי טקסט וטופס: פחות שוליים, יותר מקום לטקסט */
  div[style*="padding: 44px 40px"]{padding:30px 22px!important}
  div[style*="padding: 56px 40px"]{padding:36px 22px!important}
  #quote form>div[style*="padding: 40px"]{padding:28px 20px!important;gap:14px!important}
  #quote button[type="submit"]{padding:14px 12px!important;white-space:nowrap}
  #wa-quote{flex:0 0 72px!important;width:72px!important}

  /* פוטר: קישורים שלמים, בלי מילה שנשברת ובלי נקודות בסוף שורה */
  .site-footer>div{flex-direction:column;align-items:flex-start!important}
  .site-footer span{display:block;font-size:0;line-height:1}
  .site-footer span a{display:inline-flex;align-items:center;min-height:36px;margin-left:18px;font-size:15px;line-height:1.3;white-space:nowrap}

  /* לוגו בכותרת: שטח לחיצה נוח */
  .head-grid>a{min-height:44px}
}
html[data-a11y-font="2"] .hero-split,html[data-a11y-font="3"] .hero-split{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "head" "media" "body"}

/* "נשימה": תנועה רכה בגלילה, 5.11.2026 */
.life{opacity:.12;transform:translate3d(0,20px,0);transition:opacity 1.5s cubic-bezier(.22,.7,.3,1) var(--life-d,0ms),transform 1.8s cubic-bezier(.2,.75,.25,1) var(--life-d,0ms)}
.life.in{opacity:1;transform:none}
.life-w{display:inline-block;opacity:.12;transform:translate3d(0,.38em,0);transition:opacity 1.4s cubic-bezier(.22,.7,.3,1) calc(var(--i,0)*85ms),transform 1.7s cubic-bezier(.2,.75,.25,1) calc(var(--i,0)*85ms)}
.life-words-in .life-w{opacity:1;transform:none}
.life-drift{transform:translate3d(0,var(--life-y,0px),0)}
.head-spiral{transform-origin:50% 50%}

.life-draw>*{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}
.life-draw.go>*{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 2.2s cubic-bezier(.45,.05,.3,1) var(--life-d,0ms),opacity .4s linear var(--life-d,0ms)}

@keyframes life-in{from{opacity:.12;transform:translate3d(0,14px,0)}}
@keyframes life-chest{from{transform:scale(1)}to{transform:scale(1.018)}}
@keyframes life-wave{from{transform:translate3d(-.7px,0,0)}to{transform:translate3d(.7px,0,0)}}
@keyframes life-drop{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes life-glow{from{opacity:.4}to{opacity:1}}
@keyframes life-level{from{transform:translate3d(0,.9px,0)}to{transform:translate3d(0,-1.1px,0)}}
@keyframes life-tilt{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes life-roll{from{transform:translate3d(0,-.25px,0)}to{transform:translate3d(0,.35px,0)}}

@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .js .hero-eyebrow{animation:life-in 1.5s cubic-bezier(.22,.7,.3,1) backwards}
  .js .hero-h1{animation:life-in 1.7s cubic-bezier(.22,.7,.3,1) .1s backwards}
  .js .hero-sub{animation:life-in 1.7s cubic-bezier(.22,.7,.3,1) .28s backwards}
  .js .hero-body{animation:life-in 1.7s cubic-bezier(.22,.7,.3,1) .42s backwards}
  .hero-split .hero-visual{animation:life-chest 4.5s ease-in-out infinite alternate;animation-play-state:paused}
  .hero-split.life-awake .hero-visual{animation-play-state:running}

  .life-breathe>*{transform-box:fill-box;transform-origin:center;animation-play-state:paused}
  .life-breathe{transform-origin:50% 60%;animation-play-state:paused}
  .life-awake .life-breathe,.life-awake .life-breathe>*{animation-play-state:running}
  .ico-wave.life-breathe>*{animation:life-wave 3.6s ease-in-out infinite alternate;animation-play-state:inherit}
  .ico-wave.life-breathe>:nth-child(2){animation-delay:-1.2s}
  .ico-wave.life-breathe>:nth-child(3){animation-delay:-2.4s}
  .ico-drop.life-breathe{animation:life-drop 4.5s ease-in-out infinite alternate}
  .ico-drop.life-breathe>:nth-child(2){animation:life-glow 4.5s ease-in-out infinite alternate;animation-play-state:inherit}
  .ico-bottle.life-breathe>:nth-child(4){animation:life-level 5s ease-in-out infinite alternate;animation-play-state:inherit}
  .ico-roller.life-breathe{animation:life-tilt 5.5s ease-in-out infinite alternate}
  .ico-roller.life-breathe>:nth-child(2){animation:life-roll 2.75s ease-in-out infinite alternate;animation-play-state:inherit}

  a[style*="min-height"]{transition:transform .35s cubic-bezier(.22,.7,.3,1)}
  a[style*="min-height"]:active{transform:scale(.98)}
}

/* המלצות שנכנסות כמו הודעות */
.life-msg{opacity:.12;transform:translate3d(0,22px,0) scale(.94);transform-origin:50% 100%;transition:opacity 1.1s cubic-bezier(.22,.7,.3,1),transform 1.4s cubic-bezier(.2,.8,.25,1)}
.life-msg.in{opacity:1;transform:none}
.life-typing{position:absolute;z-index:1;display:flex;gap:5px;padding:11px 14px;border-radius:18px;background:#FFFFFF;box-shadow:0 3px 10px rgb(45 41 36 / .14);opacity:0;transform:translate3d(0,8px,0) scale(.9);transform-origin:100% 100%;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.25,1);pointer-events:none}
.life-typing.on{opacity:1;transform:none}
.life-typing i{width:7px;height:7px;border-radius:50%;background:#8A8178;animation:life-dot 1.2s ease-in-out infinite}
.life-typing i:nth-child(2){animation-delay:.16s}
.life-typing i:nth-child(3){animation-delay:.32s}
@keyframes life-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translate3d(0,-3px,0)}}

/* צבעים שזורמים: שכבת צבע אחת מאחורי הדף, והסקשנים הצבעוניים שקופים מעליה */
.life-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#F6F1EA;transform:translateZ(0)}
html:not(.a11y-no-motion):not(.a11y-contrast) .page.life-tones,html:not(.a11y-no-motion):not(.a11y-contrast) .life-tones .life-tone{background:transparent!important}
html.a11y-no-motion .life-sky,html.a11y-contrast .life-sky{display:none}

/* עצירת אנימציות בפאנל הנגישות: הכול גלוי ועומד, והסרטון קפוא במקום חור ריק */
html.a11y-no-motion .life-msg{opacity:1!important;transform:none!important}
html.a11y-no-motion .life-typing{display:none!important}
html.a11y-no-motion .life,html.a11y-no-motion .life-w{opacity:1!important;transform:none!important}
html.a11y-no-motion .life-drift,html.a11y-no-motion .head-spiral{transform:none!important}
html.a11y-no-motion .life-draw>*{opacity:1!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
html.a11y-no-motion .page video{display:block}

/* סבב 3: שלוש הדרכים זזות, המפגשים מרמזים שיש עוד, תוספת בצבע */
.ways{overflow-x:clip}
.ways a>span[aria-hidden]{display:inline-block;color:#93563C;transition:transform .35s ease}
@media (prefers-reduced-motion:no-preference){
  .ways a>span[aria-hidden]{animation:ways-nudge 2.6s ease-in-out infinite}
  .ways a:nth-child(2)>span[aria-hidden]{animation-delay:.35s}
  .ways a:nth-child(3)>span[aria-hidden]{animation-delay:.7s}
  .ways.ways-ready a{transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
  .ways.ways-ready a:not(.in){opacity:0;transform:translateX(56px)}
  .ways.ways-ready a:nth-child(2){transition-delay:.15s}
  .ways.ways-ready a:nth-child(3){transition-delay:.3s}
}
@keyframes ways-nudge{0%,55%,100%{transform:translateX(0)}25%{transform:translateX(-12px)}}
html.a11y-no-motion .ways a,html.a11y-no-motion .ways a>span[aria-hidden]{opacity:1!important;transform:none!important;animation:none!important}
.addon bdi{color:#56654B;font-weight:400}
@media (max-width:760px){.addon{padding:22px 20px!important;border-radius:22px!important}.addon>span:last-child{font-size:20px!important}}

/* לוח תאריכים מעל המפגשים (מובייל בלבד, נבנה ב-site.js) */
.meet-dates{display:none}
@media (max-width:760px){
  .meet-dates{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin:-24px 0 -28px}
  .meet-dates button{font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 10px;border:1px solid #56654B;border-radius:18px;background:transparent;color:#56654B;transition:background-color .35s ease,color .35s ease;-webkit-tap-highlight-color:transparent}
  .meet-dates small{font-size:12px;font-weight:500;letter-spacing:.2em}
  .meet-dates b{font-size:22px;font-weight:300;letter-spacing:.04em}
  .meet-dates button.on{background:#56654B;color:#fff}
  .meet-dates button:focus-visible{outline:2px solid #93563C;outline-offset:3px}
}
