/* global critical */

/*
:root {
    --theme-container-padding: 16px;
    --theme-black: #000;
    --theme-black-2: #070707;
    --theme-blue: #0385C6;
    --theme-blue-darker: #053542;
}
*/


body.curr_page .site_head {
  /*  background-color: var(--theme-blue); */

/* background-color: #0385C6; */
/* background-color: #007eb2;  */
/* background-color: lightblue; */
/* background-color: #0095fd;  */
/*
  background: linear-gradient(
    90deg,
    #0A66B7 0%,
    #2DB3F3 100%
  );
*/

/*
  background: linear-gradient(
    90deg,
    #0A66B7 0%,
    #1C8FE0 50%,
    #2DB3F3 100%
  );
*/

/*
  background: linear-gradient(
    110deg,
    #0A66B7 0%,
    #1C8FE0 45%,
    #2DB3F3 100%
  );
*/

/* יפה
  background:
    radial-gradient(circle at 85% 40%, rgba(255,255,255,0.15) 0%, transparent 40%),
    linear-gradient(90deg, #0A66B7 0%, #2DB3F3 100%);
*/

  background: linear-gradient(
    90deg,
    #156FC1 0%,
    #3CB8F6 100%
  );


    text-align: center;
 /* height: 100px; */ /* כאן אתה שולט */
 padding: 20px 0;
}

@media (max-width: 767px){
  body.curr_page .site_head{
    padding: 10px 0;
  }
}

body.curr_page .site_head .theme_subtitle {
    font-weight: normal;
   color: #fff;
    max-width: 800px;
    margin: 10px auto 0;
}

.curr_page_head_content {
    text-align: center;
    border-bottom: 1px solid var(--theme-blue);
    padding-bottom: 1em;
}
/* כותרת העמוד */
.curr_page_head_content .theme_title {
    color: var(--theme-blue);
  /*font-size: 2em;*/
  font-size: clamp(20px, 3vw, 32px); /* גדל וקטן לפי רוחב המסך*/
  font-weight: 700;
  line-height: 1.3;
 letter-spacing: -1px;
  margin-bottom: 0px;
}

/* תת כותרת מתחת לכותרת הראשית */
.curr_page_head_content .theme_subtitle{
  font-size: clamp(16px, 2.0vw, 20px);
  line-height: 1.25;
  margin-top: 2px;
}



.curr_page_head_content p {
    font-size: 1.375em;
    color: #565656;
    margin-top: 12px;
}
.curr_page_posts_grid {
    margin-top: 3em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 60px;
}
.post_item {
    color: #565656;
    text-decoration: none;
}
.post_item .img_wrap {
    background-color: #f1f1f1;
    height: 200px;
    border-radius: 32px;
    overflow: hidden;
    margin-bottom: 20px;
}
.post_item .img_wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.post_title {
    font-size: 1.375em;
    font-weight: bold;
    color: var(--theme-blue-darker);
    line-height: 1.1;
    margin-bottom: 6px;
}
.post_item p {
    font-size: 1.125em;
    line-height: 1.2;
}
.post_item .readmore_text {
    font-size: 1.125em;
    font-weight: bold;
    color: var(--theme-blue);
    text-decoration: underline;
}
.curr_page_posts_load_more {
    text-align: center;
    margin: 60px 0 30px;
}
.curr_page_posts_load_more > a.theme_button_1 {
    padding: 10px 50px;
}
.posts-navigation {
    display: none;
}

@media (min-width: 1024px) {
    body.curr_page .site_head img {
        width: 650px;
    }
    body.curr_page .site_head .theme_subtitle {
        font-size: 3em;
    }
}

@media (min-width: 768px) {
    body.curr_page .site_head {
       /* min-height: 460px; */
 min-height: auto;
    }
    .curr_page_posts_load_more > a.theme_button_1 {
        font-size: 1.625em;
    }
}
@media (max-width: 768px) {
    .curr_page_posts_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    body.curr_page .site_head {
         min-height: auto;
    }
    body.curr_page .site_head img {
        max-width: 80%;
    }
    .curr_page_head_content {
        padding-bottom: 1em;
    }
    .curr_page_posts_grid {
        margin-top: 2em;
    }
    .curr_page_head_content p,
    .post_title {
        font-size: 1.125em;
    }
    .post_item p,
    .post_item .readmore_text {
        font-size: 1em;
    }
    .post_item .img_wrap {
        height: 120px;
        border-radius: 12px;
    }
}   


@media (max-width: 767px) {
    /* הגדרת הגובה החדש למיכל */
    .hero-wrapper {
       /* height: 110px; */ /* ככל שתגדיל את המספר הזה, יותר רוחב ייחתך מהצדדים */
        overflow: hidden; /* מוודא שמה שיוצא מהצדדים לא יוצר פס גלילה */
    }

    .hero-wrapper img {
        width: 100% !important;
        height: 100% !important; /* מכריח את התמונה להימתח לגובה המיכל */
        
        /* המאפיין שאחראי על איבוד הרוחב מהצדדים */
        object-fit: cover; 
        
        /* מבטיח שהחיתוך יתבצע באופן שווה משני הצדדים והמרכז יישאר */
        object-position: center; 
    }
}


/* כותרת העמוד והפס הכחול */
/* מיכל ה-Hero שמחזיק את התמונה והטקסט */
.hero-wrapper {
    position: relative;
    width: 100%;
    line-height: 0; /* מונע רווח לבן מתחת לתמונה */
}

/* התמונה עצמה - תופסת 100% רוחב ושומרת על גובה טבעי */
.hero-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* מיכל שמרכז את כל הטקסט (כותרת + תת כותרת) במרכז התמונה */
.hero-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 5; /* מוודא שהטקסט מעל המסכה */
}

/* הכותרת הראשית - הסרנו ממנה את המיקום האבסולוטי כי הוא עבר למיכל העוטף */
.hero-wrapper .inside_title {
    margin: 0;
    width: 100%;
    text-align: center;
    /*line-height: 1.15;*/
line-height: 1;
  /* color: #dbeaff; */
/* color: #0d60b0; */
/* color: #123; */

  /*  font-family: 'Rubik', Heebo, Arial, sans-serif !important; */
  /*  font-weight: 400 !important; */
  font-weight: 500 !important;
    letter-spacing: -1px; 
/*   text-shadow: 1px 1px 1px #555; */

color: #1a1a1a;

/*
 text-shadow:
    0 1px 0 #ffffff,      
    0 -1px 2px rgba(0,0,0,0.15); 
*/


 text-shadow:
    0 2px 3px rgba(0,0,0,0.3),
    0 -1px 1px #ffffff;
    font-size: 2.5rem;
}

/* תת הכותרת */
.inside_subtitle {
   /* color: #ffffff !important; */
/* color: orange !important; */

color: rgb(244, 131, 28) !important;

    font-size: 1.5rem;
    font-weight: 600;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    margin-top: 20px; /* רווח מהכותרת הראשית */
    display: block;
    /* font-family: Heebo, Arial, sans-serif; */
 text-shadow:
    0 1px 0 #ffffff,      /* אור מלמעלה */
    0 -1px 2px rgba(0,0,0,0.15); /* עומק מלמטה */
}

/* התאמות למסכים קטנים */
@media (max-width: 767px) {
    .hero-wrapper .inside_title { font-size: 1.8rem; }
    .inside_subtitle { font-size: 1.1rem; margin-top: 20px; }
}
/*
@media (max-width: 600px) {
    .hero-wrapper .inside_title { font-size: 1.5rem; }
     .inside_subtitle { font-size: 1.1rem; margin-top: 15px; }

}

@media (max-width: 500px) {
    .hero-wrapper .inside_title { font-size: 1.1rem; }
    .inside_subtitle { font-size: 0.8rem; margin-top: 10px; }
}
*/


/* המסכה שצובעת לתכלת ומבהירה */
/*
.hero-wrapper::after {
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background-color: rgba(0, 191, 255, 0.15); 
    mix-blend-mode: screen; 
    pointer-events: none;
}
*/

/* ================================
   SITE HEAD TOP (Breadcrumbs + Share)
   ================================ */

.site_head{
  text-align:center; /* נשאיר כמו שהיה */
}

/* המעטפת שמסדרת ימין / שמאל */
.site_head_top{
  display:flex;
  align-items:center;
  justify-content:space-between;   /* ימין ושמאל אמיתיים */
  width:100%;
  box-sizing:border-box;

  /* רווח סימטרי משני הצדדים */
  padding-inline: clamp(16px, 5vw, 80px);
}

/* ביטול מרווח ברירת מחדל של p */
.site_head_top #breadcrumbs{
  margin:0;
  text-align:right;
  white-space:nowrap;   /* שלא ישבר שורה בדסקטופ */
}

/* אזור האייקונים */
.site_head_top .share_bar{
  display:flex;
  /* רווח בין אייקונים שיורד כשהמסך קטן:
     מינימום 6px, מקסימום 12px, ובאמצע 1.6vw */
  gap: clamp(2px, 1vw, 6px);
  margin:0;
  padding:0;
}

/* ================================
   SHARE BUTTONS
   ================================ */
.share_btn{
  width: clamp(22px, 2.5vw, 35px);
  height: clamp(22px, 2.5vw, 35px);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.6);
  color: #fff;
  transition: .2s ease;
}

/* האייקון עצמו */
.share_btn .icon{
  width: clamp(16px, 2vw, 26px);
  height: clamp(16px, 2vw, 26px);
  fill: currentColor;
}

/* hover */
.share_btn:hover{
  color: var(--theme-blue-darker);
  background: rgba(255,255,255,0.25);
}

.site_head_top .share_title{padding-bottom: 4px;}

/* ================================
   התאמות מובייל
   ================================ */

@media (max-width: 767px){

  .site_head_top{
    padding-inline: 16px;
  }

  .site_head_top #breadcrumbs{
    font-size:14px;
    white-space:normal;
  }

/*  הצמדה לקצה התחתון של הברדקראמב */
.site_head_top > nav {
  align-self: flex-end;
}


.site_head_top .share_title{
 font-size:16px;
}


/* הסתרת הכיתוב */
.site_head_top .share_title {
  display: none;
}

/* הרמת האייקונים לקצה העליון */
.site_head_top .share_block {
  align-self: flex-start;
}

/* הקטנת האייקונים */
.share_btn {
  width: 24px;
  height: 24px;
}

.share_btn .icon {
  width: 20px;
  height: 20px;
}


.site_head_top {
  padding-inline: 16px;
  min-height: 40px; /* ← תכוונן לפי הגובה המקורי */
}



}



@media (max-width: 400px){

  .site_head_top #breadcrumbs{
    font-size:16px;
    white-space:normal;
  }

.site_head_top .share_title{
 font-size:10px;
}
}

/* Breadcrumbs - בלי קו תחתי + hover כחול כהה */

.site_head_top #breadcrumbs a{
  text-decoration: none;
  color: inherit;              /* שומר על הצבע הרגיל */
  transition: color .2s ease;
}

.site_head_top #breadcrumbs a:hover{
 /* text-decoration: none; */
text-decoration: underline;
 /* color: var(--theme-blue-darker); */
}

/* =========================
   Two columns layout
========================= */

.section_full_bg{
  margin-bottom: 70px; /* הרווח בין העמוד לפוטר */
}

/* המקטע הזה מבטל את הריווח של ה-container ואומר ל-2 העמודות להצמד לצדדים כמו החלק הכחול למעלה */
/*
 .section_full_bg .container{
  max-width: none; 
  margin: 0;      
  padding-inline: clamp(16px, 5vw, 80px);
}
*/

.page_layout{
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.content_column{
  flex: 1;
  min-width: 0; 
  direction: rtl;
}

.sidebar_column {
  width: 253px;
  flex-shrink: 0;
  direction: rtl;

  /* 1. מבטל את המתיחה האוטומטית - קריטי כדי שהסטיקי יעבוד מדויק */
  align-self: flex-start;

  /* 2. הגדרת הדביקות */
  position: sticky;
  
  /* 3. המרחק הרצוי מהתקרה (שנה ל-0 אם תרצה צמוד ממש) */
  top: 70px; 

  /* 4. ביטול הטריק הישן שעשה את הבעיות (מחקתי את המרג'ין והפדינג השליליים) */
  /* margin-top: -70px; */ 
  /* padding-top: 70px; */
}

/* במסכים גבוהים יותר מלפטופ שההצמדה של הבאנרים תרד קצת */
@media (min-height: 700px) {
.sidebar_column {
  top: 85px; 
  }
}



@media (max-width: 768px){
  .page_layout{ flex-direction: column; }
  .sidebar_column{
    width: 100%;
    position: static;
  }
}

/* =========================
   Sidebar legacy backgrounds
========================= */

.sidebar_column .leftright_strips{
  background: url(../images/content_bg1.jpg) no-repeat left top;
}

.sidebar_column .lr_content{
  background: url(../images/content_bg2_new.gif) repeat-y left top;
}

/* רלוונטי כי יש לך reset גלובלי שמציף li כ-float:left */
.sidebar_column ul.runlinks_adbanner1,
.sidebar_column ul.runlinks_adbanner1 li{
  float: none !important;
}


/* עיגול + חיתוך לרקע הישן של הסיידבר */
@media (min-width: 769px){
.sidebar_column .leftright_strips{
  border-radius: 18px;
  overflow: hidden;            /* חותך את הרקע בפינות */
 /* border: 1px solid rgba(0,0,0,0.12); */
border: 1px solid rgba(0,0,0,0.10);
}
}



/* =========================
   Logos
========================= */

.sidebar_column .clients_logos{
  padding: 20px 0 25px; /*רווח בין הבאנרים לכותרת הלוגואים*/
}

.sidebar_column .clients_logos .logos_header_h{
  text-align: center;
  margin: 0;
}

/* Modern grid, same look as original */
.sidebar_column .clients_logos_grid{
  list-style: none;
  margin: 0 auto;
  padding: 5px 0 0; /* גם שליטה על הרווח מהכותרת ללוגואים*/
  width: 246px;

  display: grid;
  grid-template-columns: repeat(2, 123px);
  justify-content: center;
  direction: ltr;
}

.sidebar_column .clients_logos_grid .cell{
  height: 65px;
  padding: 0 1px;
  box-sizing: border-box;
  border-top: 1px dashed #eadce9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebar_column .clients_logos_grid .cell--midline{
  border-right: 1px dashed #eadce9;
}

.sidebar_column .clients_logos_grid .cell--bottom{
  border-bottom: 1px dashed #eadce9;
}

.sidebar_column .clients_logos_grid .cell > a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* אפקט הובר ללוגואים בגריד התחתון */
.sidebar_column .clients_logos_grid .cell a {
    transition: transform 0.3s ease, filter 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.sidebar_column .clients_logos_grid .cell a:hover {
    /* הגדלה עדינה שמתאימה ללוגואים קטנים */
    transform: scale(1.03); 
    /* הבהרה קלה כדי לתת תחושת חיות */
    filter: brightness(1.1); 
}

/* אופציונלי: הוספת רקע עדין מאוד לתא בזמן הובר */
.sidebar_column .clients_logos_grid .cell:hover {
    background-color: rgba(234, 131, 45, 0.03); /* כתום שקוף מאוד בהתאמה לצבע המותג שלך */
    transition: background-color 0.3s ease;
}

.sidebar_column .clients_logos_grid .logo{
  max-height: 48px;
  width: auto;
  height: auto;
  display: block;
}

/* כותרת לוגואים בסיידבר - גודל מדויק ומסודר */
.sidebar_column .clients_logos .logos_header_h{
  font-size: 16px;     
  font-weight: 600;    
  line-height: 1.3;    
  margin-bottom: 1px;  /* ריווח מתחת לכותרת */
  text-align: center;  
}

/* =========================================
   SIDEBAR - BANNERS (isolated)
========================================= */

.sidebar_column .runlinks_adbanner1{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  list-style: none;
  margin: 0;
 /* padding: 44px 0 5px; */  /* ← זה שומר את הרווח שהיה לך */

padding: 18px 0 5px;

  width: 100%;
  text-align: center;     /* אם אתה עדיין רוצה את זה */
}

.sidebar_column .runlinks_adbanner1 li{
  padding-bottom: 12px; /* הרווח בין הבאנרים */
  flex: 0 0 auto;
}


.sidebar_column .runlinks_adbanner1 li a {
    transition: transform 0.3s ease, filter 0.3s ease;
    display: block; /* מוודא שהאפקט חל על כל שטח הקישור */
}

.sidebar_column .runlinks_adbanner1 li a:hover {
    transform: scale(1.03); /* הגדלה עדינה של 3% */
    filter: brightness(1.1); /* הבהרה קלה */
}

.sidebar_column .runlinks_adbanner1 img,
.sidebar_column .runlinks_adbanner1 video{
  display: block;
  border: 0;
  max-width: 100%;
  height: auto;
}

.sidebar_column .runlinks_adbanner1 a{
  display: block;
}

/* פריסת הבאנרים הצידיים במובייל */
@media (max-width: 768px){

  .sidebar_column ul.runlinks_adbanner1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
   row-gap: 5px;     /* רווח אנכי */
   column-gap: 10px;  /* רווח אופקי */
    padding: 0 1px;           /* רווח מצידי המסך */
  }

  .sidebar_column ul.runlinks_adbanner1 li{
    padding: 0;               /* מבטל padding ישן */
  }

  .sidebar_column ul.runlinks_adbanner1 img,
  .sidebar_column ul.runlinks_adbanner1 video{
    width: 100%;
    height: auto;
  }
}

/* פריסת הלוגואים הצידיים במובייל */
@media (max-width: 768px){

  .sidebar_column .leftright_strips,
  .sidebar_column .lr_content{
    background: none !important;
  }
}

@media (max-width: 768px){
  .sidebar_column .clients_logos{
    padding: 20px 12px;
  }

  .sidebar_column .clients_logos_grid{
    width: 100%;
    padding: 0;
    margin: 0;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    direction: rtl;
  }

  .sidebar_column .clients_logos_grid .cell{
    border: none !important;
    height: auto;
    padding: 18px 10px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sidebar_column .clients_logos_grid .logo{
    max-height: 42px;
    width: auto;
  }
}



/* =========================
   Inline Links (בתוך מאמר)
========================= */

.article_inner a{
  color: inherit;              /* אותו צבע כמו הטקסט */
  text-decoration: none;       /* בלי קו תחתון */
  border-bottom: 1px solid rgba(0,0,0,0.15); /* רמז עדין */
  transition: all .15s ease;
font-weight: 600;
}

/* hover */
.article_inner a:hover{
  color: #007eb2;              /* כחול שלך */
  border-bottom-color: rgba(0,126,178,0.5);
}

/* focus לנגישות */
/*
.article_inner a:focus-visible{
  outline: 2px solid rgba(0,126,178,0.35);
  outline-offset: 2px;
  border-radius: 3px;
}
*/


/* קטע הוספת קישורים נוספים לאחר מאמר */
/* =========================
   Related Links - Desktop
========================= */

.related_inline,
.related_inline *{
  box-sizing: border-box;
}

.related_inline{
  margin-top: 22px;
  max-width: 100%;
  overflow: hidden;
  padding-right: 14px;
  border-right: 5px solid rgba(0,126,178,0.55);
}

.related_inline h3{
  margin: 0 0 8px 0;
  /* font-size: 17px; */
  font-weight: 700;
  color: #053542;
  max-width: 100%;
}

.related_inline ul{
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;

  display: flex;
  flex-direction: column;
  gap: 10px;          /* <- זה הרווח בין ה-LI */
}

.related_inline li{
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}

.related_inline a{
  display: block;             /* נשאר block -> לא משנה לך ריווחים */
  line-height: 1.25;
  color: inherit;

  border-bottom: none;        /* מבטל קו ארוך */
/*
  text-decoration: underline; 
  text-decoration-color: rgba(0,0,0,0.18);
  text-decoration-thickness: 0.3px;
  text-underline-offset: 4px;
*/
font-weight: 300;
text-decoration: none;

  transition: color .15s ease, text-decoration-color .15s ease;
}


.related_inline a:hover{
  color: #007eb2;
  text-decoration-color: rgba(0,126,178,0.5);
text-decoration: underline;
}


.related_inline .cvr_link1-item a{
  font-weight: 700;
color: #ea832d;
font-size: 1.1em;
}

.related_inline .cvr_link1-item a:hover{
  color: #123;
}

@media (max-width: 768px){
  .related_inline{
margin-top: 30px;
    margin-bottom: 20px;
  
  }

.related_inline a{
text-decoration: none !important;
 border-bottom: none !important;
}
}