/**
 * 날씨 페이지 스타일
 *
 * pages/weather.php 에서 사용하는 CSS 스타일입니다.
 * 현재 날씨 카드 + 5일 예보 그리드 레이아웃을 정의합니다.
 */

/* 5일 예보 개별 날짜 카드 */
.weather-forecast-day {
    transition: background-color 0.2s ease;
    min-height: 140px;
}

.weather-forecast-day:hover {
    background-color: #f8f9fa !important;
}

/* 모바일 반응형 (768px 미만) */
@media (max-width: 767.98px) {
    .weather-forecast-day {
        min-height: 120px;
    }

    .weather-forecast-day .bi {
        font-size: 1.4rem !important;
    }
}