/* THAVMA FORECAST V28.5.6 — responsive navigation, history and final UI polish */

/* The Google body font stays readable; Advent Pro is reserved for navigation,
   headings, categories and the identity. */
body{font-family:"Google Sans Flex",sans-serif}
body :where(.brand-main,.loading-brand,.footer-brand,.hamburger-drawer-brand,.page-title,.section-title,h1,h2,h3,h4,.nav-tab,.hamburger-item,.hamburger-section-label){
  font-family:"Advent Pro","Google Sans Flex",sans-serif!important;
}
body :where(.brand-main,.loading-brand,.footer-brand,.hamburger-drawer-brand){font-weight:800!important;-webkit-text-stroke:0 transparent!important;text-shadow:none}
body :where(.page-title,.section-title,h1,h2,h3,h4){font-weight:780!important}

/* Desktop overflow is calculated by script.js. Anything removed from the top
   bar remains available in the same hamburger drawer. */
.nav-overflow-hidden,.hamburger-nav .desktop-drawer-hidden{display:none!important}
@media(min-width:769px){
  .navbar{grid-template-columns:auto minmax(150px,1fr) minmax(0,max-content) auto!important;gap:8px;padding-inline:clamp(8px,1.4vw,20px)}
  .navbar-left{grid-column:1;min-width:0}.search-area.desktop-only{grid-column:2;width:100%;min-width:0!important;max-width:300px!important}.search-box{width:100%;min-width:0!important}
  .nav-links{grid-column:3;min-width:0;flex-wrap:nowrap!important;gap:1px!important}.nav-tab{padding-inline:clamp(7px,.75vw,12px)}
  #_authNav{grid-column:4;margin-left:0!important;white-space:nowrap}
  .hamburger-nav>.hamburger-item:not(.desktop-drawer-hidden){display:flex!important}
  .hamburger-nav>.hamburger-expandable:not(.desktop-drawer-hidden){display:grid!important}
  .hamburger-nav>.hamburger-submenu:not(.desktop-drawer-hidden):not(.hidden){display:grid!important}
  .desktop-nav-submenu::before{content:"";position:absolute;left:0;right:0;top:-11px;height:13px;background:transparent}
  #nowEightBoxes,.now-8-boxes-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  body[data-active-tab="forecast-map"] #forecastMapSection{margin-top:0}
  body[data-active-tab="forecast-map"] .forecast-map-page{width:min(1280px,100%)}
  body[data-active-tab="forecast-map"] .forecast-map-canvas:not(.is-editor){width:min(100%,calc((100dvh - 245px) * 1.2));max-height:calc(100dvh - 245px)}
  body[data-active-tab="maps"] #alertMapSection .v27-alert-canvas-wrap{max-height:calc(100dvh - 230px)}
  body[data-active-tab="maps"] #alertMapSection canvas{width:auto;max-width:100%;height:calc(100dvh - 230px);max-height:760px;margin:auto;object-fit:contain}
}
@media(min-width:769px) and (max-width:1120px){.brand-sub{display:none}.brand-main{font-size:15px}.search-area.desktop-only{max-width:220px!important}}

/* Four daily periods now include their own temperature. */
.fourpart-row{display:grid!important;grid-template-columns:26px 66px 52px minmax(0,1fr) auto;gap:9px!important}
.fourpart-temp{color:#55e8ff;font-size:13px;font-weight:800;white-space:nowrap}
@media(max-width:560px){.fourpart-row{grid-template-columns:24px 58px 46px minmax(0,1fr)}.fourpart-rain{grid-column:4}.fourpart-label{width:auto}.fourpart-desc{font-size:11px}}

/* Supplied brand artwork is shown without crop or generative alteration. */
.thavma-ad-image,.thavma-promo-logo{display:block;object-fit:contain;background:#061523;border:1px solid rgba(96,225,255,.16)}
.thavma-promo-logo{width:72px;height:72px;border-radius:16px;padding:4px}
@media(max-width:900px){.thavma-promo-logo{width:min(100%,180px);height:92px}}

/* ERA5 history tables. */
.past-era-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid rgba(66,221,255,.18);border-radius:13px;background:rgba(5,27,46,.72)}
.past-era-controls label{display:grid;gap:5px;color:#91afbd;font-size:11px}.past-era-controls select,.past-era-controls button{min-height:38px;padding:8px 10px;border:1px solid rgba(66,221,255,.24);border-radius:9px;background:#071d31;color:#e9f9ff;font:700 12px var(--site-font)}
.past-era-controls button{cursor:pointer}.past-era-table-wrap{max-height:min(62dvh,650px);overflow:auto;border:1px solid rgba(66,221,255,.16);border-radius:13px;background:rgba(2,15,28,.72)}
.past-era-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.past-era-table th,.past-era-table td{padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.06);text-align:right;white-space:nowrap}.past-era-table thead th{position:sticky;top:0;z-index:2;background:#092740;color:#5ee8ff}.past-era-table thead th:first-child{left:0;z-index:3}.past-era-table tbody th{position:sticky;left:0;background:#071d31;color:#e8f7ff;text-align:left}.past-era-table th small{display:block;color:#83a8b9;font-size:9px}.past-era-table td{color:#cfe4ed}.past-era-table tbody tr:hover td{background:rgba(66,221,255,.05)}

/* Large maps fit the visible desktop height while retaining their exact ratio. */
.v27-alert-canvas-wrap canvas{object-fit:contain}
@media(min-width:1000px){
  .v25-admin-card.v27-alert-shell{grid-template-columns:minmax(290px,380px) minmax(0,1fr)!important}
  .v25-admin-card.v27-alert-shell>.v27-alert-canvas-wrap{min-width:0!important;max-height:74dvh}
  .v25-admin-card.v27-alert-shell>.v27-alert-canvas-wrap canvas{width:auto;max-width:100%;height:74dvh;max-height:760px;margin:auto}
}
@media(max-width:768px){
  #nowEightBoxes,.now-8-boxes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .past-era-controls{align-items:stretch}.past-era-controls label,.past-era-controls button{flex:1 1 145px}.past-era-table-wrap{max-height:58dvh}
  .thavma-ad-image{max-height:150px;object-fit:contain}
}