/* Maryborough-WX optional SITE-LEVEL appearance.
   Only pages marked mwx-site-theme-page by top.php respond to Dark.
   Regional Weather and BoM Forecast now respond to the same switch.
   The homepage dashboard selector remains independent. No image, iframe, map tile, canvas or icon filters. */

/* Selector lives in the existing compact sidebar on every main page. */
.mwx-site-theme-picker {
  margin: 12px 5px 9px;
  padding: 8px 5px 7px;
  border: 1px solid #505050;
  border-radius: 4px;
  background: #292929;
  text-align: center;
  color: #e8e8e8;
  box-sizing: border-box;
}
.mwx-site-theme-label {
  display: block;
  font: 700 11px/1.3 Arial, Verdana, sans-serif;
  color: #D4A94F;
  margin-bottom: 6px;
}
.mwx-site-theme-buttons { display: flex; flex-wrap: nowrap; gap: 3px; justify-content: center; }
.leftSideBar .mwx-site-theme-picker button.mwx-site-theme-btn {
  appearance: none;
  min-width: 0;
  flex: 1 1 50%;
  padding: 5px 1px;
  border-radius: 3px;
  border: 1px solid #686868;
  background: #414141;
  color: #E0E0E0;
  font: 600 10px/1.2 Arial, Verdana, sans-serif;
  cursor: pointer;
}
.leftSideBar .mwx-site-theme-picker button.mwx-site-theme-btn[aria-pressed="true"] {
  color: #1E1E1E;
  background: #D4A94F;
  border-color: #E3C076;
}
.leftSideBar .mwx-site-theme-picker button.mwx-site-theme-btn:hover,
.leftSideBar .mwx-site-theme-picker button.mwx-site-theme-btn:focus-visible {
  outline: 1px solid #E3C076;
  outline-offset: 1px;
}

/* Dark variant of normal content pages only. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #main-copy,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #main-copy-dark {
  background-color: #242424 !important;
  color: #E6E6E6 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #main-copy,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #main-copy-dark {
  border-left-color: #4B4B4B !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #footer {
  background-color: #202020 !important;
  color: #C9C9C9 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #footer a { color: #D4A94F !important; }

/* Headings, body copy, source notes and ordinary links. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy h1,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark h1,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page h1,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark.mwx-page h1 {
  background: transparent !important;
  color: #D4A94F !important;
  border-color: #626262 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy h2,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy h3,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark h2,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark h3 {
  color: #E3D1A8 !important;
  border-bottom-color: #505050 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .mwx-page-intro,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .mwx-source,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-intro,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .links-intro,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .links-card p,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .links-thanks,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-note,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .rain-note,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .rain-source-detail {
  color: #C3C9CC !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy a:not(.rain-button):not(.noaa_rep_nav),
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy a:visited:not(.rain-button):not(.noaa_rep_nav),
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark a,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark a:visited {
  color: #A9D1EA !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy a:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark a:hover {
  color: #F1CF85 !important;
}

/* Ordinary forecast/history data tables; keep semantic warning colours/icons. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .column-dark,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .column-light,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .table-top,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .noaa_rep_nav,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-card,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-section,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .links-card,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .links-thanks,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .chart-wrap {
  background: #303030 !important;
  color: #E8E8E8 !important;
  border-color: #515151 !important;
}
/* Restore alternating shading for the Cumulus/Saratoga observation rows.
   The site-wide dark palette previously gave both column classes #303030,
   erasing the existing zebra stripes. This is Dark-only, so Default keeps
   the original theme's own row colours. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy tr.column-light,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark tr.column-light {
  background-color: #393D41 !important;
  color: #E8E8E8 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy tr.column-dark,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy-dark tr.column-dark {
  background-color: #2B2E31 !important;
  color: #E8E8E8 !important;
}

html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table:not(.ajaxDashboard):not(.rain-table-wrap),
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-specs {
  background-color: #303030 !important;
  color: #E6E6E6 !important;
  border-color: #545454 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table:not(.ajaxDashboard) th,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table:not(.ajaxDashboard) td {
  border-color: #555555 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table:not(.ajaxDashboard) th {
  background-color: #202020 !important;
  color: #D4A94F !important;
}

/* Rainfall UI: keep the map layer, rain marker colours and independent map
   Light/Dark control unchanged; recolour only the surrounding controls/table. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-controls,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-summary,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-view-switcher,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-map-meta,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-coverage {
  color: #D5DADD !important;
  border-color: #525A5E !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-button,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-view-button {
  background: #35393C !important;
  color: #E5E8EA !important;
  border-color: #636D71 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-button.active,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-view-button[aria-pressed="true"] {
  background: #5D6C73 !important;
  color: #FFFFFF !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap {
  /* Match the charcoal background used for the Links page cards. */
  background: #303030 !important;
  border-color: #5E666A !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-row:not(.rain-head),
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-row:not(.rain-head) {
  /* Same panel colour as the Links page, without altering the header strip. */
  background: #303030 !important;
  color: #E6E6E6 !important;
  border-color: #4A5155 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-head {
  background: #202428 !important;
  color: #D4A94F !important;
  border-color: #51575B !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-station,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-total,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-basin,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-rank,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-sort,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-source-detail { color: #DCE1E3 !important; }

/* Rainfall Table view only: softer gold station/locality links in Site Dark mode.
   Keep the map popups, other site links, and Site Default colours unchanged. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:link,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:visited {
  color: #E9C779 !important;
  text-decoration-color: #A58B54 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:focus {
  color: #FFE4A5 !important;
  text-decoration-color: currentColor !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:focus-visible {
  outline-color: #E9C779 !important;
}

/* Earthquakes and other custom panels (no global CSS filter). */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-list,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-row,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-head,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .about-specs {
  border-color: #535B60 !important;
  color: #E1E6E9 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-head {
  background: #30363A !important;
  color: #D4A94F !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-row:hover { background: #383E42 !important; }
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-status,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-note { color: #C2CACF !important; }
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-button,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy button:not(.rain-sort):not(.rain-view-button):not(.rain-button) {
  color: #E9E9E9;
  border-color: #666666;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy input:not([type="checkbox"]):not([type="radio"]),
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy select,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy textarea {
  background: #363A3D !important;
  color: #F0F0F0 !important;
  border-color: #70787C !important;
}

/* Avoid darkening third-party imagery, weather icons, charts/canvases or
   interactive map tiles; their own styles and theme settings stay intact. */
@media print {
  html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page,
  html.mwx-site-theme-page[data-mwx-site-theme="dark"] body #page #main-copy { background: #FFFFFF !important; color: #000000 !important; }
  .mwx-site-theme-picker { display: none !important; }
}

/* NOAA report: keep the charcoal report panel, use regular-weight muted gold
   for report data, and white for the year/month navigation in Site Dark mode. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_container pre {
  /* Match the rainfall Table view and Links card panel. */
  background: #303030 !important;
  color: #E9C779 !important;
  font-weight: 400 !important;
  border-color: #555D60 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_container a,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav {
  background: #3B4247 !important;
  color: #FFFFFF !important;
  border-color: #657078 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.about-page .about-specs dt {
  color: #E3D1A8 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.about-page .about-note {
  background: #303438 !important;
  border-color: #727C82 !important;
}

/* Rainfall Table view: avoid the double-bold effect on clickable station names.
   The page's .rain-station and station anchor both declared 700; use regular
   weight in Default and Dark while keeping link colour/underline behaviour. */
#main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:link,
#main-copy.rain-page .rain-table-wrap .rain-station a.rain-station-map:visited {
  font-weight: 400 !important;
}

/* NOAA year/month navigation: white text, including the nested <b> labels
   produced by include-NOAA-reports.php.  Default mode is unchanged. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container {
  color: #FFFFFF !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav:link,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav:visited,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav:focus-visible,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container span.noaa_rep_nav {
  color: #FFFFFF !important;
}
/* 'Report for YYYY Month' label immediately above the preformatted report. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_container > b {
  color: #E9C779 !important;
  font-weight: 400 !important;
}

/* Earthquakes list: gold station/place links matching rainfall table; do not
   recolour magnitude badges, sort buttons, source notes or Default theme. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-list .quake-place a:link,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-list .quake-place a:visited {
  color: #E9C779 !important;
  text-decoration-color: #A58B54 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-list .quake-place a:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-list .quake-place a:focus-visible {
  color: #FFE4A5 !important;
  text-decoration-color: currentColor !important;
}

/* Earthquake place names retain regular-weight links in both themes.
   NOAA year/month chips keep their original bold labels and #303030 dark fill. */
#main-copy .quake-list .quake-place a {
  font-weight: 400 !important;
}

/* Earthquakes: restore readable controls in Site Dark mode.
   Their page-level Light-theme stylesheet uses a pale background, while the
   site-wide Dark theme was changing only the text to near-white. Keep these
   rules scoped to the earthquake controls so other buttons are unaffected. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button {
  background: #353C41 !important;
  color: #E9C779 !important;
  border-color: #636E74 !important;
  text-shadow: none !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button:focus-visible {
  background: #465057 !important;
  color: #FFE4A5 !important;
  border-color: #A58B54 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button.is-active,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button.is-active:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button.is-active:focus-visible {
  background: #D4A94F !important;
  color: #22282B !important;
  border-color: #E0BC70 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy .quake-controls button.quake-button:focus-visible {
  outline: 2px solid #E9C779 !important;
  outline-offset: 2px;
}

/* Links & Credits: gold link titles only in site Dark mode.
   Retain existing bold (700) title weight and leave descriptions untouched. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.links-page .links-card .links-card-title a:link,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.links-page .links-card .links-card-title a:visited {
  color: #E9C779 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.links-page .links-card .links-card-title a:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.links-page .links-card .links-card-title a:focus-visible,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.links-page .links-card .links-card-title a:active {
  color: #FFE4A5 !important;
}


/* Station Trends observations: retain the matching #303030 charcoal panel
   while restoring subtle every-other-row shading in Site Dark mode. Keep
   headings (#242424, white) and regular-weight gold observation text intact. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table.mwx-trends-observations tr.column-light {
  background: #353535 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy table.mwx-trends-observations tr.column-dark {
  background: #303030 !important;
}

/* Earthquakes: leave introduction, attribution and results summary on the
   normal page background. Keep the distinct #303030 table-heading strip,
   but no surrounding panel behind the filter buttons. Dark theme only. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro + .mwx-source,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page .quake-shell > .quake-status {
  background: transparent !important;
}
/* Source/attribution hyperlinks stay muted gold. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro + .mwx-source a:link,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro + .mwx-source a:visited {
  color: #E9C779 !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro + .mwx-source a:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page > #mwxRecentEarthquakesStart + .mwx-page-intro + .mwx-source a:focus-visible {
  color: #FFE4A5 !important;
}
/* Keep the region/filter row on the normal page background.
   Individual .quake-button styles above remain unchanged. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page .quake-shell > .quake-controls {
  background: transparent !important;
}
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page .quake-list .quake-row.quake-head {
  background: #303030 !important;
  border-color: #515151 !important;
}
/* Sort-button hover should remain readable against the dark heading strip. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page .quake-list .quake-head .quake-sort:hover,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.mwx-page .quake-list .quake-head .quake-sort:focus-visible {
  color: #FFE4A5 !important;
}

/* NOAA Climate Reports: match each individual year/month navigation chip to
   the #303030 charcoal used on the other panels (Site Dark theme only).
   Include both clickable <a> entries and unavailable <span> entries. */
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container a.noaa_rep_nav,
html.mwx-site-theme-page[data-mwx-site-theme="dark"] #main-copy.noaa-climate-page .noaa_rep_nav_container span.noaa_rep_nav {
  background: #303030 !important;
}