/* Página de detalhe dos roteiros: data e tempo de cada dia (só com datas reais).
   O tempo é a previsão do site para o primeiro local do dia (tripdetailpartial.js). */
.trip-day-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .6rem;
}

.trip-day-header time {
    white-space: nowrap;
}

.trip-day-weather {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .55rem;
    border: 1px solid #dce7df;
    border-radius: 999px;
    background: #f6faf4;
    color: #26352a;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.trip-day-weather[hidden] {
    display: none;
}

.trip-day-weather-temps {
    font-variant-numeric: tabular-nums;
}

.trip-day-weather-sun { color: #f59e0b; }
.trip-day-weather-cloud { color: #64748b; }
.trip-day-weather-rain { color: #0284c7; }
.trip-day-weather-storm { color: #7c3aed; }
.trip-day-weather-snow { color: #38bdf8; }
.trip-day-weather-fog { color: #94a3b8; }