/* ==========================================================================
   מערך ימי לימודים – חב"ד תאילנד | סגנון האתר
   הגיליונות עצמם מוצגים כ-SVG וקטורי שהטקסט בו הומר לקווי מתאר,
   ולכן שום קובץ גופן מסחרי (Ploni Tzar – רישיון הדפסה) אינו נשלח לרשת.
   טקסט האתר משתמש ב-Heebo (SIL OFL, חופשי לשימוש באינטרנט).
   ========================================================================== */

@font-face{font-family:Heebo;src:url('assets/fonts/heebo-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20-7E}
@font-face{font-family:Heebo;src:url('assets/fonts/heebo-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20-7E}
@font-face{font-family:Heebo;src:url('assets/fonts/heebo-800.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F,U+20-7E}

:root{
  --yellow:#ffd863;
  --cream:#fff1cd;
  --coral:#A46FBF;
  --green:#89c982;
  --sky:#96daf8;
  --navy:#05466d;
  --ink:#231f20;
  --note:#177eac;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;background:#f4f5f6;color:var(--navy);direction:rtl;
  font-family:Heebo,system-ui,'Segoe UI',Arial,sans-serif;
}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}

/* ------------------------------------------------------------------- כותרת */
.site-head{position:relative;background:var(--yellow);overflow:hidden}
.site-head::after{
  content:'';position:absolute;inset:0;background:#fff;
  clip-path:polygon(0 0, 43.66% 0, 20.95% 100%, 11% 100%, 0 51.56%);
}
.site-head .wrap{
  position:relative;z-index:2;
  display:flex;flex-direction:row-reverse;align-items:center;gap:20px;
  padding-top:18px;padding-bottom:18px;min-height:120px;
}
.site-head__logo{width:86px;flex:0 0 auto}
.site-head__logo img{display:block;width:100%;height:auto}
.site-head__txt{margin-inline-end:auto;text-align:right}
.site-head h1{
  margin:0;font-weight:800;font-size:clamp(29px,6.2vw,54px);line-height:1.06;
  color:var(--navy);letter-spacing:-.01em;
}
.site-head p{margin:6px 0 0;font-weight:600;font-size:clamp(13px,2.4vw,17px);color:#0d5c86}

.ribbon{background:var(--cream);border-top:1px solid #f2e3bb;position:sticky;top:0;z-index:5}
.ribbon .wrap{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  padding-top:11px;padding-bottom:11px;
}
.ribbon__label{font-weight:600;font-size:15px;color:#8a6a13}

/* ------------------------------------------------------------------- פקדים */
.seg{display:inline-flex;background:#fff;border:1.5px solid var(--coral);border-radius:999px;padding:3px;gap:3px}
.seg button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:inherit;font-weight:600;font-size:15px;color:var(--coral);
  padding:7px 20px;border-radius:999px;transition:.15s;
}
.seg button[aria-pressed="true"]{background:var(--coral);color:#fff}

.btn{
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;cursor:pointer;
  font:inherit;font-weight:600;font-size:15px;
  padding:8px 18px;border-radius:999px;border:1.5px solid transparent;transition:.15s;
}
.btn--pdf{background:var(--navy);color:#fff}
.btn--pdf:hover{background:#06618f}
.btn--ghost{background:#fff;color:var(--navy);border-color:#cfd6da}
.btn--ghost:hover{border-color:var(--navy)}

/* ------------------------------------------------------ תצוגת גיליונות A4 */
.sheets{padding:26px 0 8px;display:flex;flex-direction:column;align-items:center;gap:26px}
.sheet-box{
  width:100%;max-width:794px;border-radius:6px;overflow:hidden;
  box-shadow:0 8px 34px rgba(15,40,60,.16);background:#fff;
  aspect-ratio:595.28/841.89;
}
.sheet-box img{display:block;width:100%;height:100%}

/* ------------------------------------------------------------- טבלת סיכום */
.summary{padding:14px 0 46px}
.summary h2{font-size:22px;font-weight:600;margin:0 0 4px;color:var(--navy)}
.summary__sub{margin:0 0 14px;font-size:15px;color:#5d6b74;max-width:70ch}
.tally{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;
}
.tally li{
  background:#fff;border-radius:10px;padding:9px 15px;
  box-shadow:0 1px 3px rgba(15,40,60,.10);font-size:14.5px;color:#3d4a52;
}
.tally b{font-size:19px;font-weight:800;color:var(--navy);margin-inline-end:5px}
.cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.vc{
  background:#fff;border-radius:10px;padding:12px 14px;
  border-inline-start:5px solid var(--green);
  box-shadow:0 1px 3px rgba(15,40,60,.10);
}
.vc.short{border-inline-start-color:var(--sky)}
.vc.mark{border-inline-start-color:var(--coral)}
.vc__name{font-weight:600;font-size:17px;color:var(--navy);margin:0 0 3px}
.vc__heb{font-size:14.5px;color:#3d4a52;margin:0}
.vc__greg{font-size:13.5px;color:#6b7880;margin:2px 0 0}
.vc__days{
  display:inline-block;margin-top:6px;font-size:12.5px;font-weight:600;
  background:#eef7ed;color:#2f6b32;border-radius:999px;padding:2px 9px;
}
.vc.short .vc__days{background:#e6f5fd;color:#12688f}
.vc.mark  .vc__days{background:#f4ecf8;color:#7b4a93}

.site-foot{background:var(--navy);color:#cfe3ee;font-size:13.5px;padding:16px 0;text-align:center}

@media (max-width:880px){
  .site-head .wrap{min-height:96px;gap:12px}
  .site-head__logo{width:64px}
  .sheets{padding-top:16px;gap:16px}
}

@media print{
  .site-head,.ribbon,.summary,.site-foot{display:none!important}
  body{background:#fff}
  .wrap{max-width:none;padding:0}
  .sheets{padding:0;gap:0;display:block}
  .sheet-box{
    max-width:none;width:100%;box-shadow:none;border-radius:0;
    aspect-ratio:auto;break-after:page;page-break-after:always;
  }
  .sheets .sheet-box:last-child{break-after:auto;page-break-after:auto}
  .sheet-box img{width:100%;height:auto}
  @page{size:A4 portrait;margin:0}
}