/* Maryborough-WX — compact mobile title separator fix, 5 November 2026.
   Some Saratoga desktop colour themes use a fixed 40px header strip and
   a bottom border. On small screens that border can cross the second line
   ("Maryborough, Queensland") of the wrapped station title.
   Keep the mobile title at natural height. Desktop styles remain intact.
*/
@media screen and (max-width: 920px) {
  /* More specific than desktop theme #page #header > .subHeaderForecast.
     Covers the compact homepage, secondary, map/radar and NOAA pages. */
  html:is(.mwx-compact-ready, .mwx-secondary-mobile-ready, .mwx-noaa-mobile-ready)
    body #page #header > .subHeaderForecast {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-bottom: 0 !important;
    overflow: visible !important;
  }

  html:is(.mwx-compact-ready, .mwx-secondary-mobile-ready, .mwx-noaa-mobile-ready)
    body #page #header .site-strip-title {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  /* The mobile secondary-page title doubles as a link back to the homepage. */
  html:is(.mwx-compact-ready, .mwx-secondary-mobile-ready, .mwx-noaa-mobile-ready)
    body #page #header .site-strip-title a.mwx-home-header-link {
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* 2026-11-05: the Dashboard Theme dropdown is a desktop control only.
   Keep the switcher markup and desktop behaviour untouched. The compact
   mobile header now has room for the station-status line instead. */
@media screen and (max-width: 920px) {
  body #page #header .subHeaderForecast > .mwxThemeSwitcherHeader {
    display: none !important;
  }

  /* Homepage header uses a two-column grid: let status span both columns
     after the dropdown is hidden, rather than leaving an empty slot. */
  html.mwx-compact-ready body #page #header .subHeaderForecast > .station-status {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    max-width: 100% !important;
  }

  /* Secondary and Station History headers use flexbox instead of grid. */
  html:is(.mwx-secondary-mobile-ready, .mwx-noaa-mobile-ready)
    body #page #header .subHeaderForecast > .station-status {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }
}