/* css/print.css
   A4 black-and-white print styles: classic bulletin board aesthetic.
   Only applied during print (media="print" in <link>). */

@page {
  size: A4 portrait;
  margin: 12mm;
}

/* ── Hide non-printable elements ────────────────────── */
.toolbar,
.map-overlay,
.loading,
.error-banner {
  display: none !important;
}

/* ── Global print reset ─────────────────────────────── */
body {
  background: #fff;
  color: #000;
  font-family: "SimHei", "Microsoft YaHei", "PingFang SC", "黑体", sans-serif;
  font-size: 12pt;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* ── Weather Board ──────────────────────────────────── */
.weather-board {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 8mm 4mm;
  border: 5px solid #000;
  background: #fff;
  page-break-inside: avoid;
}

/* ── Board Title ────────────────────────────────────── */
.board-title {
  border-bottom: 4px double #000;
  padding-bottom: 4mm;
  margin-bottom: 6mm;
  text-align: center;
}

.board-title-main {
  font-size: 24pt;
  font-weight: 900;
  letter-spacing: 6pt;
  margin-bottom: 6pt;
}

.board-title-sub {
  font-size: 11pt;
  letter-spacing: 2pt;
  color: #000;
}

/* ── Forecast Table ─────────────────────────────────── */
.forecast-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.forecast-table th,
.forecast-table td {
  text-align: center;
  padding: 3mm 1mm;
  vertical-align: middle;
  border-right: 1px dashed #999;
}

.forecast-table th:last-child,
.forecast-table td:last-child {
  border-right: none;
}

/* Weekday header */
.forecast-table thead th {
  font-size: 13pt;
  font-weight: 900;
  border-bottom: 2px solid #000;
  padding-bottom: 3mm;
}

/* Each body row has a dashed bottom border */
.forecast-table tbody tr {
  border-bottom: 1px dashed #999;
}
.forecast-table tbody tr:last-child {
  border-bottom: none;
}

/* Weather icon */
.icon-cell {
  font-size: 32pt;
  padding-top: 3mm !important;
  padding-bottom: 1mm !important;
  line-height: 1.2;
}

/* Weather text description */
#textRow td {
  font-size: 10pt;
  color: #333;
  padding-bottom: 2mm;
}

/* Temp max — huge bold number, readable from distance */
.temp-max {
  font-size: 28pt;
  font-weight: 900;
  line-height: 1;
  padding-bottom: 0 !important;
}

/* Temp min — smaller, below max temp */
.temp-min {
  font-size: 13pt;
  color: #555;
  padding-bottom: 3mm !important;
}

/* Clothing tag — black border box */
.clothing-tag span {
  display: inline-block;
  border: 3px solid #000;
  padding: 1.5mm 3mm;
  font-size: 10pt;
  font-weight: 700;
  letter-spacing: 1pt;
  background: #fff;
  white-space: nowrap;
}

/* ── Board Footer ───────────────────────────────────── */
.board-footer {
  text-align: center;
  border-top: 1px solid #000;
  margin-top: 5mm;
  padding-top: 3mm;
  font-size: 9pt;
  letter-spacing: 3pt;
  color: #333;
}