@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap');
/* Navbar — single source of truth for the whole-site header (matches React main site) */
.mfp-navbar, .mfp-ticker, .mfp-mobile-menu { font-family: 'Rubik', ui-sans-serif, system-ui, sans-serif; }
.mfp-navbar {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 10px 0;
}

/* Dark mode (default) — match React glass-strong */
.mfp-navbar { background: rgba(15,23,42,0.75); }
[data-theme="light"] .mfp-navbar {
  background: rgba(255,255,255,0.88);
  border-bottom-color: rgba(0,0,0,0.08);
}

.mfp-navbar-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo */
.mfp-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  flex-shrink: 0;
}
.mfp-logo-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0ea5e9, #2dd4bf);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(14,165,233,0.2);
}
.mfp-logo-icon svg { width: 18px; height: 18px; color: white; }
.mfp-logo-text { line-height: 1.1; }
.mfp-logo-name { color: white; font-weight: 700; font-size: 15px; }
[data-theme="light"] .mfp-logo-name { color: #1e293b; }
.mfp-logo-name span { background: linear-gradient(135deg, #0ea5e9, #2dd4bf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.mfp-logo-sub { font-size: 10px; color: #94a3b8; margin-top: 2px; }

/* Nav links */
.mfp-nav { display: flex; align-items: center; gap: 2px; }
.mfp-nav-link {
  padding: 7px 11px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #cbd5e1;
  white-space: nowrap;
}
.mfp-nav-link:hover { color: white; background: rgba(255,255,255,0.05); }
.mfp-nav-link.active { color: white; background: rgba(255,255,255,0.1); }
[data-theme="light"] .mfp-nav-link { color: #64748b; }
[data-theme="light"] .mfp-nav-link:hover { color: #1e293b; background: rgba(0,0,0,0.04); }
[data-theme="light"] .mfp-nav-link.active { color: #1e293b; background: rgba(0,0,0,0.06); }
.mfp-nav-link svg { width: 14px; height: 14px; }

/* Right side controls */
.mfp-controls { display: flex; align-items: center; gap: 8px; }
.mfp-theme-btn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.2s;
}
.mfp-theme-btn:hover { color: white; background: rgba(255,255,255,0.05); }
[data-theme="light"] .mfp-theme-btn { border-color: rgba(0,0,0,0.1); color: #64748b; }
[data-theme="light"] .mfp-theme-btn:hover { color: #1e293b; background: rgba(0,0,0,0.04); }

.mfp-login-btn {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  background: linear-gradient(135deg, #0ea5e9, #2dd4bf);
  color: white;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: filter 0.2s;
}
.mfp-login-btn:hover { filter: brightness(1.1); }
.mfp-login-btn svg { width: 16px; height: 16px; }

/* Mobile */
.mfp-hamburger {
  display: none;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.mfp-hamburger svg { width: 20px; height: 20px; }
.mfp-mobile-menu {
  display: none;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 12px 16px;
  flex-direction: column;
  gap: 4px;
  background: rgba(15,23,42,0.95);
}
[data-theme="light"] .mfp-mobile-menu { background: rgba(255,255,255,0.95); border-top-color: rgba(0,0,0,0.08); }
.mfp-mobile-menu.open { display: flex; }
.mfp-mobile-menu .mfp-nav-link { padding: 10px 14px; font-size: 14px; }

@media (max-width: 1024px) {
  .mfp-nav { display: none; }
  .mfp-controls .mfp-login-btn { display: none; }
  .mfp-hamburger { display: flex; }
}

/* ───────────────────────────────────────────────
   Shared header: macro ticker + sticky wrapper + "התחל כאן"
   Injected by /practical/assets/site-ticker.js — matches main site.
   ─────────────────────────────────────────────── */
.mfp-header-sticky { position: sticky; top: 0; z-index: 50; }
.mfp-header-sticky .mfp-navbar { position: static; }

.mfp-ticker {
  position: relative; overflow: hidden; height: 32px;
  display: flex; align-items: center;
  background: rgba(15,23,42,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
[data-theme="light"] .mfp-ticker { background: rgba(248,250,252,0.96); border-bottom-color: rgba(0,0,0,0.06); }
.mfp-ticker::before, .mfp-ticker::after { content:''; position:absolute; top:0; bottom:0; width:48px; z-index:2; pointer-events:none; }
.mfp-ticker::before { right:0; background:linear-gradient(to left, rgba(15,23,42,0.92), transparent); }
.mfp-ticker::after  { left:0;  background:linear-gradient(to right, rgba(15,23,42,0.92), transparent); }
[data-theme="light"] .mfp-ticker::before { background:linear-gradient(to left, rgba(248,250,252,0.96), transparent); }
[data-theme="light"] .mfp-ticker::after  { background:linear-gradient(to right, rgba(248,250,252,0.96), transparent); }
.mfp-ticker-updated { position:absolute; left:8px; top:50%; transform:translateY(-50%); z-index:3; font-size:9px; color:#64748b; background:rgba(15,23,42,0.8); padding:2px 6px; border-radius:4px; }
[data-theme="light"] .mfp-ticker-updated { background:rgba(241,245,249,0.9); }
@media (max-width:640px){ .mfp-ticker-updated { display:none; } }
.mfp-ticker-track { display:flex; align-items:center; white-space:nowrap; width:max-content; animation: mfp-ticker-scroll 60s linear infinite; }
.mfp-ticker:hover .mfp-ticker-track { animation-play-state: paused; }
@keyframes mfp-ticker-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.mfp-ticker-item { display:inline-flex; align-items:center; gap:6px; padding:0 18px; font-size:12px; border-left:1px solid rgba(255,255,255,0.06); }
[data-theme="light"] .mfp-ticker-item { border-left-color: rgba(0,0,0,0.06); }
.mfp-ticker-icon { color:#64748b; font-weight:700; }
.mfp-ticker-name { color:#94a3b8; }
[data-theme="light"] .mfp-ticker-name { color:#64748b; }
.mfp-ticker-val { color:#e2e8f0; font-weight:600; }
[data-theme="light"] .mfp-ticker-val { color:#1e293b; }
.mfp-ticker-chg { font-size:10px; font-weight:600; padding:1px 5px; border-radius:4px; }
.mfp-ticker-chg.up { color:#34d399; background:rgba(52,211,153,0.12); }
.mfp-ticker-chg.down { color:#fb7185; background:rgba(251,113,133,0.12); }
.mfp-ticker-chg.flat { color:#94a3b8; background:rgba(148,163,184,0.12); }

.mfp-start-here {
  display:inline-flex; align-items:center; gap:5px;
  padding:7px 13px; border-radius:8px; margin-left:4px;
  background: linear-gradient(135deg, #fbbf24, #facc15);
  color:#451a03; font-weight:800; font-size:13px; text-decoration:none; white-space:nowrap;
  box-shadow: 0 4px 12px rgba(245,158,11,0.25); transition: filter 0.2s;
}
.mfp-start-here:hover { filter: brightness(1.05); }