/* ===== TG Nav Glass FX v1.0.1 - only top menu (header) with red glow ===== */
:root{
  --tg-accent: #b10f1e;                 /* logó pirosa */
  --tg-glow-accent: rgba(177, 15, 30, .55);
  --tg-glass-bg: rgba(255,255,255,0.08);
  --tg-glass-brd: rgba(255,255,255,0.25);
}

header .menu > li > a,
.site-header .menu > li > a,
header .wp-block-navigation a,
.site-header .wp-block-navigation a{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1rem;
  border-radius: 14px;
  background: var(--tg-glass-bg);
  border: 1px solid var(--tg-glass-brd);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
  overflow: hidden; /* ripple-hez */
  color: inherit;
}

/* shimmer overlay – finom, kissé vöröses */
header .menu > li > a::before,
.site-header .menu > li > a::before,
header .wp-block-navigation a::before,
.site-header .wp-block-navigation a::before{
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg,
     rgba(255,255,255,0) 0%,
     rgba(255,255,255,.12) 42%,
     rgba(177, 15, 30, .18) 50%,
     rgba(255,255,255,.10) 58%,
     rgba(255,255,255,0) 100%);
  transform: translateX(-120%);
  transition: transform .6s ease;
  pointer-events: none;
}

/* hover állapot – piros glow + enyhe emelés */
header .menu > li > a:hover,
.site-header .menu > li > a:hover,
header .wp-block-navigation a:hover,
.site-header .wp-block-navigation a:hover{
  transform: translateY(-1px) scale(1.02);
  border-color: rgba(255,255,255,.34);
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    0 0 12px var(--tg-glow-accent),
    0 0 0 1px rgba(255,255,255,.06) inset;
}
header .menu > li > a:hover::before,
.site-header .menu > li > a:hover::before,
header .wp-block-navigation a:hover::before,
.site-header .wp-block-navigation a:hover::before{
  transform: translateX(120%);
}

/* aktív/fókusz – pirosas keret és külső finom glow */
header .menu > li.current-menu-item > a,
.site-header .menu > li.current-menu-item > a,
header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current-menu-item > a,
header .menu > li > a:focus,
.site-header .menu > li > a:focus,
header .wp-block-navigation a:focus,
.site-header .wp-block-navigation a:focus{
  outline: none;
  border-color: color-mix(in oklab, var(--tg-accent), white 20%);
  box-shadow:
    0 0 0 2px color-mix(in oklab, var(--tg-accent), white 35%),
    0 8px 22px rgba(0,0,0,.18);
}

/* pressed */
header .menu > li > a:active,
.site-header .menu > li > a:active,
header .wp-block-navigation a:active,
.site-header .wp-block-navigation a:active{
  transform: translateY(0) scale(.985);
}

/* Ripple elem */
.tg-ripple{
  position: absolute;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  width: 10px; height: 10px;
  background: radial-gradient(circle at center, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);
  pointer-events: none;
  animation: tg-ripple .6s ease-out forwards;
}

@keyframes tg-ripple{
  0%   { opacity: .7; transform: translate(-50%,-50%) scale(0.2); }
  100% { opacity: 0;  transform: translate(-50%,-50%) scale(12);  }
}

/* Reduced motion támogatás */
@media (prefers-reduced-motion: reduce){
  header .menu > li > a,
  .site-header .menu > li > a,
  header .wp-block-navigation a,
  .site-header .wp-block-navigation a{
    transition: none !important;
    transform: none !important;
  }
  header .menu > li > a::before,
  .site-header .menu > li > a::before,
  header .wp-block-navigation a::before,
  .site-header .wp-block-navigation a::before{ display: none !important; }
}