/*
Theme Name: עושים תאטרון
Theme URI: https://osim-teatron.co.il
Author: Osim Teatron
Description: ערכת נושא ייעודית לאתר "עושים תאטרון" — עמוד אחד, RTL, נגישה.
Version: 1.3.0
Requires at least: 6.5
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osim-teatron
Tags: rtl-language-support, accessibility-ready, one-column
*/

  /* פלטה צבעונית: סגול-במה · אדום-פטל · צהוב-זרקור · ציאן */
  :root{
    --crimson:#E0234E;
    --crimson-deep:#A50F33;
    --purple:#6A3AB2;
    --purple-deep:#43217C;
    --sun:#FFC928;
    --sun-deep:#D89C00;
    --cyan:#23B5E8;
    --tangerine:#F2761B;
    --grass:#2FA86A;
    --paper:#FFFDF7;
    --ink:#2B2140;
    --muted:#6B6478;
    --tint:#F4EEFB;
    --line:#EAE4D9;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Assistant','Heebo',Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.7}
  h1,h2,h3{font-family:'Heebo','Assistant',Arial,sans-serif;line-height:1.2;text-wrap:balance}
  h2{color:var(--purple-deep);font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900}
  img{max-width:100%;display:block}
  a{color:var(--purple)}
  .wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
  section{padding-block:68px}
  .btn{display:inline-block;font-family:'Heebo';font-weight:700;border-radius:999px;padding:.85rem 1.9rem;text-decoration:none;transition:transform .15s;border:2.5px solid transparent;font-size:1.02rem}
  .btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
  .btn-main{background:var(--sun);color:#3A2800;box-shadow:0 4px 0 var(--sun-deep)}
  .btn-main:hover{transform:translateY(-3px) rotate(-1deg)}
  .btn-white{border-color:#fff;color:#fff}
  .btn-white:hover{background:rgba(255,255,255,.15)}
  .kicker{display:inline-block;font-family:'Heebo';font-weight:700;font-size:.85rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);color:#FFEBB0;border-radius:999px;padding:.3rem 1rem;margin-bottom:1.1rem}

  /* וילון פתיחה */
  .curtains{position:fixed;inset:0;z-index:900;pointer-events:none}
  .curtain{position:absolute;top:0;bottom:0;width:52%;
    background:repeating-linear-gradient(90deg,var(--crimson) 0 34px,var(--crimson-deep) 34px 58px);
    animation:openCurtain 1.15s cubic-bezier(.6,0,.3,1) .55s forwards;
    box-shadow:0 0 60px rgba(0,0,0,.45) inset}
  .curtain::after{content:"";position:absolute;bottom:-21px;inset-inline:0;height:22px;
    background:radial-gradient(circle at 11px 0,var(--crimson-deep) 11px,transparent 11.8px);background-size:22px 22px;background-repeat:repeat-x}
  .curtain.right{right:0;--dir:110%}
  .curtain.left{left:0;--dir:-110%}
  @keyframes openCurtain{to{transform:translateX(var(--dir))}}
  @media (prefers-reduced-motion:reduce){.curtains{display:none}}

  /* ניווט */
  header.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(43,33,64,.06)}
  .nav{display:flex;align-items:center;gap:18px;padding-block:13px;flex-wrap:wrap}
  .logo{font-family:'Heebo';font-weight:900;font-size:1.35rem;color:var(--crimson);text-decoration:none;display:flex;align-items:center;gap:.45rem}
  .nav ul{display:flex;gap:16px;list-style:none;margin-inline-start:auto;flex-wrap:wrap}
  .nav ul a{text-decoration:none;font-weight:600;font-size:.92rem;color:var(--ink)}
  .nav ul a:hover{color:var(--crimson)}

  /* Hero */
  .hero{background:linear-gradient(125deg,var(--purple) 0%,#8A2E9E 55%,var(--crimson) 100%);color:#fff;padding-block:80px 96px;position:relative;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;z-index:2}
  .hero h1{font-size:clamp(2.6rem,5.6vw,4rem);font-weight:900;color:#fff;margin-bottom:.5rem;text-shadow:0 3px 14px rgba(0,0,0,.25)}
  .hero .tagline{font-size:clamp(1.15rem,2.3vw,1.5rem);font-weight:600;color:#FFF4D6;max-width:30ch;margin-bottom:1.7rem}
  .hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
  .hero .trust{margin-top:1.7rem;font-size:.92rem;color:#EBD9FF}
  .arch{justify-self:center}
  .arch img{width:min(360px,100%);border-radius:190px 190px 20px 20px;border:9px solid var(--sun);box-shadow:0 0 0 4px #fff inset,0 22px 50px rgba(0,0,0,.35)}
  .confetti span{position:absolute;font-size:1.4rem;opacity:.8;animation:float 5.5s ease-in-out infinite;z-index:1}
  @keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-16px) rotate(8deg)}}
  @media (prefers-reduced-motion:reduce){.confetti span{animation:none}}

  .valance{height:22px;background:radial-gradient(circle at 11px 0,var(--crimson) 11px,transparent 11.8px);background-size:22px 22px;background-repeat:repeat-x;position:relative;z-index:3}

  /* מספרים */
  .numbers{background:var(--sun);padding-block:56px}
  .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}
  .num{font-family:'Heebo';font-weight:900;font-size:clamp(2.2rem,4.4vw,3.3rem);color:var(--crimson-deep);font-variant-numeric:tabular-nums}
  .num-label{font-size:.97rem;line-height:1.45;color:#4A3600;font-weight:600}
  .numbers .source{text-align:center;margin-top:26px;font-size:.83rem;color:#6E5200;max-width:78ch;margin-inline:auto}

  /* למי מתאימה */
  .fits{padding-block:44px;border-bottom:1px solid var(--line)}
  .fits .fw-row{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}
  .fits .lead-in{font-weight:700;font-family:'Heebo';color:var(--purple-deep)}
  .chip{background:#fff;font-family:'Heebo';font-weight:700;font-size:.95rem;border-radius:999px;padding:.45rem 1.2rem;border:2.5px solid var(--crimson);color:var(--ink);
        transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s,box-shadow .2s;cursor:default}
  .chip:nth-child(3n){border-color:var(--purple)}
  .chip:nth-child(3n+1){border-color:var(--cyan)}
  .chip:hover{transform:translateY(-5px) rotate(-2deg);background:var(--crimson);color:#fff;box-shadow:0 10px 20px rgba(224,35,78,.3)}
  .chip:nth-child(3n):hover{background:var(--purple);box-shadow:0 10px 20px rgba(106,58,178,.3)}
  .chip:nth-child(3n+1):hover{background:var(--cyan);color:#06303F;box-shadow:0 10px 20px rgba(35,181,232,.32)}
  .fits .fits-note{text-align:center;margin-top:17px;font-size:1rem;max-width:72ch;margin-inline:auto}
  .fits .fits-note b{font-family:'Heebo';color:var(--purple-deep)}
  .fits .frameworks-line{text-align:center;margin-top:12px;font-size:.92rem;color:var(--muted)}
  @media (prefers-reduced-motion:reduce){.chip{transition:none}.chip:hover{transform:none}}

  /* נרטיב */
  .narrative{max-width:62ch;margin-inline:auto;text-align:center}
  .narrative h2{margin-bottom:1.1rem}
  .narrative p{margin-bottom:1rem;font-size:1.08rem}

  /* איך זה עובד */
  .how{background:var(--tint)}
  .how h2,.how .sub{text-align:center}
  .how .sub{color:var(--muted);margin-bottom:2.4rem;margin-top:.3rem}
  .how-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .steps{list-style:none;counter-reset:step}
  .steps li{counter-increment:step;display:flex;gap:16px;padding-block:12px;border-bottom:2px dashed #D9C9F2;align-items:baseline}
  .steps li:last-child{border-bottom:none}
  .steps li::before{content:counter(step);flex:0 0 36px;height:36px;display:grid;place-items:center;background:var(--crimson);color:#fff;font-family:'Heebo';font-weight:700;border-radius:50%;align-self:center;font-size:1.05rem}
  .steps b{font-family:'Heebo';color:var(--purple-deep)}
  .how-img img{border-radius:20px;border:6px solid #fff;box-shadow:0 14px 34px rgba(67,33,124,.22);transform:rotate(-1.5deg);
               width:100%;max-height:315px;object-fit:cover;object-position:center 30%}
  .how-img figcaption{font-size:.85rem;color:var(--muted);margin-top:1rem;text-align:center}
  .how .topics{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:2.6rem;padding-top:2.3rem;border-top:2px dashed #D9C9F2}
  .how .topics .lead-in{font-family:'Heebo';font-weight:700;color:var(--purple-deep)}

  /* רגעים מהגן — גלריית תמונות ממוזערות */
  .moments{background:var(--paper)}
  .moments h2{text-align:center;margin-bottom:1.9rem}
  .moments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .moments figure{margin:0}
  .moments a.shot{display:block;border-radius:14px;overflow:hidden;border:5px solid #fff;
               box-shadow:0 8px 20px rgba(67,33,124,.18);transition:transform .15s,box-shadow .15s}
  .moments a.shot:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(67,33,124,.30)}
  .moments a.shot:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
  .moments img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .moments figcaption{font-size:.8rem;line-height:1.45;color:var(--muted);margin-top:.6rem;text-align:center}

  /* תמונה מוגדלת */
  .lbox{position:fixed;inset:0;z-index:1000;background:rgba(22,15,36,.92);
        display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px}
  .lbox[hidden]{display:none}
  .lbox img{max-width:min(1100px,94vw);max-height:80vh;width:auto;height:auto;border-radius:12px;
        box-shadow:0 22px 60px rgba(0,0,0,.62)}
  .lbox .lcap{color:#EBD9FF;font-size:.95rem;text-align:center;max-width:62ch}
  .lbox .x{position:absolute;top:16px;inset-inline-end:18px;width:46px;height:46px;border:none;
        border-radius:50%;background:#fff;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}
  .lbox .x:hover{background:var(--sun)}
  .lbox .x:focus-visible{outline:3px solid var(--sun);outline-offset:3px}

  /* מה הילדים מקבלים — ארבעה תחומי התפתחות (לפי רציונל התוכנית) */
  .gains h2{text-align:center;margin-bottom:.35rem}
  .gains .sub{text-align:center;color:var(--muted);margin-bottom:2.2rem}
  .gains-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
  .gain{--accent:var(--crimson);background:#fff;border-radius:18px;padding:1.5rem;border:1px solid var(--line);border-top:6px solid var(--accent);box-shadow:0 8px 24px rgba(43,33,64,.07);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}
  .gain:nth-child(2){--accent:var(--purple)}
  .gain:nth-child(3){--accent:var(--cyan)}
  .gain:nth-child(4){--accent:var(--grass)}
  .gain:hover{transform:translateY(-6px)}
  .gain-head{display:flex;align-items:center;gap:14px;margin-bottom:.6rem}
  .gain .ic{flex:0 0 56px;width:56px;height:56px;display:grid;place-items:center;font-size:1.6rem;background:color-mix(in srgb,var(--accent) 15%,#fff);border:2px solid color-mix(in srgb,var(--accent) 35%,#fff);border-radius:50%}
  .gain h3{font-size:1.14rem;color:var(--accent)}
  .gain p{font-size:.95rem;color:var(--muted)}
  .gain ul{list-style:none;margin-top:.9rem;display:grid;gap:.5rem}
  .gain ul li{position:relative;padding-inline-start:1.4rem;font-size:.94rem;line-height:1.5}
  .gain ul li::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:.8}
  .gains-foot{text-align:center;margin-top:2.1rem;font-family:'Heebo';font-weight:700;color:var(--purple-deep);font-size:clamp(1.05rem,2.1vw,1.28rem);text-wrap:balance}
  .gains-foot i{font-style:normal;color:var(--crimson);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

  /* מסיבות הורים וילדים */
  .parties{background:linear-gradient(125deg,var(--purple) 0%,#8A2E9E 55%,var(--crimson) 100%);color:#fff}
  .parties h2{color:#fff;margin-bottom:.6rem}
  .parties p{color:#FFF1DE;max-width:64ch}
  .party-chips{display:flex;gap:11px;flex-wrap:wrap;margin-top:1.5rem}
  .party-chips span{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:.38rem 1.05rem;font-family:'Heebo';font-weight:700;font-size:.92rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;cursor:default}
  .party-chips span:hover{transform:translateY(-5px) rotate(-2deg);background:#fff;color:var(--purple-deep)}

  /* המלצות + וידאו */
  .voices h2{text-align:center;margin-bottom:.4rem}
  .voices .sub{text-align:center;color:var(--muted);margin-bottom:2.2rem}
  .voices-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
  .quotes{display:flex;flex-direction:column;gap:16px}
  blockquote{background:#fff;border:1px solid var(--line);border-inline-start:6px solid var(--sun);border-radius:14px;padding:1.2rem 1.4rem;position:relative;box-shadow:0 6px 18px rgba(43,33,64,.06);flex:1;display:flex;flex-direction:column;justify-content:center}
  blockquote::before{content:"״";font-family:'Heebo';font-size:2.6rem;color:var(--crimson);position:absolute;top:-8px;inset-inline-start:12px;line-height:1}
  blockquote p{padding-top:.5rem;font-size:1.02rem}
  blockquote footer{font-size:.85rem;color:var(--muted);margin-top:.5rem}
  /* מסגרת במה לסרטון */
  .stage{position:relative;background:linear-gradient(160deg,#4E2790 0%,var(--purple) 100%);border-radius:22px;padding:44px 16px 16px;box-shadow:0 18px 42px rgba(67,33,124,.32);display:flex;flex-direction:column;justify-content:center}
  .stage::before{content:"";position:absolute;top:0;inset-inline:0;height:22px;background:var(--crimson);border-radius:22px 22px 0 0}
  .stage::after{content:"";position:absolute;top:22px;inset-inline:0;height:14px;
    background:radial-gradient(circle at 11px 0,var(--crimson) 11px,transparent 11.8px);background-size:22px 22px;background-repeat:repeat-x}
  .video-real{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000;box-shadow:0 8px 22px rgba(0,0,0,.35)}
  .video-real iframe,.video-real a{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
  .video-real img{width:100%;height:100%;object-fit:cover}
  .play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(43,33,64,.25);pointer-events:none}
  .play span{width:74px;height:74px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-size:1.7rem;color:#3A2800;box-shadow:0 8px 22px rgba(0,0,0,.4)}
  .stage figcaption{color:#EBD9FF;font-size:.88rem;text-align:center;margin-top:.9rem}

  /* קיר הסרטונים — "אולם חשוך" */
  .reel{background:linear-gradient(165deg,#2B2140 0%,var(--purple-deep) 100%);color:#fff;position:relative}
  .reel h2{color:#fff;text-align:center;margin-bottom:.4rem}
  .reel .sub{text-align:center;color:#D9C7F5;margin-bottom:2.4rem}
  .reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
  .reel .stage{padding:38px 13px 13px;box-shadow:0 16px 38px rgba(0,0,0,.42)}
  .reel .stage::before{height:19px}
  .reel .stage::after{top:19px;height:12px}
  .reel .play span{width:60px;height:60px}
  .reel figcaption{margin-top:.85rem}
  .reel figcaption b{display:block;font-family:'Heebo';font-weight:700;font-size:1.02rem;color:#fff}
  .reel figcaption i{display:block;font-style:normal;font-size:.84rem;color:#D9C7F5;margin-top:.15rem}
  .reel .reel-note{text-align:center;margin-top:2rem;font-size:.88rem;color:#C4B3E0}
  .reel .reel-note a{color:var(--sun);font-weight:700}

  /* נגן עצל: תמונה + כפתור. ה-iframe של יוטיוב נטען רק בלחיצה */
  .yt-lite{background:#000;text-decoration:none}
  .yt-lite img{width:100%;height:100%;object-fit:cover}
  .yt-lite .play{transition:background-color .2s}
  .yt-lite .play span{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
  .yt-lite:hover .play{background:rgba(43,33,64,.08)}
  .yt-lite:hover .play span{transform:scale(1.12)}
  .yt-lite:focus-visible{outline:4px solid var(--sun);outline-offset:-4px}
  @media (prefers-reduced-motion:reduce){.yt-lite .play,.yt-lite .play span{transition:none}.yt-lite:hover .play span{transform:none}}

  /* שורת הפאנץ' */
  .punch{background:var(--tint);text-align:center;padding-block:52px}
  .punch .q{font-family:'Heebo';font-weight:900;font-size:clamp(1.5rem,3.6vw,2.4rem);color:var(--crimson-deep);line-height:1.3}
  .punch .a{margin-top:.7rem;color:var(--muted);font-size:1rem}
  .punch .a b{color:var(--purple-deep)}

  /* רק אצלנו */
  .only{background:var(--purple);color:#fff}
  .only h2{color:#fff;text-align:center;margin-bottom:2.2rem}
  .only-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:1.4rem 1.3rem}
  .card .ic{font-size:1.8rem;margin-bottom:.6rem}
  .card h3{color:var(--sun);font-size:1.05rem;margin-bottom:.4rem}
  .card p{font-size:.93rem;color:#EFE7FB}

  /* אודות */
  .about h2{text-align:center;margin-bottom:.5rem}
  .about .lead{max-width:66ch;margin:0 auto 2.4rem;text-align:center;font-size:1.06rem}
  .about .lead b{color:var(--purple-deep);font-family:'Heebo'}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:2.2rem}
  .member{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.4rem;text-align:center;box-shadow:0 8px 24px rgba(43,33,64,.07)}
  .member .avatar{width:min(190px,100%);aspect-ratio:3/4;margin-inline:auto;object-fit:cover;object-position:center 22%;border-radius:95px 95px 14px 14px;border:5px solid var(--purple);box-shadow:0 10px 24px rgba(67,33,124,.22);margin-bottom:.9rem}
  .member:nth-child(2) .avatar{border-color:var(--crimson)}
  .member:nth-child(3) .avatar{border-color:var(--cyan)}
  .member h3{font-size:1.1rem;color:var(--purple-deep)}
  .member .role{font-family:'Heebo';font-weight:700;font-size:.88rem;color:var(--crimson);margin-bottom:.5rem}
  .member p{font-size:.93rem;color:var(--muted)}
  .abc-note{background:var(--tint);border:2px dashed #D9C9F2;border-radius:18px;padding:1.4rem 1.6rem;max-width:820px;margin-inline:auto;text-align:center;font-size:.98rem}
  .abc-note b{font-family:'Heebo';color:var(--purple-deep)}

  /* יצירת קשר — בסגנון abc4u */
  .contact{background:var(--tint)}
  .contact h2{text-align:center;margin-bottom:.4rem}
  .contact .sub{text-align:center;color:var(--muted);margin-bottom:2.2rem}
  .contact-grid{display:grid;grid-template-columns:1fr .82fr;gap:40px;align-items:start;max-width:1000px;margin-inline:auto}
  form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem;box-shadow:0 12px 34px rgba(67,33,124,.12)}
  .field{margin-bottom:1.05rem}
  label{display:block;font-weight:700;font-family:'Heebo';font-size:.92rem;margin-bottom:.3rem}
  input,select,textarea{width:100%;font:inherit;padding:.7rem .9rem;border:1.5px solid #D8D2E6;border-radius:10px;background:var(--paper)}
  input:focus,select:focus,textarea:focus{outline:2px solid var(--purple);border-color:var(--purple)}
  .notice{font-size:.8rem;color:var(--muted);margin-block:.9rem;line-height:1.55}
  form .btn-main{width:100%;border:none;font-size:1.05rem;cursor:pointer}
  form .btn-main[disabled]{opacity:.6;cursor:progress}
  .req{color:var(--crimson)}
  .hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
  .consent{display:flex;gap:.6rem;align-items:flex-start;margin-block:1rem .2rem}
  .consent input{width:20px;height:20px;flex:0 0 20px;margin-top:.25rem;accent-color:var(--purple)}
  .consent label{font-weight:400;font-family:'Assistant';font-size:.92rem;line-height:1.5;margin:0}
  input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--crimson);background:#FFF5F7}
  .consent.invalid label{color:var(--crimson-deep)}
  .form-msg{margin-top:.9rem;font-size:.95rem;font-weight:600;text-align:center;min-height:1.4em}
  .form-msg.ok{color:#1B7A45}
  .form-msg.err{color:var(--crimson-deep)}
  .info{display:flex;flex-direction:column;gap:16px}
  .info-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.4rem;display:flex;gap:14px;align-items:flex-start;box-shadow:0 8px 22px rgba(67,33,124,.08)}
  .info-box .ic{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;background:var(--tint)}
  .info-box h3{font-size:1.02rem;color:var(--purple-deep);margin-bottom:.15rem}
  .info-box p{font-size:.93rem;color:var(--muted);margin:0}
  .info-box .person-line{margin-top:.5rem;font-size:.95rem;color:var(--ink);font-weight:600}
  .actions{display:flex;gap:9px;margin-top:.5rem;flex-wrap:wrap}
  .mini{display:inline-flex;align-items:center;gap:.35rem;font-family:'Heebo';font-weight:700;font-size:.86rem;text-decoration:none;border-radius:999px;padding:.42rem 1.1rem;
        border:2px solid var(--purple);background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-deep);
        transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
  .mini.wa{border-color:#1DA851;background:#1DA851;color:#fff;box-shadow:0 3px 0 #0E6B33}
  .mini:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 9px 18px rgba(67,33,124,.32)}
  .mini.wa:hover{box-shadow:0 9px 18px rgba(29,168,81,.36)}
  @media (prefers-reduced-motion:reduce){.mini,.party-chips span,.gain{transition:none}.mini:hover,.party-chips span:hover,.gain:hover{transform:none}}

  /* פוטר */
  footer.site{background:var(--purple-deep);color:#E4D9F5;padding-block:44px;font-size:.9rem}
  .foot-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:start}
  footer.site a{color:#fff;text-decoration:none}
  footer.site a:hover{text-decoration:underline}
  footer.site ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap}
  .legal{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:#C4B3E0}

  @media (max-width:960px){
    .moments-grid{grid-template-columns:repeat(3,1fr);gap:16px}
    .hero-grid,.how-grid,.voices-grid,.contact-grid{grid-template-columns:1fr}
    .numbers-grid,.gains-grid,.only-grid,.refs-grid,.team-grid,.reel-grid{grid-template-columns:repeat(2,1fr)}
    .arch{order:-1}
    .how-img img{max-height:320px}
  }
  @media (max-width:560px){
    .gains-grid,.only-grid,.refs-grid,.team-grid,.reel-grid{grid-template-columns:1fr}
    .moments-grid{grid-template-columns:repeat(2,1fr);gap:13px}
    .nav ul{gap:12px;font-size:.88rem}
    section{padding-block:54px}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .btn,.gain{transition:none}
  }

/* --- תוספות ערכת הנושא (מחליפות inline styles מקובץ המקור) --- */
.foot-brand{
  font-family:'Heebo';
  font-weight:900;
  font-size:1.15rem;
  color:#fff;
  margin-bottom:.4rem;
}
/* שדות טלפון/אימייל: התוכן לטיני אך מיושר לקצה הימני של טופס RTL */
.ltr-field{ text-align:end; }
/* הכרכוב התחתון — אותו אלמנט, הפוך */
.valance-flip{ transform:scaleY(-1); }

/* =========================================================
   עמודי תוכן (נגישות / פרטיות)
   הועבר מה-<style> של accessibility.html + privacy.html.
   הכל ממודר תחת body.content-page — הכללים המקוריים היו גלובליים
   (‎.wrap ב-820px, ‎main h2‎) והיו שוברים את עמוד הבית.
   ========================================================= */
.page-wrap{ max-width:820px; }

.back{ margin-inline-start:auto; font-weight:600; font-size:.95rem; text-decoration:none; color:var(--ink); }
.back:hover{ color:var(--crimson); }

.hero-band{ background:linear-gradient(125deg,var(--purple) 0%,#8A2E9E 55%,var(--crimson) 100%); color:#fff; padding-block:48px; }
.hero-band h1{ font-size:clamp(1.9rem,4vw,2.6rem); font-weight:900; color:#fff; }
.hero-band p{ color:#FFF4D6; margin-top:.4rem; }

body.content-page main{ padding-block:52px 68px; }
body.content-page main h2{ font-size:1.35rem; color:var(--purple-deep); margin-top:2.2rem; margin-bottom:.7rem; }
body.content-page main h2:first-of-type{ margin-top:0; }
body.content-page main p{ margin-bottom:1rem; }
body.content-page main ul, body.content-page main ol{ margin:0 0 1.2rem; padding-inline-start:1.3rem; }
body.content-page main li{ margin-bottom:.45rem; }

body.content-page .card{ background:#fff; border:1px solid var(--line); border-inline-start:6px solid var(--sun); border-radius:14px; padding:1.3rem 1.5rem; margin-bottom:1.4rem; box-shadow:0 6px 18px rgba(43,33,64,.06); }
body.content-page .card h3{ font-size:1.08rem; color:var(--purple-deep); margin-bottom:.5rem; }
body.content-page .meta{ background:var(--tint); border-radius:14px; padding:1.2rem 1.5rem; font-size:.95rem; }
body.content-page .meta b{ font-family:'Heebo'; color:var(--purple-deep); }
body.content-page .todo{ background:#FFF6DA; border:2px dashed var(--sun-deep); border-radius:14px; padding:1rem 1.3rem; font-size:.92rem; margin-bottom:1.4rem; }
body.content-page .todo b{ font-family:'Heebo'; color:var(--crimson-deep); }

/* טבלאות מדיניות הפרטיות — גולשות בתוך עצמן ולא דוחפות את העמוד */
body.content-page .table-scroll{ overflow-x:auto; }
body.content-page table{ width:100%; border-collapse:collapse; margin-bottom:1.4rem; font-size:.96rem; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 6px 18px rgba(43,33,64,.06); }
body.content-page th, body.content-page td{ padding:.7rem .9rem; text-align:start; border-bottom:1px solid var(--line); vertical-align:top; }
body.content-page th{ background:var(--tint); font-family:'Heebo'; font-weight:700; color:var(--purple-deep); }
body.content-page tr:last-child td{ border-bottom:none; }

/* =========================================================
   תיקוני עיצוב — 31/8/26
   ========================================================= */

/* טקסט הכרטיסים בעמודי תוכן.
   במקור .card הוא שקוף על רקע סגול ולכן הטקסט בהיר (#EFE7FB);
   כאן הכרטיס לבן — טקסט בהיר עליו בלתי קריא. */
body.content-page .card p,
body.content-page .card li{ color:var(--ink); font-size:1rem; }
body.content-page .meta p{ color:var(--ink); }

/* תפריט ממורכז — במקום margin-inline-start:auto שדחף אותו לקצה */
.nav ul{ margin-inline:auto; }

/* טופס יצירת קשר בשתי עמודות — מקצר את הטופס
   כך שהוא מתיישר לגובה עמודת הפרטים לצדו */
.contact form{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:1.1rem;
  align-content:start;
}
.contact form > .field-wide,
.contact form > .hp,
.contact form > .consent,
.contact form > .notice,
.contact form > .btn-main,
.contact form > .form-msg{ grid-column:1 / -1; }

@media (max-width:560px){
  .contact form{ grid-template-columns:1fr; }
}

/* ——— לוגו בכותרת ———
   הלוגו המלא מוערם (מסכות מעל שתי שורות טקסט), ולכן הוא דורש גובה:
   ב-68px כל שורת טקסט יורדת ל-22px ונמרחת. ב-92px היא ~29px וקריאה.
   הריפוד של .nav מצטמצם כדי שהפס לא יתפח מעבר לנדרש.
   .custom-logo = המסלול של "התאמה אישית ← זהות האתר". */
.nav .logo,
.nav .custom-logo-link{ display:block; line-height:0; flex:0 0 auto; }

.nav .logo img,
.nav .custom-logo{ height:92px; width:auto; display:block; }

header.top .nav{ padding-block:8px; }

@media (max-width:960px){
  .nav .logo img,
  .nav .custom-logo{ height:72px; }
}
@media (max-width:560px){
  .nav .logo img,
  .nav .custom-logo{ height:58px; }
}