/* HayOrder v1.1.49 – Header: Datum + Uhrzeit in einer Kachel. */

/* Desktop / Tablet: eine gemeinsame Datums-/Zeitkachel vor Glocke, Benutzer und Theme. */
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:54px!important;
  height:54px!important;
  min-width:350px!important;
  max-width:430px!important;
  padding:7px 14px!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-date,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-time{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-date{
  flex:1 1 auto!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-time{
  flex:0 0 auto!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-divider{
  width:1px!important;
  height:28px!important;
  flex:0 0 1px!important;
  background:var(--line)!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip .icon{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  color:var(--link)!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip strong,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip time{
  display:block!important;
  margin:0!important;
  color:var(--text)!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip time{
  font-size:13px!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account,
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
  min-height:54px!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
  min-width:170px!important;
  height:54px!important;
  margin:0!important;
}
.operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
  height:54px!important;
  margin:0!important;
}
.operator-premium-page.theme-light .premium-topbar[data-ho-live-header] .premium-datetime-chip{
  background:var(--surface)!important;
}

@media(max-width:1480px){
  /* Eine ältere Regel versteckte die Datums-Kachel unter 1480px. Die neue kombinierte Kachel bleibt sichtbar. */
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip{
    display:inline-flex!important;
  }
}
@media(max-width:1120px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip{
    flex:1 1 350px!important;
    max-width:none!important;
  }
}
@media(max-width:700px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-header-actions{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    gap:8px!important;
    width:100%!important;
    align-items:center!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:54px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-notification{
    grid-column:1!important;
    grid-row:2!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-theme-switch{
    grid-column:3!important;
    grid-row:2!important;
    justify-self:end!important;
  }
}
@media(max-width:460px){
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip{
    gap:9px!important;
    padding:8px 10px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip strong{
    font-size:11px!important;
    white-space:normal!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-chip time{
    font-size:12px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-datetime-divider{
    height:24px!important;
  }
  .operator-premium-page .premium-topbar[data-ho-live-header] .premium-account strong{
    max-width:92px!important;
  }
}