/* === VIKCT Header v4 (minimal, non-intrusive) ===
   Scope ONLY visual hovers/underline + CTA polish.
   No layout, no sticky, no background overrides.
*/

:root{
  --vikct-accent: #2563eb;
  --vikct-accent-2: #38bdf8;
  --vikct-ink: #0f172a;
}

/* Keep logo crisp but don't force size if template controls it */
.logo img{ image-rendering: -webkit-optimize-contrast; }

/* Top-level items: subtle lift + gradient underline */
.hendrio_menu > ul > li > a{
  position: relative;
  transition: color .18s ease, transform .18s ease;
  color: inherit;
  text-decoration: none;
}
.hendrio_menu > ul > li > a::after{
  content:"";
  position:absolute;
  left: 10px; right: 10px; bottom: 6px;
  height:2px;
  background: linear-gradient(90deg,var(--vikct-accent),var(--vikct-accent-2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
  border-radius: 2px;
  pointer-events: none;
}
.hendrio_menu > ul > li:hover > a,
.hendrio_menu > ul > li > a:focus{
  color: var(--vikct-accent);
  transform: translateY(-1px);
}
.hendrio_menu > ul > li:hover > a::after,
.hendrio_menu > ul > li > a:focus::after{
  transform: scaleX(1);
}

/* Active state support if theme marks it */
.hendrio_menu a.active,
.hendrio_menu a[aria-current="page"],
.hendrio_menu li.current > a{
  color: var(--vikct-accent);
}
.hendrio_menu a.active::after,
.hendrio_menu a[aria-current="page"]::after{
  transform: scaleX(1);
}

/* Dropdown links hover polish only (no positioning changes) */
.hendrio_menu .sub-menu a{
  transition: color .14s ease, transform .14s ease;
}
.hendrio_menu .sub-menu a:hover{
  color: var(--vikct-accent);
  transform: translateX(2px);
}

/* CTA button on the right */
.header-menu-right-btn .header-button a{
  background: linear-gradient(90deg,var(--vikct-accent),var(--vikct-accent-2));
  color: #fff !important;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(37,99,235,.22);
  transition: transform .16s ease, box-shadow .16s ease;
}
.header-menu-right-btn .header-button a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(37,99,235,.30);
}