/* Prev5diasv2 Custom Styles */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Background gradients */
.gradient-blue {
    background: linear-gradient(90deg, rgba(0, 15, 31, 1) 0%, rgba(0, 64, 133, 1) 100%);
}

.gradient-blue-reverse {
    background: linear-gradient(270deg, rgba(0, 15, 31, 1) 0%, rgba(0, 64, 133, 1) 100%);
}

/* Custom backdrop blur */
.backdrop-blur-custom {
    backdrop-filter: blur(43.15px);
    -webkit-backdrop-filter: blur(43.15px);
}

/* Weather icons */
.weather-icon {
    width: 256px;
    height: 256px;
    object-fit: cover;
    aspect-ratio: 1;
}

/* Temperature colors */
.temp-max {
    color: #FF6B6B;
}

.temp-min {
    color: #4ECDC4;
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: white !important;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .weather-icon {
        width: 128px;
        height: 128px;
    }
}

/* Loading state */
.loading-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s ease-in-out infinite;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}