.wp-weather-widget{background:#1D556C;border-radius:16px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);color:white;padding:20px;margin:1em auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;max-width:100%;box-sizing:border-box}.wp-weather-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (min-width: 768px){.wp-weather-container{flex-direction:row;justify-content:space-between;align-items:flex-start;max-width:900px;margin:0 auto}}.wp-weather-left{flex:1;min-width:0;margin:0 auto 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 10px}.wp-weather-right{flex:1;min-width:0;margin:0 auto;max-width:100%;padding:0 10px}.location{font-size:1.5rem;font-weight:bold;margin-bottom:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.datetime{font-size:0.875rem;opacity:0.8;margin-bottom:1rem;text-align:center;width:100%}.temperature-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0;width:100%}.weather-icon{width:64px;height:64px;object-fit:contain}.temperature{font-size:2.5rem;font-weight:bold;line-height:1}.metrics-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}@media (min-width: 480px){.metrics-grid{grid-template-columns:repeat(2, 1fr)}}.metric-item{background:rgba(255, 255, 255, 0.1);border-radius:8px;padding:0.75rem;text-align:center;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:60px}.metric-item .label{font-size:0.75rem;opacity:0.8;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-item .value{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-message{background:rgba(255, 59, 48, 0.1);border-radius:8px;padding:1rem;margin:1rem 0;color:#ff3b30;text-align:center}