.weather-widget{

    background:#fff;

    border:1px solid var(--lwf-border-color,#e5e7eb);

    border-radius:20px;

    padding:20px;

    overflow:hidden;

 margin-bottom: 8px;
}

.weather-main{

        display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.weather-main i{

    font-size:36px;

}

.weather-temp{

    font-size:34px;

    font-weight:700;

    line-height:1;

     margin-top: 8px;

    color:#111;

}

.weather-text{

    margin-top:8px;

    font-size:14px;

    color:#666;

}

.weather-extra{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:14px;

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #f3f4f6;

}

.weather-item{

    text-align:center;

}

.weather-item i{

    font-size:18px;

    margin-bottom:8px;

}

.weather-item strong{

    display:block;

    font-size:15px;

    font-weight:700;

    color:#111827;

    margin-bottom:4px;

}

.weather-item span{

    font-size:12px;

    color:#6b7280;

}

.weather-item .fa-cloud-rain{

    color:#3b82f6;

}

.weather-item .fa-droplet{

    color:#06b6d4;

}

.weather-item .fa-wind{

    color:#10b981;

}

/* توحيد عرض بطاقة الطقس في الهاتف */
@media (max-width: 768px) {

    .weather-widget {
        width: calc(100vw - 30px) !important;
        max-width: none !important;

        margin-left: calc((100% - (100vw - 30px)) / 2) !important;
        margin-right: calc((100% - (100vw - 30px)) / 2) !important;

        box-sizing: border-box;
    }

}

/* =========================================================
   Weather — French LTR
========================================================= */

.weather-widget {
    direction: ltr;
}

.weather-main,
.weather-extra,
.weather-item {
    direction: ltr;
}