/* Weather Widget — 7-day Open-Meteo forecast
   Scoped to .hg-weather-*. Uses px sizing (site base is 62.5%). */

.hg-weather{
  margin:10px 0 14px;
  width:100%;
  box-sizing:border-box;
  font-family:inherit;
  color:#222;
}

.hg-weather-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:10px 14px;
  background:#f5f7f9;
  border:1px solid #e1e6ea;
  border-radius:10px;
  cursor:pointer;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  color:#333;
  text-align:left;
  transition:background .15s,border-color .15s;
  -webkit-appearance:none;
  appearance:none;
}
.hg-weather-summary:hover{background:#eef2f5;border-color:#ccd3d9}
.hg-weather-summary:focus{outline:2px solid #1866B4;outline-offset:2px}

.hg-weather-summary-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.hg-weather-summary-icon{
  font-size:22px;
  line-height:1;
  color:#f2a024;
}
.hg-weather-summary-text{
  font-size:15px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hg-weather-summary-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.hg-weather-summary-temp{
  font-size:15px;
  font-weight:700;
  color:#444;
}
.hg-weather-chevron{
  font-size:14px;
  color:#888;
  transition:transform .2s;
}
.hg-weather.is-open .hg-weather-chevron{transform:rotate(180deg)}

.hg-weather-panel{
  margin-top:10px;
  padding:14px;
  background:#fff;
  border:1px solid #e1e6ea;
  border-radius:10px;
}
.hg-weather-panel[hidden]{display:none}

.hg-weather-days{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
@media (min-width:520px){
  .hg-weather-days{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:820px){
  .hg-weather-days{grid-template-columns:repeat(7,1fr)}
}

.hg-weather-day{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px 6px;
  background:#f8fafb;
  border:1px solid #eceff2;
  border-radius:8px;
  min-width:0;
}
.hg-weather-day-name{
  font-size:13px;
  font-weight:700;
  color:#555;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.hg-weather-day-icon{
  font-size:28px;
  line-height:1;
  margin:8px 0 6px;
  color:#f2a024;
}
.hg-weather-day-icon.is-rainy{color:#1866B4}
.hg-weather-day-icon.is-cloudy{color:#7a8894}
.hg-weather-day-temps{
  font-size:14px;
  font-weight:600;
  color:#222;
  white-space:nowrap;
}
.hg-weather-day-hi{color:#c3232f}
.hg-weather-day-lo{color:#1866B4;margin-left:4px}
.hg-weather-day-pop{
  font-size:12px;
  color:#1866B4;
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:3px;
}
.hg-weather-day-pop.is-zero{visibility:hidden}

.hg-weather-day-uv{
  margin-top:4px;
  padding:2px 8px;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  color:#fff;
  background:#7a8894;
  border-radius:10px;
  letter-spacing:.3px;
  white-space:nowrap;
}
.hg-weather-day-uv.is-uv-low{background:#1D9771}      /* green */
.hg-weather-day-uv.is-uv-mod{background:#f2a024}      /* amber */
.hg-weather-day-uv.is-uv-high{background:#F27A24}     /* orange */
.hg-weather-day-uv.is-uv-vhigh{background:#c3232f}    /* red */
.hg-weather-day-uv.is-uv-extreme{background:#6b2d8a}  /* purple */

.hg-weather-footer{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #eceff2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.hg-weather-more{
  font-size:14px;
  font-weight:700;
  color:#1866B4;
  text-decoration:none;
}
.hg-weather-more:hover{text-decoration:underline}
.hg-weather-oahu .hg-weather-more{color:#F27A24}
.hg-weather-maui .hg-weather-more{color:#1866B4}
.hg-weather-big-island .hg-weather-more{color:#c3232f}
.hg-weather-kauai .hg-weather-more{color:#1D9771}

.hg-weather-attr{
  font-size:12px;
  color:#888;
  text-align:right;
}
.hg-weather-attr a{color:#888;text-decoration:underline}
.hg-weather-attr a:hover{color:#1866B4}

/* Island accent colors for the summary bar when expanded */
.hg-weather-oahu.is-open .hg-weather-summary{border-color:#F27A24}
.hg-weather-maui.is-open .hg-weather-summary{border-color:#1866B4}
.hg-weather-big-island.is-open .hg-weather-summary{border-color:#c3232f}
.hg-weather-kauai.is-open .hg-weather-summary{border-color:#1D9771}

/* Print: hide the widget on print (weather is time-sensitive) */
@media print{.hg-weather{display:none}}