/* Expressbladet header date + today's names — one look everywhere */
.date,
.date .date-line,
.date #current-date,
.date .today-names,
.date .today-names *,
.today-names,
.today-names * {
  font-family: Arial, Helvetica, sans-serif !important;
  color: #000 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background: transparent !important;
}
.date {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  gap: 1px !important;
  min-width: 0 !important;
  text-align: right !important;
}
.date .date-line,
.date #current-date {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.date .today-names,
.today-names {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.today-names strong {
  font-weight: 800 !important;
  color: #000 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Original logo — same on desktop and mobile (overrides page media queries) */
.logo,
a.logo {
  font-size: 31px !important;
  line-height: 0.82 !important;
  font-weight: 1000 !important;
  letter-spacing: -2px !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  color: #ffe000 !important;
  text-shadow:
    4px 4px 0 #000,
    6px 6px 0 #000,
    8px 8px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    3px 0 0 #000,
    0 3px 0 #000 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

/* Mobile: compact date/names only — do not restyle logo */
@media (max-width: 720px) {
  .topbar {
    height: auto !important;
    min-height: 52px !important;
    overflow: visible !important;
  }
  .topbar-inner {
    height: auto !important;
    min-height: 52px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .date {
    display: flex !important;
    flex: 1 1 auto !important;
    max-width: 42% !important;
    min-width: 0 !important;
    gap: 0 !important;
  }
  .date,
  .date .date-line,
  .date #current-date,
  .date .today-names,
  .date .today-names *,
  .today-names,
  .today-names * {
    font-size: 10px !important;
    line-height: 12px !important;
    font-weight: 700 !important;
  }
  .date #current-date,
  .date .date-line,
  .date .today-names {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  .actions {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .date {
    max-width: 40% !important;
  }
  .date,
  .date .date-line,
  .date #current-date,
  .date .today-names,
  .date .today-names *,
  .today-names,
  .today-names * {
    font-size: 9px !important;
    line-height: 11px !important;
  }
}