/* TG Vault v74 — centered boutique navigation + legal footer fade
   Premium look first: restores the compact centered header capsule and adds a soft Bordeaux-to-footer transition on legal pages. */

:root{
  --tgv-bordeaux:#5B1E2D;
  --tgv-bordeaux-deep:#32121A;
  --tgv-footer-grey:#161311;
  --tgv-cream:#F4EBDD;
  --tgv-paper:#FFF8ED;
  --tgv-gold:#D4B06A;
}

/* Header: back to a centered boutique capsule, not edge-to-edge */
body .tgv-header-v72,
body.premium-theme .tgv-header-v72,
body.vault-page .tgv-header-v72,
body.legal-page .tgv-header-v72,
body.contact-page .tgv-header-v72{
  position:fixed!important;
  top:42px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 32px), 1180px)!important;
  max-width:1180px!important;
  height:66px!important;
  min-height:66px!important;
  z-index:1300!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(212,176,106,.30)!important;
  background:
    radial-gradient(circle at 5% 50%,rgba(212,176,106,.12),transparent 28%),
    linear-gradient(135deg,rgba(58,18,29,.96),rgba(24,18,16,.94) 54%,rgba(48,17,25,.96))!important;
  box-shadow:0 18px 55px rgba(22,10,10,.26), inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  overflow:visible!important;
}

body .tgv-header-v72 .logo-wrap,
body.premium-theme .tgv-header-v72 .logo-wrap,
body.vault-page .tgv-header-v72 .logo-wrap,
body.contact-page .tgv-header-v72 .logo-wrap,
body.legal-page .tgv-header-v72 .logo-wrap{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:74px!important;
  min-width:74px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border-radius:999px!important;
  background:rgba(255,248,237,.045)!important;
  border:1px solid rgba(212,176,106,.12)!important;
  overflow:visible!important;
  z-index:2!important;
}

body .tgv-header-v72 .brand-mark-full,
body.premium-theme .tgv-header-v72 .brand-mark-full,
body.vault-page .tgv-header-v72 .brand-mark-full,
body.contact-page .tgv-header-v72 .brand-mark-full,
body.legal-page .tgv-header-v72 .brand-mark-full,
body header img.brand-mark-full{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:68px!important;
  max-height:52px!important;
  min-width:0!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.28)) drop-shadow(0 0 8px rgba(212,176,106,.14))!important;
}

body .tgv-header-v72 .tgv-desktop-nav-v72,
body.premium-theme .tgv-header-v72 .tgv-desktop-nav-v72,
body.vault-page .tgv-header-v72 .tgv-desktop-nav-v72,
body.legal-page .tgv-header-v72 .tgv-desktop-nav-v72,
body.contact-page .tgv-header-v72 .tgv-desktop-nav-v72{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:auto!important;
  max-width:calc(100% - 126px)!important;
  margin:0 auto!important;
  padding:0 0 0 42px!important;
  transform:none!important;
}

body .tgv-header-v72 .tgv-desktop-nav-v72 a,
body.premium-theme .tgv-header-v72 .tgv-desktop-nav-v72 a,
body.vault-page .tgv-header-v72 .tgv-desktop-nav-v72 a,
body.legal-page .tgv-header-v72 .tgv-desktop-nav-v72 a,
body.contact-page .tgv-header-v72 .tgv-desktop-nav-v72 a{
  min-height:38px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  color:rgba(244,235,221,.85)!important;
  text-shadow:none!important;
}

body .tgv-header-v72 .tgv-desktop-nav-v72 a:hover{
  color:#fff8ed!important;
  background:rgba(255,248,237,.09)!important;
  transform:translateY(-1px)!important;
}

body .tgv-header-v72 .tgv-desktop-nav-v72 .btn-nav{
  margin-left:6px!important;
  padding:0 18px!important;
  color:#351b11!important;
  background:linear-gradient(135deg,#F3DC9A,#D4B06A)!important;
  border:1px solid rgba(255,248,237,.28)!important;
  box-shadow:0 10px 24px rgba(212,176,106,.20)!important;
}

body .tgv-header-v72 .hamburger{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

body .tgv-mobile-v72,
body.premium-theme .tgv-mobile-v72,
body.vault-page .tgv-mobile-v72,
body.legal-page .tgv-mobile-v72,
body.contact-page .tgv-mobile-v72{
  top:118px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 32px), 960px)!important;
  z-index:1290!important;
}

@media(max-width:1180px){
  body .tgv-header-v72 .tgv-desktop-nav-v72 a{font-size:10px!important;padding:0 8px!important;letter-spacing:.06em!important;}
  body .tgv-header-v72 .tgv-desktop-nav-v72 .btn-nav{padding:0 14px!important;}
}
@media(max-width:1060px){
  body .tgv-header-v72 .tgv-desktop-nav-v72{display:none!important;}
  body .tgv-header-v72 .hamburger{display:flex!important;}
}
@media(max-width:760px){
  body .tgv-header-v72,
  body.premium-theme .tgv-header-v72,
  body.vault-page .tgv-header-v72,
  body.legal-page .tgv-header-v72,
  body.contact-page .tgv-header-v72{
    top:38px!important;
    width:calc(100% - 20px)!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 12px!important;
    border-radius:999px!important;
  }
  body .tgv-header-v72 .logo-wrap{left:12px!important;width:62px!important;min-width:62px!important;height:50px!important;}
  body .tgv-header-v72 .brand-mark-full{max-width:58px!important;max-height:46px!important;}
  body .tgv-header-v72 .hamburger{right:12px!important;}
  body .tgv-mobile-v72{top:108px!important;width:calc(100% - 20px)!important;}
}

/* Legal pages: premium fade into the dark footer instead of a hard cut */
body.legal-page,
body.premium-theme.legal-page,
body.vault-page.legal-page{
  background:
    radial-gradient(circle at 20% 4%,rgba(212,176,106,.16),transparent 31%),
    linear-gradient(180deg,#F8F0E4 0%,#F4EBDD 48%,#E8D7C2 78%,#5B1E2D 94%,#1A1513 100%)!important;
  color:#2B201B!important;
}

body.legal-page main,
body.legal-page .subpage-content,
body.legal-page .legal-shell,
body.legal-page .legal-section{
  position:relative!important;
  z-index:2!important;
}

body.legal-page .tgv-footer-v72{
  margin-top:0!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(212,176,106,.16),transparent 34%),
    linear-gradient(180deg,#25151A 0%,#191514 52%,#12100F 100%)!important;
  border-top:1px solid rgba(212,176,106,.20)!important;
  box-shadow:0 -32px 90px rgba(91,30,45,.22)!important;
}

body.legal-page .tgv-footer-v72::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-180px!important;
  height:180px!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(244,235,221,0) 0%,rgba(91,30,45,.16) 35%,rgba(91,30,45,.60) 72%,rgba(37,21,26,.96) 100%)!important;
  z-index:-1!important;
}

body.legal-page .tgv-footer-v72::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:46%!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(22,19,17,0),rgba(16,15,14,.82))!important;
  z-index:0!important;
}
body.legal-page .tgv-footer-v72 .footer-top,
body.legal-page .tgv-footer-v72 .footer-bottom{position:relative!important;z-index:2!important;}

/* keep the footer visually premium on contact too, but without the strong legal bordeaux ramp */
body.contact-page .tgv-footer-v72::before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:-120px!important;height:120px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(244,235,221,0),rgba(91,30,45,.18),rgba(37,21,26,.92))!important;
  z-index:-1!important;
}
