/* ===============================
   Weather Section
================================ */
 
.ww-destination-weather{
padding:80px 0;
background:#f8fafc;
}
 
.ww-weather-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
margin-top:40px;
}
 
.ww-weather-card{
background:#fff;
border-radius:18px;
padding:28px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
transition:.3s ease;
position:relative;
overflow:hidden;
}
 
.ww-weather-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}
 
.ww-weather-card.recommended{
border:2px solid #16a34a;
}
 
.ww-weather-card h3{
margin:0 0 15px;
font-size:24px;
font-weight:700;
}
 
.ww-season-badge{
display:inline-block;
padding:6px 14px;
border-radius:30px;
background:#2563eb;
color:#fff;
font-size:13px;
font-weight:600;
margin-bottom:15px;
}
 
.ww-weather-meta{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin:20px 0;
}
 
.ww-weather-meta div{
background:#f8fafc;
padding:14px;
border-radius:10px;
text-align:center;
}
 
.ww-weather-meta strong{
display:block;
margin-bottom:6px;
font-size:14px;
}
 
.ww-weather-pros,
.ww-weather-cons,
.ww-weather-packing{
margin-top:18px;
padding:18px;
border-radius:12px;
}
 
.ww-weather-pros{
background:#ecfdf5;
}
 
.ww-weather-cons{
background:#fef2f2;
}
 
.ww-weather-packing{
background:#eff6ff;
}
 
.ww-weather-pros h4,
.ww-weather-cons h4,
.ww-weather-packing h4{
margin:0 0 10px;
font-size:17px;
}
 
.ww-recommended{
position:absolute;
top:18px;
right:18px;
background:#16a34a;
color:#fff;
padding:6px 12px;
border-radius:25px;
font-size:12px;
font-weight:700;
}
 
@media(max-width:768px){
 
.ww-weather-grid{
grid-template-columns:1fr;
}
 
.ww-weather-meta{
grid-template-columns:1fr;
}
 
}