/* Maryborough-WX | Compact secondary pages, first pilot 2026-11-04.
 * Loaded ONLY by wxtrends.php and wxhistory.php. No desktop/global changes.
 * All structural overrides are mobile-only and gated by our page class.
 */
html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu,
html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-shortcuts,
html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-swipe-note {display:none;}

@media screen and (max-width:920px) {
  html.mwx-secondary-mobile-ready,html.mwx-secondary-mobile-ready body{
    max-width:100%!important;overflow-x:hidden!important;-webkit-text-size-adjust:100%;
  }
  html.mwx-secondary-mobile-ready body{margin:0!important;background:#11171b!important;font:12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;}
  html.mwx-secondary-mobile-ready body #page{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;
    padding:0!important;border:0!important;box-sizing:border-box!important;background:#141b20!important;
  }
  /* Keep the familiar compact mobile header, not the desktop 1200px banner. */
  html.mwx-secondary-mobile-ready body #header{
    height:auto!important;min-height:0!important;max-width:100%!important;
    box-sizing:border-box!important;overflow:hidden!important;background:#1f252a!important;
  }
  html.mwx-secondary-mobile-ready body #header>a,
  html.mwx-secondary-mobile-ready body #header .headerTemp,
  html.mwx-secondary-mobile-ready body #header .subHeader,
  html.mwx-secondary-mobile-ready body #header .subHeaderRight{display:none!important;}
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast{
    position:static!important;display:flex!important;flex-wrap:wrap!important;
    gap:5px 10px!important;justify-content:space-between!important;align-items:center!important;
    float:none!important;clear:both!important;width:100%!important;max-width:100%!important;
    box-sizing:border-box!important;min-height:0!important;height:auto!important;
    padding:8px 9px!important;margin:0!important;line-height:1.3!important;
  }
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast .mwxThemeSwitcher,
  html.mwx-secondary-mobile-ready body #header .station-status,
  html.mwx-secondary-mobile-ready body #header .site-strip-title{
    position:static!important;transform:none!important;float:none!important;margin:0!important;height:auto!important;
    line-height:1.3!important;
  }
  html.mwx-secondary-mobile-ready body #header .site-strip-title{
    order:-1!important;flex:1 1 100%!important;text-align:center!important;font:bold 15px/1.35 Georgia,serif!important;
    letter-spacing:0!important;white-space:normal!important;max-width:100%!important;color:#e7c46b!important;
  }
  html.mwx-secondary-mobile-ready body #header .station-status{font-size:11px!important;max-width:50%!important;}
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast .mwxThemeSwitcher{max-width:48%!important;}
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast .bom-warning-ticker,
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast .bom-no-warnings,
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast .warning-title-row{
    order:5!important;flex:1 1 100%!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;width:100%!important;margin:0!important;height:auto!important;
    text-align:center!important;font-size:11px!important;white-space:normal!important;line-height:1.4!important;
  }
  html.mwx-secondary-mobile-ready body .leftSideBar{display:none!important;}
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
    margin:0!important;padding:8px 8px 16px!important;border:0!important;
    background:#141b20!important;color:#edf0f2!important;float:none!important;
    font:12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-align:left!important;
  }
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page *{box-sizing:border-box;}
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page h1{
    background:transparent!important;color:#e0b957!important;border:0!important;
    border-left:4px solid #7a8b97!important;border-bottom:1px solid #48535c!important;
    font:700 17px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    margin:8px 0 8px!important;padding:5px 7px!important;
  }
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page h2,
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page h3{
    color:#efd28b!important;border-bottom:1px solid #596169!important;font-size:14px!important;
    margin:12px 0 7px!important;padding-bottom:5px!important;
  }
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page .mwx-page-intro,
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page .wxHistoryIntro p{
    margin:0 2px 8px!important;color:#b8c3ca!important;font-size:11px!important;
    line-height:1.42!important;
  }
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page a,
  html.mwx-secondary-mobile-ready body #main-copy.mwx-page a:visited{
    color:#efd18a!important;
  }
  /* Swipeable navigation mirrors links on the existing desktop sidebar. */
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu{
    display:block!important;margin:0 0 8px!important;padding:0!important;
    border:1px solid #50565c;border-radius:7px;background:#242b30;color:#e9eef1;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu>summary{
    cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;
    padding:9px 12px;min-height:40px;font-size:12px;font-weight:750;color:#f0d083;
    -webkit-tap-highlight-color:transparent;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu>summary::-webkit-details-marker{display:none;}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu>summary:before{content:'\2630';font-size:17px;margin-right:8px;}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu>summary:after{content:'+';font-size:17px;margin-left:auto;}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu[open]>summary:after{content:'\2212';}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-menu .mwx-secondary-nav-grid{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;
    border-top:1px solid #50565c;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-nav-grid a,
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-nav-grid .mwx-secondary-current{
    display:block!important;min-width:0;padding:9px 8px!important;
    font-size:12px!important;line-height:1.25!important;text-align:left!important;
    background:#343c42!important;color:#edd38e!important;border:1px solid #545d63;border-radius:5px;
    text-decoration:none!important;overflow-wrap:anywhere;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-nav-grid .mwx-secondary-current{
    background:#425057!important;color:#f3f6f7!important;font-weight:750;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-theme{
    border-top:1px solid #50565c;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-theme-label{font-size:11px;color:#c7d0d5;font-weight:650;}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-theme button{
    min-height:30px;padding:5px 10px;background:#30383c;color:#e9eef1;border:1px solid #5b666e;
    border-radius:5px;font:600 11px system-ui,Arial,sans-serif;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-mobile-theme button[aria-pressed=true]{
    background:#5d5541;color:#f6dc9b;border-color:#aa905c;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-shortcuts{
    display:flex!important;flex-wrap:wrap;gap:6px;margin:0 0 8px!important;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-shortcuts a{
    display:block;padding:7px 9px;background:#313940!important;border:1px solid #566069;
    border-radius:5px;font-size:11px;text-decoration:none!important;line-height:1.3;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-swipe-note{
    display:block!important;margin:3px 0 5px!important;color:#bac5cf!important;font-size:10px!important;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-trends-sky-controls{
    flex-wrap:wrap;justify-content:flex-start;font-size:11px!important;margin:5px 0 8px;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-trends-sky-controls button{
    min-height:32px;padding:5px 10px;font-size:11px;
  }
  /* The table retains its 13-column structure and sorting/live updates. */
  html.mwx-secondary-mobile-ready #main-copy .mwx-trends-observation-scroll,
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll{
    display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
    border:1px solid #505d65;border-radius:7px;background:#2b3136;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-trends-observation-scroll{margin:5px 0 10px;}
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll{margin:5px 0 11px;}
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations{
    min-width:960px!important;width:960px!important;max-width:none!important;margin:0!important;
    font-size:11px!important;line-height:1.35!important;
  }
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations td{
    padding:5px 4px!important;white-space:nowrap;
  }
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations tr>td:first-child{
    position:sticky;left:0;z-index:2;box-shadow:1px 0 0 #55616b;
  }
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations tr.table-top>td:first-child{
    z-index:3;background:#303a40!important;
  }
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations tr.column-light>td:first-child{
    background:#393d41!important;
  }
  html.mwx-secondary-mobile-ready #main-copy table.mwx-trends-observations tr.column-dark>td:first-child{
    background:#2b2e31!important;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll table{
    width:100%!important;min-width:650px!important;max-width:none!important;
    border-collapse:collapse!important;font-size:11px!important;line-height:1.4!important;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll td{
    padding:7px 8px!important;vertical-align:middle!important;
    border:1px solid #515a61!important;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll tr.table-top td{
    background:#303b43!important;color:#f3d38c!important;font-weight:750;
  }
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll img,
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll canvas{
    max-width:400px!important;
  }
  html.mwx-secondary-mobile-ready body #footer{
    margin:0!important;max-width:100%!important;width:100%!important;
    box-sizing:border-box!important;padding:9px 7px!important;font-size:10px!important;
  }
  html.mwx-secondary-mobile-ready #main-copy a:focus-visible,
  html.mwx-secondary-mobile-ready #main-copy button:focus-visible,
  html.mwx-secondary-mobile-ready #main-copy summary:focus-visible,
  html.mwx-secondary-mobile-ready #main-copy .mwx-secondary-records-scroll:focus-visible{
    outline:2px solid #f0cf83!important;outline-offset:2px;
  }
}

/* Shared compact-header improvement: title is a one-tap homepage link.
   Give wrapped text its natural height; older desktop theme CSS fixed it to
   30px, clipping the Maryborough, Queensland line on narrow screens. */
html.mwx-secondary-mobile-ready body #header .site-strip-title a.mwx-home-header-link,
html.mwx-secondary-mobile-ready body #header .site-strip-title a.mwx-home-header-link:visited {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer;
}
html.mwx-secondary-mobile-ready body #header .site-strip-title a.mwx-home-header-link:focus-visible {
  outline: 2px solid #f1d78a;
  outline-offset: 2px;
  border-radius: 3px;
}
@media screen and (max-width: 920px) {
  html.mwx-secondary-mobile-ready body #header,
  html.mwx-secondary-mobile-ready body #header .subHeaderForecast {
    overflow: visible !important;
  }
  html.mwx-secondary-mobile-ready body #header .site-strip-title {
    position: static !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 4px 7px 7px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
  }
  html.mwx-secondary-mobile-ready body #header .site-strip-title a.mwx-home-header-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
    line-height: inherit !important;
    white-space: normal !important;
    padding: 2px 0 !important;
    box-sizing: border-box !important;
  }
}