.weather-widget{background:linear-gradient(to bottom,#89cff0,#fef4d4);border-radius:15px;padding:20px;box-shadow:0 6px 20px rgb(0 0 0 / .25);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333;max-width:95%;margin:20px auto;text-align:center}.weather-card{border-radius:15px;padding:20px;text-align:center;background-color:rgb(255 255 255 / .8);backdrop-filter:blur(12px)}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.weather-header .city{font-weight:700;color:#2c3e50;font-size:20px}.temp-with-desc{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.temp-with-desc .temp{font-size:50px;font-weight:700;color:#f59e0b;text-shadow:3px 3px 5px rgb(0 0 0 / .2)}.temp-with-desc .description{font-size:20px;color:#003865;margin-top:5px}.details{margin-top:15px;color:#444;display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.details span{background-color:rgb(255 255 255 / .7);padding:8px 12px;border-radius:25px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.weather-search{display:flex;justify-content:center;gap:10px;margin-top:20px}.weather-search input{padding:12px;border-radius:30px;border:1px solid rgb(255 255 255 / .5);width:70%;background-color:rgb(255 255 255 / .7)}.weather-search button{padding:12px 20px;background:linear-gradient(to right,#007bff,#f59e0b);border:none;color:#fff;border-radius:30px;cursor:pointer}.powered-by{font-size:12px;color:#777;margin-top:15px;text-align:center}.weather-loader{padding:40px;font-size:18px;color:#333}.weather-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px}.geolocation-icon{font-size:14px;cursor:pointer;color:#003865;font-weight:500}.geolocation-icon:hover{text-decoration:underline}.unit-toggle span{font-size:16px;font-weight:700;color:#555;cursor:pointer;padding:2px 4px;border-radius:4px}.unit-toggle span.active{color:#fff;background-color:#007bff}.weather-forecast{display:flex;justify-content:space-around;margin-top:20px;padding-top:15px;border-top:1px solid rgb(255 255 255 / .5)}.forecast-day{display:flex;flex-direction:column;align-items:center;font-size:14px}.forecast-day .day-name{font-weight:700;color:#2c3e50}.forecast-day img{width:40px;height:40px}.forecast-day .day-temp{font-size:16px;color:#333}.single-post .weather-widget{max-width:280px;margin:15px auto 25px auto;padding:10px;border-radius:10px;box-shadow:0 4px 15px rgb(0 0 0 / .1);font-size:14px}.single-post .weather-widget .weather-controls{display:none}.single-post .weather-widget .weather-card{padding:10px;border-radius:8px}.single-post .weather-widget .weather-header{font-size:13px;margin-bottom:8px}.single-post .weather-widget .weather-header .city{font-size:15px}.single-post .weather-widget .temp-with-desc .temp{font-size:36px;margin-bottom:0}.single-post .weather-widget .temp-with-desc .description{font-size:14px;margin-top:5px}.single-post .weather-widget .details{font-size:12px;margin-top:10px;gap:8px}.single-post .weather-widget .details span{padding:4px 8px;border-radius:20px}.single-post .weather-widget .weather-forecast{margin-top:15px;padding-top:10px;font-size:12px}.single-post .weather-widget .forecast-day img{width:30px;height:30px}.single-post .weather-widget .weather-search{margin-top:15px;gap:5px}.single-post .weather-widget .weather-search input{padding:8px;font-size:12px;border-radius:20px}.single-post .weather-widget .weather-search button{padding:8px 15px;font-size:12px;border-radius:20px}.single-post .weather-widget .powered-by{font-size:10px;margin-top:10px}