.wp-weather-widget{max-width:100%;background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgb(0 0 0 / .1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.wp-weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.wp-weather-location{margin:0;color:#2c3e50;font-size:1.5em}.wp-weather-unit-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid #ddd}.unit-btn{background:#fff;border:none;padding:8px 16px;cursor:pointer;transition:all 0.3s ease}.unit-btn.active{background:#3498db;color:#fff}.wp-weather-forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.wp-weather-day{background:#fff;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px rgb(0 0 0 / .1);transition:transform 0.2s ease}.wp-weather-day:hover{transform:translateY(-2px)}.day-name{font-weight:700;color:#2c3e50;margin-bottom:5px}.day-date{color:#7f8c8d;font-size:.9em;margin-bottom:10px}.weather-icon{font-size:2em;margin:10px 0;height:60px;display:flex;align-items:center;justify-content:center}.weather-sun::before{content:"☀️"}.weather-cloud::before{content:"☁️"}.weather-rain::before{content:"🌧️"}.weather-snow::before{content:"❄️"}.weather-thunderstorm::before{content:"⛈️"}.weather-drizzle::before{content:"🌦️"}.weather-mist::before{content:"🌫️"}.weather-fog::before{content:"🌫️"}.weather-default::before{content:"🌤️"}.weather-condition{display:none}.temperatures{margin:10px 0}.temp-high{font-weight:700;color:#e74c3c;margin-right:10px}.temp-low{color:#3498db}.weather-description{font-size:.8em;color:#7f8c8d;text-transform:capitalize}.wp-weather-error{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;border:1px solid #f5c6cb}@media (max-width:768px){.wp-weather-widget{padding:15px}.wp-weather-header{flex-direction:column;gap:15px;text-align:center}.wp-weather-forecast{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.wp-weather-day{padding:12px}.weather-icon{font-size:1.5em;height:50px}}@media (max-width:480px){.wp-weather-forecast{grid-template-columns:repeat(2,1fr)}}