/* גמל פלוס — header glow-up. Clearer, livelier, conversion-focused.
   One file controls the look across all pages (overrides .siteheader). */

/* solid, crisp header (not washed-out translucent) + soft depth */
.siteheader{
  background:#ffffff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #e8edf6 !important;
  box-shadow:0 3px 16px rgba(15,30,77,.08) !important;
  padding-top:.55rem !important;
  padding-bottom:.55rem !important;
  position:sticky;
}
/* lively brand accent line under the bar (navy → blue → green) */
.siteheader::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,#0f1e4d 0%,#1e3a8a 35%,#1d4ed8 70%,#059669 100%);
}

/* logo: bigger, with a "+" gradient badge so it reads as a brand mark */
.siteheader .brand{
  font-size:1.32rem !important;
  letter-spacing:-.01em;
  display:inline-flex !important;
  align-items:center;
}
.siteheader .brand::before{
  content:"+";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.55rem;height:1.55rem;
  margin-inline-end:.45rem;
  border-radius:8px;
  background:linear-gradient(135deg,#1e3a8a,#1d4ed8);
  color:#fff;font-weight:900;font-size:1.05rem;line-height:1;
  box-shadow:0 3px 9px rgba(30,58,138,.32);
}
.siteheader .brand span{color:#059669 !important;margin-inline-start:.18em}

/* nav links: darker (clear contrast) + animated underline on hover */
.siteheader nav a{
  color:#1e293b !important;
  font-weight:600 !important;
  font-size:.93rem !important;
  position:relative;
  padding:.42rem .18rem !important;
}
.siteheader nav a::after{
  content:"";
  position:absolute;
  inset-inline:.18rem;
  bottom:.12rem;
  height:2px;
  background:#1d4ed8;
  border-radius:2px;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .2s ease;
}
.siteheader nav a:hover{color:#1d4ed8 !important}
.siteheader nav a:hover::after{transform:scaleX(1)}

/* highlight the new "טבלאות" with a star + "חדש" badge */
.siteheader nav a[href="/tavla/"]::before{
  content:"★ חדש";
  font-size:.6rem;font-weight:800;
  color:#fff;background:#059669;
  border-radius:6px;
  padding:.08rem .32rem;
  margin-inline-end:.3rem;
  vertical-align:middle;
  white-space:nowrap;
}

/* "בדיקה אישית" → a standout green CTA button (persistent conversion point) */
.siteheader nav a[href="/quiz"]{
  background:linear-gradient(135deg,#059669,#047857) !important;
  color:#ffffff !important;
  padding:.5rem .95rem !important;
  border-radius:10px;
  font-weight:800 !important;
  box-shadow:0 4px 12px rgba(5,150,105,.28);
  margin-inline-start:.3rem;
  transition:transform .15s ease,box-shadow .15s ease;
}
.siteheader nav a[href="/quiz"]::after{display:none !important}
.siteheader nav a[href="/quiz"]::before{
  content:"★ ";
  color:#fff;font-weight:900;
}
.siteheader nav a[href="/quiz"]:hover{
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(5,150,105,.4);
}

@media (prefers-reduced-motion:reduce){
  .siteheader nav a::after{transition:none}
  .siteheader nav a[href="/quiz"]{transition:none}
}