/* 9.7.31 — unobtrusive date, Czech name day and local station reading. */
#app .daily-info-bar {
  background: #07162f;
  border-bottom: 1px solid rgba(163, 189, 235, .2);
  color: #dce6fb;
}
#app .daily-info-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}
#app .daily-date,
#app .daily-nameday { white-space: nowrap; }
#app .daily-date strong,
#app .daily-weather strong { color: #fff; font-weight: 800; }
#app .daily-nameday { color: #e7edff; }
#app .daily-weather {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #dce6fb;
  text-decoration: none;
  white-space: nowrap;
}
#app .daily-weather:hover,
#app .daily-weather:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
#app .daily-weather:focus-visible { outline: 2px solid #f6b640; outline-offset: 4px; }
#app .daily-weather-humidity:not(:empty)::before { content: "· "; }
#app .daily-weather-humidity { color: #b7c9eb; }
@media(max-width:760px) {
  #app .daily-info-inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 3px 12px;
    min-height: 54px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
  }
  #app .daily-date { grid-column: 1 / -1; }
  #app .daily-nameday { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  #app .daily-weather-humidity,
  #app .daily-weather-place { display: none; }
}
@media(max-width:370px) {
  #app .daily-weather { gap: 3px; }
  #app .daily-info-inner { gap: 3px 6px; font-size: 10px; }
}