/*
  ההאדר העליון שמופיע בכל העמודים (חוץ מדף הנחיתה video-guide, שהוא עצמאי).
  ה-HTML שלו מופיע בתחילת ה-<body> בכל עמוד, וה-<body> מקבל class="with-header".
  להוספת קישור לתפריט: מוסיפים אותו בשני המקומות בכל עמוד (.site-top-nav ו-.site-top-menu).
*/
.site-top { position: sticky; top: 0; z-index: 50; background: rgba(251,251,247,.94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(14,14,16,.10); font-family: "Assistant", "Arial Hebrew", Arial, sans-serif; }
.site-top-in { position: relative; max-width: 1080px; margin: 0 auto; padding: 8px 18px; min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.site-top .brand { display: flex; align-items: center; gap: 10px; color: #0E0E10; text-decoration: none; }
.site-top .brand img { width: 40px; height: 40px; border-radius: 50%; display: block; }
.site-top .brand span { font-family: "Rubik", "Arial Hebrew", Arial, sans-serif; font-weight: 900; font-size: 21px; line-height: 1; }
.site-top a { color: #0E0E10; }
.site-top-nav { display: none; align-items: center; gap: 4px; }
.site-top-nav a, .site-top-menu nav a { text-decoration: none; font-weight: 700; font-size: 16px; border-radius: 999px; }
.site-top-nav a { padding: 7px 13px; }
.site-top-nav a:hover, .site-top-nav a:focus-visible { background: #EFEDF8; }
.site-top a[aria-current="page"] { background: #EFEDF8; color: #4E4594; }

.site-top-menu summary { list-style: none; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(14,14,16,.16); border-radius: 50%; font-size: 21px; cursor: pointer; user-select: none; }
.site-top-menu summary::-webkit-details-marker { display: none; }
.site-top-menu[open] summary { background: #EFEDF8; }
.site-top-menu nav { position: absolute; top: calc(100% + 6px); inset-inline: 12px; display: grid; gap: 2px; padding: 10px; background: #fff; border: 1px solid rgba(14,14,16,.10); border-radius: 18px; box-shadow: 0 18px 40px -18px rgba(14,14,16,.45); }
.site-top-menu nav a { display: block; padding: 12px 14px; font-size: 18px; }
.site-top-menu nav a:hover, .site-top-menu nav a:focus-visible { background: #F6F5FB; }

@media (min-width: 860px) {
  .site-top-nav { display: flex; }
  .site-top-menu { display: none; }
}

/* ההאדר מחליף את הלוגו הקטן שהיה בפינה העליונה של כל עמוד */
body.with-header .hero > a.home,
body.with-header .hero.narrow > a:first-child,
body.with-header .wrap > .top { display: none; }
body.with-header .hero { padding-top: 34px; }