/* TG Vault v153 — background flow, homepage spacing and footer continuity
   Ziel: harte Hintergrund-Baender entfernen, Seitenfluss beruhigen, Footer sauber anschliessen.
   Blog-Design bleibt unberuehrt; Datei wird nur auf Nicht-Blog-Seiten eingebunden. */

:root{
  --tgv153-cream:#F4EBDD;
  --tgv153-paper:#FBF5EC;
  --tgv153-paper-2:#F0E2CF;
  --tgv153-bordeaux:#5B1E2D;
  --tgv153-bordeaux-soft:#7B394D;
  --tgv153-gold:#D4B06A;
  --tgv153-deep:#161311;
  --tgv153-ink:#24130F;
  --tgv153-muted:#654C40;
}

/* 1) Globaler Reset fuer die kaputten Vollseiten-Verlaeufe */
html body.premium-theme:not(.blog-page){
  background-attachment:scroll!important;
  background-repeat:no-repeat!important;
  color:var(--tgv153-ink)!important;
}

body.premium-theme:not(.blog-page):not(.home-page):not(.vault-page){
  background-color:var(--tgv153-cream)!important;
  background-image:
    radial-gradient(circle at 14% 7%, rgba(212,176,106,.10), transparent 25%),
    radial-gradient(circle at 86% 14%, rgba(91,30,45,.07), transparent 28%)!important;
}

body.vault-page:not(.legal-page){
  background-color:var(--tgv153-cream)!important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(212,176,106,.11), transparent 24%),
    radial-gradient(circle at 88% 16%, rgba(91,30,45,.08), transparent 26%)!important;
}

body.home-page{
  background-color:var(--tgv153-cream)!important;
  background-image:none!important;
}

/* 2) Startseite: Hero kompakter + weicher Uebergang nach unten */
body.home-page .tgv5-hero{
  position:relative!important;
  min-height:clamp(620px, 78vh, 760px)!important;
  padding-top:clamp(132px, 15vh, 168px)!important;
  padding-bottom:120px!important;
  margin-bottom:0!important;
  overflow:visible!important;
  background:
    linear-gradient(180deg, rgba(37,8,18,.68) 0%, rgba(44,10,21,.58) 40%, rgba(57,18,30,.82) 76%, rgba(244,235,221,0) 100%),
    url('/assets/header-japan-v11.webp') center top/cover no-repeat!important;
}

body.home-page .tgv5-hero::after{
  content:""!important;
  position:absolute!important;
  left:0!important; right:0!important; bottom:-1px!important;
  height:220px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg, rgba(91,30,45,0) 0%, rgba(91,30,45,.15) 30%, rgba(244,235,221,.78) 78%, var(--tgv153-cream) 100%)!important;
  z-index:1!important;
}

body.home-page .tgv5-hero-inner,
body.home-page .tgv5-signature-strip,
body.home-page .tgv5-boutique-intro,
body.home-page .tgv7-editorial-grid,
body.home-page #about-section,
body.home-page .home-blog-showcase{
  position:relative!important;
  z-index:2!important;
}

body.home-page .tgv5-signature-strip{
  margin-top:-72px!important;
  padding:0 14px!important;
  background:transparent!important;
  border:0!important;
}

body.home-page .tgv5-signature-item{
  background:linear-gradient(155deg, rgba(255,248,237,.98), rgba(240,225,205,.94))!important;
  border:1px solid rgba(91,30,45,.12)!important;
  box-shadow:0 18px 48px rgba(22,19,17,.10)!important;
}
body.home-page .tgv5-signature-item strong{color:var(--tgv153-ink)!important;}
body.home-page .tgv5-signature-item p,
body.home-page .tgv5-boutique-intro p,
body.home-page .tgv7-editorial-grid p,
body.home-page .about-text p,
body.home-page .hs-desc,
body.home-page .section p{color:var(--tgv153-muted)!important;font-weight:650!important;}

body.home-page .tgv5-boutique-intro,
body.home-page .tgv7-editorial-grid,
body.home-page #about-section,
body.home-page .home-blog-showcase,
body.home-page .section{
  margin-top:40px!important;
}

@media (max-width:760px){
  body.home-page .tgv5-hero{
    min-height:auto!important;
    padding-top:132px!important;
    padding-bottom:90px!important;
  }
  body.home-page .tgv5-signature-strip{
    margin-top:-38px!important;
    gap:10px!important;
  }
}

/* 3) Generische Content-Bloecke: beige/creme, kein riesiger Seitenfarbverlauf */
body.premium-theme:not(.blog-page) .subpage-content,
body.premium-theme:not(.blog-page) .tgv5-boutique-intro,
body.premium-theme:not(.blog-page) .vault-legal-box,
body.premium-theme:not(.blog-page) .faq-category,
body.premium-theme:not(.blog-page) .faq-item,
body.premium-theme:not(.blog-page) .contact-card,
body.premium-theme:not(.blog-page) .legal-shell,
body.premium-theme:not(.blog-page) .legal-section{
  color:var(--tgv153-ink)!important;
}

body.premium-theme:not(.blog-page) .subpage-content p,
body.premium-theme:not(.blog-page) .custom-feat-desc,
body.premium-theme:not(.blog-page) .custom-for-tag,
body.premium-theme:not(.blog-page) .faq-answer,
body.premium-theme:not(.blog-page) .contact-card p,
body.premium-theme:not(.blog-page) .legal-section p,
body.premium-theme:not(.blog-page) .legal-section li{
  color:var(--tgv153-muted)!important;
}

/* 4) Custom Cards Seite: dunkle CTA-Bloecke sauber lesbar, Seitenhintergrund ruhig */
body.premium-theme .custom-why,
body.premium-theme .tgv-vaultdrops-inline-cta{
  box-shadow:0 20px 56px rgba(22,8,12,.16)!important;
}

/* 5) Vault Drops: keine horizontale Pink-Zone quer ueber die Seite */
body.vault-page main{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}

body.vault-page .vault-hero,
body.vault-page .vault-trust,
body.vault-page .vault-section,
body.vault-page .seo-custom-summary,
body.vault-page #rechtliches,
body.vault-page .vault-toolbar,
body.vault-page .vault-filter-panel{
  position:relative!important;
  z-index:2!important;
}

body.vault-page .vault-hero{
  margin-top:126px!important;
  background:
    radial-gradient(circle at 12% 8%, rgba(212,176,106,.16), transparent 26%),
    linear-gradient(180deg, rgba(251,246,239,.98), rgba(236,223,205,.94))!important;
  border:1px solid rgba(91,30,45,.12)!important;
  box-shadow:0 22px 60px rgba(22,19,17,.08)!important;
}

body.vault-page .vault-section,
body.vault-page .seo-custom-summary{
  background:transparent!important;
}

/* 6) Footer: nur unten dunkel werden lassen, keine harte Bandkante mitten auf der Seite */
body.premium-theme:not(.blog-page) .tgv-footer-v72{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  margin-top:80px!important;
  background:
    radial-gradient(circle at 16% 0%, rgba(212,176,106,.14), transparent 30%),
    radial-gradient(circle at 84% 14%, rgba(123,57,77,.18), transparent 34%),
    linear-gradient(180deg, #4F2030 0%, #29171D 42%, #161311 100%)!important;
  border-top:1px solid rgba(212,176,106,.14)!important;
  box-shadow:none!important;
}

body.premium-theme:not(.blog-page) .tgv-footer-v72::before{
  content:""!important;
  position:absolute!important;
  left:0!important; right:0!important; top:-110px!important; height:110px!important;
  pointer-events:none!important;
  z-index:0!important;
  background:linear-gradient(180deg, rgba(244,235,221,0) 0%, rgba(91,30,45,.12) 54%, rgba(41,23,29,.92) 100%)!important;
  box-shadow:none!important;
}

body.premium-theme:not(.blog-page) .tgv-footer-v72::after{
  content:none!important;
  display:none!important;
}

body.premium-theme:not(.blog-page) .tgv-footer-v72 .footer-top,
body.premium-theme:not(.blog-page) .tgv-footer-v72 .footer-bottom{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}

body.premium-theme:not(.blog-page) .tgv-footer-v72 a,
body.premium-theme:not(.blog-page) .tgv-footer-v72 p,
body.premium-theme:not(.blog-page) .tgv-footer-v72 li,
body.premium-theme:not(.blog-page) .tgv-footer-v72 .footer-copy,
body.premium-theme:not(.blog-page) .tgv-footer-v72 .footer-disclaimer{color:#EEDDC5!important;}
body.premium-theme:not(.blog-page) .tgv-footer-v72 h3,
body.premium-theme:not(.blog-page) .tgv-footer-v72 .footer-links-title{color:#F2D891!important;}

/* 7) Sicherheitsnetz gegen alte Fixes */
body.premium-theme:not(.blog-page) .page-bg-band,
body.premium-theme:not(.blog-page) .footer-fade-band{display:none!important;}