.wp-block-marwen-weather-widget{margin:2rem auto;max-width:400px}.wp-block-marwen-weather-widget .weather-error,.wp-block-marwen-weather-widget .weather-loading{background:#f8f9fa;border-radius:12px;padding:2rem;text-align:center}.wp-block-marwen-weather-widget .weather-error p,.wp-block-marwen-weather-widget .weather-loading p{color:#666;margin:.5rem 0}.wp-block-marwen-weather-widget .weather-error a,.wp-block-marwen-weather-widget .weather-loading a{color:#1a2653}.wp-block-marwen-weather-widget .weather-error{background:#fee}.wp-block-marwen-weather-widget .weather-error p{color:#c00}.wp-block-marwen-weather-widget .weather-current{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);color:#fff;padding:2rem;text-align:center}.wp-block-marwen-weather-widget .weather-current .weather-icon{font-size:4rem;margin-bottom:1rem}.wp-block-marwen-weather-widget .weather-current .weather-location{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.wp-block-marwen-weather-widget .weather-current .weather-temp{font-size:3.5rem;font-weight:700;margin:.5rem 0}.wp-block-marwen-weather-widget .weather-current .weather-condition{font-size:1.125rem;margin-bottom:1rem;opacity:.9;text-transform:capitalize}.wp-block-marwen-weather-widget .weather-current .weather-details{border-top:1px solid hsla(0,0%,100%,.3);display:flex;font-size:.9rem;gap:2rem;justify-content:center;padding-top:1rem}.wp-block-marwen-weather-widget .weather-forecast{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:1rem}.wp-block-marwen-weather-widget .weather-forecast .forecast-day{align-items:center;background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:1rem}.wp-block-marwen-weather-widget .weather-forecast .forecast-day .forecast-day-name{font-weight:600;margin-bottom:.5rem}.wp-block-marwen-weather-widget .weather-forecast .forecast-day .forecast-icon{font-size:2rem;margin:.5rem 0}.wp-block-marwen-weather-widget .weather-forecast .forecast-day .forecast-temp{font-size:1.125rem;font-weight:700}.wp-block-marwen-weather-widget.compact .weather-current{padding:1.5rem}.wp-block-marwen-weather-widget.compact .weather-current .weather-icon{font-size:2.5rem;margin-bottom:.5rem}.wp-block-marwen-weather-widget.compact .weather-current .weather-temp{font-size:2.5rem}.wp-block-marwen-weather-widget.detailed{max-width:600px}.wp-block-marwen-weather-widget.detailed .weather-forecast{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}@media(max-width:480px){.wp-block-marwen-weather-widget .weather-forecast{grid-template-columns:repeat(3,1fr)}}