/* TG Vault v149 – Final Navbar Restore from Working Backup
   Ziel: alte funktionierende Navbar wiederherstellen, alle v135-v148 Nav-Hacks neutralisieren.
   Keine Overlay-Lösung mehr.
*/

:root{
  --tgv149-bordeaux:#5B1E2D;
  --tgv149-bordeaux-dark:#2a0b14;
  --tgv149-cream:#F4EBDD;
  --tgv149-gold:#D4B06A;
  --tgv149-black:#16060c;
}

/* Sicherheit: alte dynamische Overlay-/Hack-Elemente komplett ausblenden */
.tgv148-mobile-button,
.tgv148-mobile-panel,
.tgv148-mobile-backdrop,
.tgv147-mobile-button,
.tgv146-mobile-button,
.tgv145-mobile-menu,
.tgv144-mobile-menu,
.tgv142-mobile-menu,
.tgv141-mobile-menu,
.tgv140-mobile-menu,
.tgv139-mobile-menu,
.tgv138-mobile-menu,
.tgv137-mobile-menu,
.tgv136-mobile-menu,
.tgv135-mobile-menu,
.tgv148-force-hidden,
.tgv148-old-mobile-control,
.tgv144-stray-topbar-control,
.tgv145-stray-topbar-control{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Announcement normal pages */
.ann-banner.tg-lux-ann{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:36px;
  z-index:5000;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#461321 0%,#8b2141 50%,#461321 100%);
  border-bottom:1px solid rgba(212,176,106,.35);
  color:rgba(244,235,221,.82);
}

.ann-banner .ann-track{
  display:flex;
  white-space:nowrap;
  animation:tgv149AnnScroll 35s linear infinite;
}

.ann-banner .ann-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 38px;
  font-family:"DM Mono",monospace;
  font-size:10px;
  line-height:36px;
  letter-spacing:1.45px;
  text-transform:uppercase;
  color:rgba(244,235,221,.82);
  flex-shrink:0;
}

.ann-banner .ann-dot{
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--tgv149-gold);
  flex:0 0 auto;
}

@keyframes tgv149AnnScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Blog announcement */
.tgv-ann{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:36px;
  z-index:5000;
  overflow:hidden;
  white-space:nowrap;
  display:flex;
  align-items:center;
  background:linear-gradient(90deg,#461321 0%,#8b2141 50%,#461321 100%);
  border-bottom:1px solid rgba(212,176,106,.35);
  color:rgba(244,235,221,.82);
  font-family:"DM Mono",monospace;
  font-size:10px;
  letter-spacing:1.45px;
  text-transform:uppercase;
}

.tgv-ann span{
  display:inline-block;
  padding-left:0;
  animation:tgv149AnnScroll 36s linear infinite;
}

/* Normal page header restored */
.tgv-header-v72{
  position:fixed!important;
  top:36px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1180px,calc(100vw - 32px))!important;
  min-height:76px!important;
  z-index:4999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0 18px!important;
  border-radius:0 0 26px 26px!important;
  border:1px solid rgba(212,176,106,.20)!important;
  background:linear-gradient(135deg,rgba(50,13,23,.98),rgba(23,7,12,.98))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.tgv-header-v72 .logo-wrap{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  min-width:0!important;
}

.tgv-header-v72 .brand-mark-full{
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  max-height:88px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0!important;
}

.tgv-desktop-nav-v72{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  min-width:0!important;
}

.tgv-desktop-nav-v72 a{
  color:rgba(244,235,221,.82)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  font-size:12px!important;
  padding:9px 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

.tgv-desktop-nav-v72 a:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff8ea!important;
}

.tgv-desktop-nav-v72 .btn-nav{
  background:linear-gradient(135deg,#8f2344,#c03665)!important;
  color:#fff8ea!important;
  padding:11px 18px!important;
  box-shadow:0 10px 25px rgba(143,35,68,.28)!important;
}

/* Blog header restored */
.tgv-header{
  position:fixed!important;
  top:36px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1180px,calc(100vw - 32px))!important;
  min-height:76px!important;
  z-index:4999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0 18px!important;
  border-radius:0 0 26px 26px!important;
  border:1px solid rgba(212,176,106,.20)!important;
  background:linear-gradient(135deg,rgba(50,13,23,.98),rgba(23,7,12,.98))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.tgv-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
  min-width:0!important;
}

.tgv-header .brand img{
  width:88px!important;
  height:88px!important;
  max-width:88px!important;
  max-height:88px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0!important;
}

.tgv-header .brand span{
  color:#fff8ea!important;
  font-weight:950!important;
  font-size:16px!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

.tgv-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
}

.tgv-header .nav a{
  color:rgba(244,235,221,.82)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  font-size:12px!important;
  padding:9px 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

.tgv-header .nav a:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff8ea!important;
}

.tgv-header .nav .pill{
  background:linear-gradient(135deg,#8f2344,#c03665)!important;
  color:#fff8ea!important;
  padding:11px 18px!important;
  box-shadow:0 10px 25px rgba(143,35,68,.28)!important;
}

/* Burger basics */
.hamburger,
.tgv-burger{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:20px!important;
  border:1px solid rgba(212,176,106,.34)!important;
  background:rgba(91,30,45,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 32px rgba(0,0,0,.25)!important;
  cursor:pointer!important;
  padding:0!important;
  margin-left:auto!important;
  z-index:5001!important;
}

.hamburger span,
.tgv-burger span{
  display:block!important;
  width:25px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--tgv149-gold)!important;
  transition:transform .18s ease, opacity .18s ease!important;
}

.hamburger.open span:nth-child(1),
.hamburger.active span:nth-child(1),
.tgv-burger.open span:nth-child(1),
.tgv-burger.active span:nth-child(1){
  transform:translateY(8px) rotate(45deg)!important;
}

.hamburger.open span:nth-child(2),
.hamburger.active span:nth-child(2),
.tgv-burger.open span:nth-child(2),
.tgv-burger.active span:nth-child(2){
  opacity:0!important;
}

.hamburger.open span:nth-child(3),
.hamburger.active span:nth-child(3),
.tgv-burger.open span:nth-child(3),
.tgv-burger.active span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg)!important;
}

/* Mobile nav panels */
.mobile-nav.tgv-mobile-v72,
.tgv-mobile-nav{
  display:none!important;
}

@media(max-width:900px){
  html,body{
    overflow-x:hidden!important;
    max-width:100%!important;
  }

  body{
    padding-top:0!important;
  }

  .tgv-header-v72,
  .tgv-header{
    width:calc(100vw - 24px)!important;
    min-height:76px!important;
    padding:0 14px!important;
    border-radius:0 0 24px 24px!important;
  }

  .tgv-header-v72 .brand-mark-full,
  .tgv-header .brand img{
    width:78px!important;
    height:78px!important;
    max-width:78px!important;
    max-height:78px!important;
  }

  .tgv-header .brand span{
    font-size:15px!important;
  }

  .tgv-desktop-nav-v72,
  .tgv-header .nav{
    display:none!important;
  }

  .hamburger,
  .tgv-burger{
    display:flex!important;
  }

  .mobile-nav.tgv-mobile-v72,
  .tgv-mobile-nav{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:124px!important;
    z-index:4998!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    max-height:calc(100vh - 144px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
    border-radius:24px!important;
    border:1px solid rgba(212,176,106,.24)!important;
    background:
      radial-gradient(circle at 10% 0%, rgba(212,176,106,.12), transparent 32%),
      linear-gradient(135deg, rgba(49,13,25,.985), rgba(18,6,11,.99))!important;
    box-shadow:0 28px 80px rgba(0,0,0,.54), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .mobile-nav.tgv-mobile-v72.open,
  .mobile-nav.tgv-mobile-v72.active,
  .tgv-mobile-nav.open,
  .tgv-mobile-nav.active{
    display:grid!important;
  }

  .mobile-nav.tgv-mobile-v72 a,
  .tgv-mobile-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    padding:0 15px!important;
    border-radius:16px!important;
    border:1px solid rgba(212,176,106,.16)!important;
    background:rgba(255,243,223,.058)!important;
    color:var(--tgv149-cream)!important;
    text-decoration:none!important;
    text-transform:none!important;
    font-weight:900!important;
    letter-spacing:.045em!important;
    line-height:1.2!important;
    font-size:15px!important;
  }

  .mobile-nav.tgv-mobile-v72 a::after,
  .tgv-mobile-nav a::after{
    content:"›";
    color:var(--tgv149-gold);
    font-size:1.25rem;
    line-height:1;
  }

  .mobile-nav.tgv-mobile-v72 .mobile-nav-cta,
  .tgv-mobile-nav .pill{
    background:linear-gradient(135deg,#8f2344,#c03665)!important;
    color:#fff8ea!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 10px 26px rgba(143,35,68,.32)!important;
  }
}

@media(min-width:901px){
  .mobile-nav.tgv-mobile-v72,
  .tgv-mobile-nav{
    display:none!important;
  }
}