/* ==========================================================================
   SolWay — מסגרת האתר (סקשנים, כותרות מודול, הירו, פוטר)
   נכתב מאפס לפי מדידות של האתר החי ב-375 / 1024 / 1280 / 1440.
   הכותרת העליונה והפופ-אפ נשארים בקוד המקורי שלהם, בתוך ה-HTML.
   ========================================================================== */

:root{
  --sw-main:#2e8b57;
  --sw-modules:#d8f2e3;          /* סקשן bg-primary בעמוד הבית + רקע העמוד */
  --sw-modules-second:#f9f9f9;   /* סקשן רגיל בעמוד הבית */
  --sw-inside:#f9f9f9;           /* כל הסקשנים בעמודים הפנימיים */
  --sw-text:#000;
  --sw-footer-back:#fff;
  --sw-sections-padding:100px;
}

/* box-sizing של העמוד הראשי. בתוך המודולים זה נשאר content-box, כמו ב-iframe */
*,*::before,*::after{box-sizing:border-box}
.module-frame,.module-frame *,.module-frame *::before,.module-frame *::after{box-sizing:content-box}

html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Assistant',Arial,sans-serif;
  font-size:14px;
  line-height:1.428571429;
  color:var(--sw-text);
  background-color:var(--sw-modules);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-shadow:1px 1px 1px rgba(0,0,0,.004);
}
@media (min-width:768px){ body{font-size:16px} }
@media (min-width:1200px){ body{font-size:16.5px} }
/* במקור SITE123 דוחף את התוכן ל-60px במובייל, מתחת לכותרת של 72px */
@media (max-width:767px){ body{padding-top:60px !important} }

/* ברירות מחדל של העמוד הראשי לכותרת ולפופ-אפ — לא נוגעות במודולים */
:where(h1,h2,h3,h4,h5,h6):where(:not(.module-frame *)){font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin-top:20px;margin-bottom:10px}
:where(h2):where(:not(.module-frame *)){font-size:30px}
:where(p):where(:not(.module-frame *)){margin:0 0 10px}
:where(button,input,select,textarea):where(:not(.module-frame *)){font:inherit;color:inherit;margin:0}
:where(input):where(:not(.module-frame *)){line-height:normal}
:where(img):where(:not(.module-frame *)){vertical-align:middle;border:0}
:where(a):where(:not(.module-frame *)){text-decoration:none}

/* ===== מכולה — רוחב קבוע בכל נקודת שבירה, כמו במקור ===== */
.sw-container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}
@media (min-width:768px){ .sw-container{width:750px} }
@media (min-width:992px){ .sw-container{width:970px} }
@media (min-width:1200px){ .sw-container{width:1170px} }
@media (min-width:1400px){ .sw-container{width:1320px} }

/* ==========================================================================
   סקשנים
   ========================================================================== */
.s123-module{position:relative;padding:var(--sw-sections-padding) 0;background-color:var(--sw-modules-second)}
.home .s123-module.bg-primary{background-color:var(--sw-modules)}
.inside .s123-module{background-color:var(--sw-inside);min-height:80vh}
@media (max-width:767px){ :root{--sw-sections-padding:50px} }

/* עמודים פנימיים: פס של 90px מתחת לכותרת (המקום של התפריט המוסתר של SITE123) */
.inside-spacer{height:90px;background-color:var(--sw-inside)}
.legal .inside-spacer{background-color:var(--sw-modules)}
@media (max-width:767px){ .inside-spacer{height:60px;background-color:transparent !important} }

/* ===== כותרת מודול: קו ירוק מעל, כותרת מתחת ===== */
.module-title{text-align:center;padding-bottom:1.5em}
.inside .module-title{padding-bottom:calc(1.5em + 10px)}
.module-title hr.small{
  display:block;width:50px;max-width:50px;height:0;
  margin:10px auto;border:0;border-top:3px solid var(--sw-main);
}
.module-title h1,.module-title h2{
  font-family:'Assistant',Arial,sans-serif;
  font-weight:400;color:var(--sw-text);line-height:1.25;
  margin:0 0 10px;text-shadow:1px 1px 1px rgba(0,0,0,.1);
}
.module-title h2{font-size:1.953em}
.module-title h1{font-size:2.441em}

/* ===== המסגרת של כל מודול — משחזרת את ה-iframe =====
   גבול גלישה, רוחב שממנו נמדדים cqw ו-@container, וברירות מחדל נקיות
   (גופן, כיוון, יישור) כמו במסמך ה-iframe הריק. */
.module-frame{
  all:initial;
  display:block;
  direction:ltr;
  -webkit-font-smoothing:auto;
  container-type:inline-size;
  overflow:hidden;
}
/* module-box = ה-iframe עצמו. במקור ה-iframe היה inline בתוך שורה, ולכן נשאר מתחתיו רווח
   של קו הבסיס (~4px). overflow:hidden קובע את קו הבסיס בתחתית הקופסה, בדיוק כמו ב-iframe.
   ה-20px הם התוספת של מנגנון הגובה האוטומטי של SITE123 — מחוץ למסמך, ולכן מחוץ למסגרת. */
.module-box{display:inline-block;width:100%;vertical-align:baseline;overflow:hidden;padding-bottom:20px}
.module-content{line-height:1.25}   /* במקור 20.625px ב-16.5px — קובע את גודל הרווח מתחת ל-iframe */

/* ===== כניסה בגלילה (AOS של SITE123): 100px למטה ושקיפות, 0.2 שניות ===== */
html.aos-ready [data-aos="fade-up"]{opacity:0;transform:translate3d(0,100px,0);transition:opacity .2s ease,transform .2s ease}
html.aos-ready [data-aos="fade-up"].aos-animate{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ html.aos-ready [data-aos]{opacity:1;transform:none;transition:none} }

/* ==========================================================================
   הירו — תמונה בלבד (הטקסט מוסתר גם במקור)
   ========================================================================== */
#section-169{padding:0;background-color:var(--sw-modules-second)}
#section-169 .hero-container{
  min-height:85vh;
  background:url(/assets/img/hero.jpg) center center / cover no-repeat;
}
#section-169 .hero-text{display:none}
@media (max-width:767px){ #section-169 .hero-container{min-height:0;height:300px} }

/* ==========================================================================
   עמודי מדיניות
   ========================================================================== */
.s123-module.page-data{padding:20px 0}
.page-data .breadcrumb{
  visibility:hidden;display:flex;flex-wrap:wrap;list-style:none;
  margin:0;padding:8px 15px;font-size:.8em;line-height:1.25;
}
.page-data .breadcrumb > li + li::before{content:"/\00a0";padding:0 5px}
@media (max-width:767px){ .page-data .breadcrumb{padding-right:0;padding-left:0} }
.fr-view{word-wrap:break-word;text-align:right;line-height:1.25}
.fr-view p{margin:0 0 20px}

/* ==========================================================================
   פוטר
   ========================================================================== */
footer.global-footer{
  background-color:var(--sw-footer-back);color:var(--sw-text);
  padding:40px 0;font-size:.8em;
}
footer.global-footer a{color:var(--sw-text)}
footer.global-footer a:hover,footer.global-footer a:focus{opacity:.8}
.footer-row{display:flex;flex-wrap:wrap;margin:0 -15px}
.footer-row .side1,.footer-row .side2{width:50%;padding:0 15px}
.footer-row .side1{text-align:right}
.footer-row .side2{text-align:left}
.footer-name{font-size:1.5em}
.legal-links{margin:5px 0}

.footer-nav{list-style:none;margin:0;padding:0;display:inline-block;width:100%}
.footer-nav > li{float:right;position:relative}
.footer-nav > li > a{display:block;font-weight:700;line-height:1}
.caret-up{
  display:inline-block;width:.75em;height:.75em;vertical-align:middle;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 2 10 8H0z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 2 10 8H0z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* "עוד" — תפריט שנפתח כלפי מעלה */
.more-menu{
  display:none;position:absolute;bottom:100%;top:auto;right:0;left:auto;z-index:1000;
  min-width:160px;margin:0;padding:0;list-style:none;text-align:right;
  background-color:var(--sw-footer-back);
  border:1px solid rgba(0,0,0,.15);box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.footer-nav .more.open > .more-menu{display:block}
.more-menu > li > a{
  display:block;padding:8.5px 15px;white-space:nowrap;
  font-size:17px;font-weight:700;line-height:1;color:var(--sw-text);
}
footer.global-footer .more-menu > li > a:hover,
footer.global-footer .more-menu > li.active > a{color:var(--sw-main);opacity:1}

@media (max-width:767px){
  .footer-row{flex-direction:column}
  .footer-row .side1,.footer-row .side2{width:100%;text-align:center}
  .footer-row .side1{order:2}
  .footer-row .side2{order:1;padding:0}
  .footer-nav{margin:7.5px 0 15px;text-align:left}
  .footer-nav > li{float:none;display:inline-block}
  .footer-nav > li > a{padding:0 8px}
  .more-menu{left:50%;right:auto;transform:translateX(-50%);max-width:calc(100vw - 30px)}
  .more-menu > li > a{font-size:.8rem;line-height:2.5}
}