/* Climate table of the Reiseinformation spoke (partials/spoke/climate.blade.php).
   Tokens: reiseinfo.css (--ri-*). The wildlife matrix reuses .ri-heatmap and
   the by-purpose cards reuse .ri-grid/.ri-card from the same file, so this
   file carries only what the twelve-month table adds. */

.ri-climate { font-size: 14px; }
.ri-climate th,
.ri-climate td { text-align: right; white-space: nowrap; }
.ri-climate thead th:first-child,
.ri-climate tbody th { text-align: left; }
.ri-climate tbody th {
    padding: 12px 14px;
    border-top: 1px solid var(--ri-line);
    font-weight: 600;
    color: var(--ri-ink);
    vertical-align: top;
    line-height: 1.5;
}
.ri-climate tbody tr.is-wet th,
.ri-climate tbody tr.is-wet td { background: var(--ri-milk-2); }
.ri-climate tbody tr:hover th,
.ri-climate tbody tr:hover td { background: var(--ri-milk); }
.ri-climate__season {
    display: inline-block;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ri-cta-text);
}

@media (max-width: 720px) {
    .ri-climate { font-size: 13px; }
    .ri-climate th,
    .ri-climate td,
    .ri-climate tbody th { padding: 8px; }
    .ri-climate__season { display: block; margin: 2px 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ri-climate tbody tr { transition: none; }
}