/* קישורי הכותרת/תיאור – הובר נקי */
  .header-links a {
    color: #337ab7;
    text-decoration: none;
    transition: color .2s ease;
  }
  .header-links a:hover,
  .header-links a:focus {
    text-decoration-line: underline;
    text-decoration-color: #2a5e9a;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    color: #2a5e9a;
    outline: none;
  }

  /* קישורי סרגל השפה */

.lngbar-link {
    padding: 4px 8px;
    background-color: #f2f2f2;
    border-radius: 4px;
    font-weight: 600;
}

.lngbar-link:hover {
    background-color: #CCC9C8;
    color: white;
}

  /* למנוע שבירה של השם בדסקטופ ומעלה */
  @media (min-width: 992px) {
    .logo {
      white-space: nowrap;     /* לא לשבור שורה */
      font-size: 36px;         /* שם גדול יותר */
      line-height: 1.15;
    }
    .sublogo { font-size: 18px; }
  }

  /* במובייל/טאבלט – גדלים ידידותיים */
  @media (max-width: 991.98px) {
    .logo { font-size: 28px; line-height: 1.2; }
    .sublogo { font-size: 16px; }
  }

  /* הובר של לינקי התפריט – זהה ל-עברית/ENG */
.navbar-nav > li > a {
  transition: background-color .25s ease, color .25s ease;  
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  background-color: #CCC9C8; /* כמו ה-lngbar-link:hover */
  color: #ffffff;            /* טקסט לבן */
  border-radius: 3px;        /* אותו רדיוס, אם יש */
  text-decoration: none;
}
.header-links a {
  transition: background-color .25s ease, color .25s ease;
}

.header-links a:hover,
.header-links a:focus {
  background-color: #CCC9C8; /* כמו ה-navbar וה-LNG */
  color: #ffffff;            /* טקסט לבן */
  border-radius: 3px;        /* עקביות */
  text-decoration: none;     /* בלי קו תחתון */
}
/* אפקט hover זהה לכל ההדר */
.lngbar-link,
.navbar-nav > li > a,
.header-links a {
  transition: background-color .25s ease, color .25s ease;
}

.lngbar-link:hover,
.lngbar-link:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.header-links a:hover,
.header-links a:focus {
  background-color: #CCC9C8; /* רקע אפור */
  color: #ffffff;            /* טקסט לבן */
  border-radius: 3px;
  text-decoration: none;     /* בלי קו תחתון */
}
/* אפקט hover לשם + טייטל */
.header-links a:hover h2,
.header-links a:hover h4 {
  background-color: #CCC9C8;
  color: #ffffff;
  border-radius: 3px;
}
/* אפקט hover רק לשם */
.header-links h2 a {
  color: #337ab7;
  text-decoration: none;
  border-radius: 3px;
  padding: 2px 6px;
  transition: background-color .25s ease, color .25s ease;
}

.header-links h2 a:hover,
.header-links h2 a:focus {
  background-color: #CCC9C8; /* אפור */
  color: #ffffff;            /* לבן */
  text-decoration: none;     /* בלי קו תחתון */
}

.menu-bilingual {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1000px; /* טיפה יותר רחב */
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* בדיוק 4 טורים */
  gap: 12px 0;
  justify-content: center;
  text-align: center;
}

.menu-bilingual li {
  display: flex;
  flex-direction: column; /* אנגלית מתחת לעברית */
  align-items: center;
  justify-content: center;
  direction: rtl;
}

.menu-bilingual a {
  text-decoration: none;
  color: #2066b3;
  padding: 2px 6px;
  border-radius: 3px;
  transition: background-color 0.3s, color 0.3s;
  white-space: nowrap; /* מונע שבירה של טקסט ארוך */
}

.menu-bilingual .he-link:hover,
.menu-bilingual .en-link:hover {
  background-color: #CCC9C8;
  color: #ffffff;
}

.menu-bilingual .he-link {
  direction: rtl;
  font-weight: 500;
  margin-bottom: 2px;
}

.menu-bilingual .en-link {
  direction: ltr;
  font-size: 0.95em;     /* קטן מהעברית כדי לא לרדת שורה */
  font-weight: 500;    /* כמו העברית */
  line-height: 1.2;    /* גובה יפה */
  color: #3b7dd8;
}

@media (max-width: 768px) {
  .menu-bilingual {
    grid-template-columns: 1fr;
  }
}