/* =========================
METEO ULTRA COMPACT
========================= */

.weather-box{

    background:#fff;

    border-radius:14px;

    padding:12px;

    margin-top:12px;

    border:1px solid #edf2f7;

}

/* TITLE */

.weather-box h3{

    font-size:13px;

    font-weight:800;

    color:#07233d;

    margin-bottom:10px;

}

/* CURRENT */

.weather-current{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:10px;

}

.weather-current img{

    width:34px;

    height:34px;

}

/* TEMP */

#weatherTemp{

    font-size:18px;

    font-weight:900;

    color:#07233d;

    line-height:1;

}

/* DESC */

#weatherDesc{

    font-size:11px;

    color:#5f7082;

    margin-top:1px;

}

/* EXTRA */

.weather-extra{

    margin-top:4px;

}

.weather-extra span{

    display:block;

    font-size:11px;

    color:#31465c;

    line-height:1.4;

}

/* FORECAST */

.weather-forecast{

    display:flex;

    gap:6px;

    margin-top:10px;

   

}

/* DAY */

.weather-day{

    min-width:48px;

    border-radius:10px;

    padding:6px;

    text-align:center;

    background:#f7fafc;

}

/* TEXT */

.weather-day div:first-child{

    font-size:9px;

    font-weight:700;

}

/* ICON */

.weather-day img{

    width:20px;

    height:20px;

    margin:2px 0;

}

/* TEMP */

.weather-day div:last-child{

    font-size:10px;

    font-weight:800;

    color:#07233d;

}