.navbar img{
    height: 75px;
}
.home {
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    transition: background-image 0.8s ease-in-out;
    padding-top: 100px;
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../imges/beautiful-blue-and-golden-sky-and-clouds-abstract-background-yellow-orange-clouds-on-sunset-sky-warm-weather-background-art-picture-of-sky-at-sunset-sunset-and-fluffy-clouds-for-inspiration-free-photo.jpg');
}
.bg-clear {
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../imges/pexels-brett-sayles-1775862.jpg'); 
}
.bg-rain {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../imges/joy-stamp-pGQbWXBC1dA-unsplash.jpg');
}
.bg-clouds {
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../imges/pexels-joshsorenson-391522.jpg');
}
.glass-card {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px;
    color: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.header-glass {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    font-weight: 500;
}
.display-1 {
    font-size: 5rem; font-weight: 700;
}
.hourly-item {
    min-width: 100px;
    text-align: center;
    padding: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.hourly-item:last-child {
    border: none;
}
.custom-scroll::-webkit-scrollbar {
    height: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3); border-radius: 10px;
}
.detail-icon {
    font-size: 1.5rem; color: #0dcaf0;
}
.home, .home h1, .home h2, .home h3, .home h4, .home h5, .home h6, .home p, .home span, .home small {
    color: #ffffff !important;
}
.hourly-item, .detail-title, .detail-value {
    color: #ffffff !important;
}
.home i {
    color: #ffffff !important;
}
.text-info {
    color: #b0efff !important;
}
.hourly-item {
    min-width: 100px;
    text-align: center;
    padding: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-scroll::-webkit-scrollbar {
    height: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
}
.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.4); border-radius: 10px;
}
.home, .home h1, .home h2, .home h3, .home h4, .home h5, .home h6, 
.home p, .home span, .home small, .home i {
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.glass-card {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.text-danger {
    color: #ff4d4d !important;
    font-weight: bold;
    animation: blink 2s infinite;
}
@keyframes blink {
    50% { opacity: 0.5; }
}