.weather-widget{display:flex;align-items:center;padding:0 16px;color:#333;font-size:14px;transition:all .3s ease;background:rgba(255,255,255,.25);border-radius:16px;margin:5px 10px;height:36px;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;cursor:pointer;backdrop-filter:blur(8px)}.weather-widget:hover{background:rgba(255,255,255,.3)}.weather-main{display:flex;align-items:center;gap:8px;width:100%}.weather-popup{position:absolute;background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:16px;min-width:280px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s ease;backdrop-filter:blur(10px);margin-top:8px}.weather-popup.show{opacity:1;visibility:visible;transform:translateY(0)}.forecast{display:flex;gap:12px;padding:4px}.forecast-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;border-radius:10px;transition:all .3s ease;min-width:75px}.forecast-item:hover{background:rgba(0,0,0,.03);transform:translateY(-2px)}.forecast-item.today{background:rgba(33,150,243,.08);box-shadow:0 2px 8px rgba(33,150,243,.1)}.forecast-date{font-weight:600;color:#1a1a1a;font-size:14px}.forecast-icon i{font-size:26px;margin:4px 0}.forecast-temp{display:flex;gap:6px;font-size:14px;font-weight:500}.forecast-temp .high{color:#ff4757}.forecast-temp .low{color:#2196f3}.forecast-icon i,.weather-widget i{transition:all .3s ease}.weather-widget i{font-size:18px}.forecast-icon .fa-location-dot,.weather-widget .fa-location-dot{color:#ff4757}.forecast-icon .fa-temperature-half,.weather-widget .fa-temperature-half{color:#ff6b81}.forecast-icon .fa-sun,.weather-widget .fa-sun{color:#ffd43b}.forecast-icon .fa-cloud,.weather-widget .fa-cloud{color:#74b9ff}.forecast-icon .fa-cloud-sun,.weather-widget .fa-cloud-sun{color:#ffa502}.forecast-icon .fa-cloud-rain,.weather-widget .fa-cloud-rain{color:#0984e3}.forecast-icon .fa-cloud-showers-heavy,.weather-widget .fa-cloud-showers-heavy{color:#0652dd}.forecast-icon .fa-snowflake,.weather-widget .fa-snowflake{color:#74b9ff}.forecast-icon .fa-smog,.weather-widget .fa-smog{color:#a4b0be}.forecast-icon .fa-spinner,.weather-widget .fa-spinner{color:#2196f3}.weather-widget.loading{opacity:.7}.weather-widget.loading i,.weather-widget.loading span{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.weather-details{padding:16px;border-radius:10px;margin-bottom:18px;background:rgba(0,0,0,.03)}.weather-details .detail-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.weather-details .detail-item:last-child{margin-bottom:0}.weather-details .detail-label{color:#666;font-size:15px;min-width:70px;font-weight:500}.weather-details .detail-value{color:#333;font-size:15px;font-weight:500}.current-weather{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 8px}.current-weather .temp{font-size:38px;font-weight:500;color:#333;letter-spacing:-1px}.current-weather .description{font-size:16px;color:#666;margin-top:6px;font-weight:500}.current-weather .weather-icon i{font-size:42px;color:#ffa116}