/* DartVision v7.44.2 · Home shell fix: topbar sichtbar, Home-Hero wie Referenz */

/* Der entscheidende Fix: Das Hauptmenü-Overlay darf den Header nicht mehr überdecken. */
#setupOverlay.homeMode{
  top:var(--dv-top-h)!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:#030202!important;
}
#setupOverlay.homeMode .startCard{
  height:calc(calc(100 * var(--dp-dvh)) - var(--dv-top-h))!important;
  min-height:0!important;
}
#setupOverlay.homeMode .startHomeView{
  grid-template-rows:var(--dv-hero-h) minmax(0,1fr)!important;
}

/* Hero im Hauptmenü selbst – gleiche Bildsprache wie die gewünschte Vorlage. */
#setupOverlay.homeMode .dvHomeHero{
  position:relative!important;
  min-height:var(--dv-hero-h)!important;
  height:var(--dv-hero-h)!important;
  display:grid!important;
  grid-template-columns:210px minmax(520px,1fr) 250px!important;
  align-items:center!important;
  padding:0 36px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.67)!important;
  background:#030202!important;
  box-shadow:inset 0 -25px 48px rgba(0,0,0,.52),0 10px 28px rgba(0,0,0,.34)!important;
}
#setupOverlay.homeMode .dvHomeHero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:url('../branding/dartprime-hero-7463.png') center 47%/cover no-repeat!important;
  opacity:.22!important;
  filter:saturate(.88) brightness(.72)!important;
  transform:scale(1.08)!important;
}
#setupOverlay.homeMode .dvHomeHero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.32) 24%,rgba(72,0,7,.23) 50%,rgba(0,0,0,.39) 78%,rgba(0,0,0,.93) 100%),
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(72,0,8,.17) 54%,rgba(0,0,0,.52))!important;
  pointer-events:none!important;
}
#setupOverlay.homeMode .dvHomeHeroLogo{
  position:relative!important;
  z-index:2!important;
  justify-self:center!important;
  width:min(510px,88%)!important;
  height:190px!important;
  max-height:none!important;
  object-fit:contain!important;
  background:rgba(0,0,0,.80)!important;
  padding:0 12px!important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.72)) drop-shadow(0 0 14px rgba(var(--accent-rgb),.10))!important;
}
#setupOverlay.homeMode .dvHomeHeroLeft,
#setupOverlay.homeMode .dvHomeHeroRight{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  font-size:13px!important;
  line-height:1.1!important;
  letter-spacing:.31em!important;
  font-weight:850!important;
  color:#e4dcdf!important;
  text-transform:uppercase!important;
}
#setupOverlay.homeMode .dvHomeHeroLeft{align-items:flex-start!important;text-align:left!important}
#setupOverlay.homeMode .dvHomeHeroLeft:after{
  content:""!important;width:80px!important;height:2px!important;margin-top:8px!important;
  background:var(--accent)!important;box-shadow:0 0 12px rgba(var(--accent-rgb),.42)!important;
}
#setupOverlay.homeMode .dvHomeHeroRight{align-items:flex-end!important;text-align:right!important;padding-right:5px!important}
#setupOverlay.homeMode .dvHomeHeroCopy{display:none!important}

/* Auf der Home-Seite keine zusätzlichen Zurück/Home-Duplikate außerhalb des Headerpaares. */
#setupOverlay.homeMode #startHomeBackBtn{display:none!important}

/* Header muss über dem Home-Overlay anklickbar bleiben. */
.dvTopbar{position:relative!important;z-index:950!important}
#setupOverlay.homeMode{z-index:900!important}

@media(max-width:1500px){
  #setupOverlay.homeMode .dvHomeHero{grid-template-columns:160px minmax(430px,1fr) 200px!important;padding-inline:24px!important}
  #setupOverlay.homeMode .dvHomeHeroLogo{width:min(470px,90%)!important}
  #setupOverlay.homeMode .dvHomeHeroLeft,#setupOverlay.homeMode .dvHomeHeroRight{font-size:10px!important}
}
@media(max-width:1180px){
  #setupOverlay.homeMode .dvHomeHero{grid-template-columns:120px 1fr 150px!important}
  #setupOverlay.homeMode .dvHomeHeroLogo{height:150px!important;width:min(410px,92%)!important}
  #setupOverlay.homeMode .dvHomeHeroLeft,#setupOverlay.homeMode .dvHomeHeroRight{font-size:8px!important}
}
@media(max-width:850px){
  #setupOverlay.homeMode .dvHomeHero{grid-template-columns:1fr!important;padding:0 10px!important}
  #setupOverlay.homeMode .dvHomeHeroLeft,#setupOverlay.homeMode .dvHomeHeroRight{display:none!important}
  #setupOverlay.homeMode .dvHomeHeroLogo{width:min(500px,92%)!important}
}