/* תפריט עליון משותף לכל האתר — נטען אחרי העיצוב של כל עמוד */

/* לוגו: קטן ב-~35% ונדחף שמאלה */
header { padding-left: 14px !important; }
header .logo { font-size: .78rem !important; gap: 6px !important; opacity: .85; }
header .logo span.icon { font-size: 1.05rem !important; }

/* כל פריטי התפריט נראים אותו דבר — בלי הדגשה קבועה */
.site-nav > a, .site-nav > a.nav-cta, .site-nav .nav-label {
  border: 1px solid transparent !important;
  background: none !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  border-radius: 999px !important;
  padding: 8px 13px !important;
}
.site-nav > a:hover, .site-nav .nav-label:hover {
  background: #f1f5f9 !important;
  color: var(--text) !important;
}

/* העמוד שבו נמצאים — הדגשה חד משמעית */
.site-nav > a.active, .site-nav > a.active:hover,
.site-nav .nav-label.active, .site-nav .nav-label.active:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, .35) !important;
}

@media (max-width: 780px) {
  header { padding-left: 16px !important; }
  header .logo { font-size: .72rem !important; }
  .site-nav > a, .site-nav > a.nav-cta, .site-nav .nav-label {
    background: #f6f8fb !important;
    border-color: #e5eaf1 !important;
    padding: 7px 13px !important;
    font-size: .82rem !important;
  }
}

/* V113: "המעבדה החיה" — purple pill, must override the generic reset above (hence !important) */
.site-nav > a.nav-lab {
  background: linear-gradient(135deg, #7C3AED, #A855F7) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 8px 14px !important;
  box-shadow: 0 2px 10px rgba(124, 58, 237, 0.35) !important;
}
.site-nav > a.nav-lab:hover {
  background: linear-gradient(135deg, #6D28D9, #9333EA) !important;
  color: #fff !important;
}

/* V113: menu buttons centered in the top bar (logo stays at the edge) */
@media (min-width: 781px) {
  .site-nav { flex: 1 !important; justify-content: center !important; flex-wrap: nowrap !important; }
}