/* Handball Dynasty v39.9.0
   Manager navigation cleanup: remove duplicate page hero and force horizontal tabs. */

/* The global decorative page banner duplicates the content hero on these pages. */
body.world .page-hero,
body.world .v10-pagehero,
body.world main > .hero,
body.world main > section.page-hero,
body.command .page-hero,
body.command .v10-pagehero,
body.command main > .hero,
body.command main > section.page-hero {
  display:none!important;
}

body.world main,
body.command main {
  padding-top:22px!important;
}

/* One consistent, horizontal workspace navigation on Tagesplan and Manager-Zentrale. */
body.world .mc399-horizontal-tabs,
body.command .mc399-horizontal-tabs,
body.world nav.mc390-tabs,
body.command nav.mc390-tabs {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:5px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid #e1e8e4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  scrollbar-width:thin;
}

body.world .mc399-horizontal-tabs > a,
body.command .mc399-horizontal-tabs > a,
body.world nav.mc390-tabs > a,
body.command nav.mc390-tabs > a {
  display:flex!important;
  flex:1 1 0!important;
  min-width:150px!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:11px 16px!important;
  white-space:nowrap!important;
  text-align:center!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#435263!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.world .mc399-horizontal-tabs > a:hover,
body.command .mc399-horizontal-tabs > a:hover,
body.world nav.mc390-tabs > a:hover,
body.command nav.mc390-tabs > a:hover {
  background:#f3f6f4!important;
  color:#10213a!important;
}

body.world .mc399-horizontal-tabs > a.active,
body.command .mc399-horizontal-tabs > a.active,
body.world nav.mc390-tabs > a.active,
body.command nav.mc390-tabs > a.active {
  background:#10213a!important;
  color:#fff!important;
  border-color:#10213a!important;
  box-shadow:none!important;
}

body.world .mc399-horizontal-tabs > a b,
body.command .mc399-horizontal-tabs > a b,
body.world nav.mc390-tabs > a b,
body.command nav.mc390-tabs > a b {
  display:inline-grid!important;
  place-items:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#eef4df!important;
  color:#6f9500!important;
  font-size:11px!important;
  line-height:1!important;
}

body.world .mc399-horizontal-tabs > a.active b,
body.command .mc399-horizontal-tabs > a.active b,
body.world nav.mc390-tabs > a.active b,
body.command nav.mc390-tabs > a.active b {
  background:var(--mc-accent,#d7f51c)!important;
  color:#10213a!important;
}

/* Keep the content close to the navigation after the duplicate banner is removed. */
body.world .mc390,
body.command .mc390.mc393-unified {
  padding-top:20px!important;
}

@media(max-width:720px){
  body.world .mc399-horizontal-tabs,
  body.command .mc399-horizontal-tabs,
  body.world nav.mc390-tabs,
  body.command nav.mc390-tabs {
    justify-content:flex-start!important;
  }
  body.world .mc399-horizontal-tabs > a,
  body.command .mc399-horizontal-tabs > a,
  body.world nav.mc390-tabs > a,
  body.command nav.mc390-tabs > a {
    flex:0 0 auto!important;
    min-width:138px!important;
  }
}