/* מערכת העיצוב של סי-סקול (החלטות הבעלים E5-02 עד E5-05, 8.10.2026).
   עיקרון 1: משתני עיצוב אחידים לכל האתר.
   עיקרון 2: תבנית אחת לעמוד תוכן. חלה על עמודים שמסומנים .ss-page (parts/page.php).
             עמוד הבית ו-school.php לא נוגעים בשלב זה.
   עיקרון 3: משפחת כפתורים אחת.
   עיקרון 4: תמונות. הפינות המעוגלות נשלטות במחלקה .ss-round בלבד, וקל לבטל אותן. */

:root{
  --ss-blue:#20409A; --ss-blue-2:#2b55c4; --ss-orange:#F2612D; --ss-orange-d:#d94f1e;
  --ss-tint:#EDF2F9; --ss-line:#dde3ec; --ss-ink:#1d2433; --ss-text:#333; --ss-muted:#5e6b80;
  --ss-wa:#1E9E57; --ss-card:#fff;
  --ss-font:"Open Sans Hebrew",system-ui,"Segoe UI",Arial,sans-serif;
  --ss-r-card:12px; --ss-r-btn:8px; --ss-r-img:12px;
}

/* ---- כפתורים: הרכיב .ss-btn (כתום, .blue, .ghost) מוגדר ב-parts/__allhead.php.
   כאן רק מתאימים אליו את הכפתורים הישנים בתוך עמודי התוכן. ---- */
.ss-page .orange-btnxs,.ss-page .orange-btnx{display:inline-block;background:#f2612d;color:#fff!important;font:700 16px/42px var(--ss-font);padding:0 24px;
  border:2px solid #f2612d;border-radius:8px;text-decoration:none!important;text-align:center;width:auto!important;height:auto;float:none;box-shadow:none;text-shadow:none}
.ss-page .orange-btnxs:hover,.ss-page .orange-btnx:hover{background:#d9521f;border-color:#d9521f}
.ss-page .orange-btnxs:focus-visible,.ss-page .orange-btnx:focus-visible{outline:3px solid #ffd54f;outline-offset:2px}
.ss-page .orange-btnxs .btnx-txt,.ss-page .orange-btnx .btnx-txt{position:static;display:inline;padding:0;margin:0;font:inherit;color:inherit;background:none}

/* ---- תבנית עמוד תוכן ---- */
.ss-page{background:var(--ss-tint)}
.ss-page #breadcrumbs{background:var(--ss-tint);border:0}
.ss-page .container.ss-wrap{width:auto;max-width:930px;margin:0 auto;padding:6px 15px 40px}
.ss-page h1.page{margin:14px 0 14px}
.ss-page .ss-wrap>.heb{background:var(--ss-card);border:1px solid var(--ss-line);border-radius:var(--ss-r-card);padding:26px 28px;font-family:var(--ss-font);color:var(--ss-text)}
.ss-page .ss-wrap>.heb p,.ss-page .ss-wrap>.heb li{font-size:16px;line-height:1.75}
.ss-page .ss-wrap>.heb h2{font-size:20px;font-weight:700;line-height:30px;color:var(--ss-blue);margin:26px 0 8px}
.ss-page .ss-wrap>.heb h3{font-size:17px;font-weight:700;line-height:25px;color:var(--ss-ink);margin:24px 0 6px;padding-top:18px;border-top:1px solid var(--ss-line)}
.ss-page .ss-wrap>.heb>h3:first-child,.ss-page .ss-wrap>.heb>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.ss-page .ss-wrap>.heb a{color:var(--ss-blue)}
.ss-page .ss-wrap>.heb table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
.ss-page .ss-wrap>.heb th{background:var(--ss-tint);color:var(--ss-ink);font-weight:700}
.ss-page .ss-wrap>.heb th,.ss-page .ss-wrap>.heb td{border:1px solid var(--ss-line);padding:8px 10px;vertical-align:top}
.ss-page .ss-wrap>.heb .table-responsive,.ss-page .ss-wrap>.heb .ss-tscroll{overflow-x:auto}
/* השאלות והתשובות וה"מדריכים נוספים" בכרטיסים נפרדים מתחת לתוכן */
.ss-page .ss-wrap>.heb .page-faq,.ss-page .ss-wrap>.heb .page-related{margin:28px -28px -26px;padding:22px 28px 24px;border-top:8px solid var(--ss-tint);background:var(--ss-card);border-radius:0 0 var(--ss-r-card) var(--ss-r-card)}
.ss-page .ss-wrap>.heb .page-faq+.page-related{margin-top:0;border-radius:0 0 var(--ss-r-card) var(--ss-r-card)}
.ss-page .ss-wrap>.heb .page-faq h2,.ss-page .ss-wrap>.heb .page-related h2{margin-top:0}

/* ---- תמונות: פינות מעוגלות, רק כשהעמוד מסומן .ss-round ---- */
.ss-round .ss-wrap>.heb img{border-radius:var(--ss-r-img)}
.ss-page .ss-wrap>.heb img{max-width:100%;height:auto}

@media (max-width:600px){
  .ss-page .container.ss-wrap{padding:4px 10px 30px}
  .ss-page .ss-wrap>.heb{padding:18px 16px}
  .ss-page .ss-wrap>.heb .page-faq,.ss-page .ss-wrap>.heb .page-related{margin:24px -16px -18px;padding:18px 16px 20px}
}