/**
 * METEO SANTA SUSANNA
 * Fitxer: public/assets/css/forecast-v180.css
 * Versió: 1.8.0d
 * Desenvolupament i proveïdor: SOMOSDIGITAL.NET
 * © 2026 SOMOSDIGITAL.NET
 */
.forecast-page{max-width:1200px;margin:0 auto 42px;padding:16px;box-sizing:border-box}.forecast-heading{border-radius:0;margin-bottom:18px}.forecast-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#dce3ea);border-radius:18px;padding:18px}.forecast-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.forecast-module{background:var(--card-bg,#fff);border:1px solid var(--border-color,#dce3ea);border-radius:18px;box-shadow:0 6px 20px rgba(20,40,70,.06);overflow:hidden}.forecast-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 8px}.forecast-module-head h3{margin:0 0 3px;font-size:1.12rem}.forecast-module-head p{margin:0;color:var(--muted-text,#687789);font-size:.86rem}.forecast-module-badge{white-space:nowrap;background:#eaf3ff;color:#175a9b;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:600}.forecast-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 12px 12px}.forecast-day{border:1px solid var(--border-color,#dce3ea);border-radius:13px;padding:9px 10px;background:rgba(248,251,254,.86);min-width:0}.forecast-day-date{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.forecast-day-date strong{font-size:1rem}.forecast-day-date span{font-size:.8rem;color:var(--muted-text,#687789)}.forecast-icon{height:50px;display:grid;place-items:center}.forecast-icon svg{width:46px;height:46px;overflow:visible}.fc-sun{fill:#f6bd2f;stroke:#e49c00;stroke-width:2}.fc-rays path{fill:none;stroke:#e49c00;stroke-width:3;stroke-linecap:round}.fc-cloud{fill:#dbe4ee;stroke:#7890a7;stroke-width:2}.fc-rain path{fill:none;stroke:#1985d0;stroke-width:3;stroke-linecap:round}.forecast-condition{text-align:center;font-weight:600;min-height:1.9em;font-size:.9rem}.forecast-temp{display:flex;justify-content:center;gap:9px;align-items:baseline;margin:4px 0 7px}.forecast-temp strong{color:#d52b2b;font-size:1.08rem}.forecast-temp span{color:#2477b8;font-weight:600}.forecast-metrics{margin:0;display:grid;grid-template-columns:1fr;gap:3px;font-size:.76rem}.forecast-metrics div{display:flex;justify-content:space-between;gap:6px;border-top:1px solid rgba(130,150,170,.18);padding-top:4px}.forecast-metrics dt{color:var(--muted-text,#687789)}.forecast-metrics dd{margin:0;font-weight:600}.forecast-source{padding:0 16px 12px;color:var(--muted-text,#687789);font-size:.74rem}.forecast-error{margin:12px 18px 18px;padding:14px;border-radius:12px;background:#fff4f4;color:#a23232}.forecast-empty{padding:18px;color:var(--muted-text,#687789)}
@media(max-width:820px){.forecast-page{width:min(100% - 20px,760px);margin:0 auto 36px;padding:14px}.forecast-panel{padding:12px}.forecast-modules{grid-template-columns:1fr}.forecast-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.forecast-days{grid-template-columns:1fr}.forecast-module-head{padding:12px 13px 7px}.forecast-day{padding:9px 10px}.forecast-page{width:calc(100% - 14px);padding:10px 0}}
/* v1.8.0b radar modules */
.radar-map{height:430px;margin:8px 14px 14px;border-radius:14px;overflow:hidden;border:1px solid var(--border-color,#dce3ea);background:#e8eef4;position:relative}.radar-loading{position:absolute;inset:0;display:grid;place-items:center;color:#687789}.meteociel-radar{margin:8px 14px 14px;border-radius:14px;overflow:hidden;border:1px solid var(--border-color,#dce3ea);background:#eef3f7;display:flex;align-items:center;justify-content:center;min-height:300px}.meteociel-radar img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.forecast-source a{color:inherit;text-decoration:underline}.leaflet-control-attribution{font-size:9px!important}
@media(max-width:520px){.radar-map{height:360px;margin:6px 10px 12px}.meteociel-radar{margin:6px 10px 12px;min-height:220px}}

/* v1.8.0c · RainViewer zoom + animation */
.radar-map{position:relative}
.radar-player{position:absolute;left:10px;bottom:10px;z-index:700;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(20,40,60,.18);font-size:.74rem;color:#173246}
.radar-player button{width:31px;height:31px;border:1px solid #cdd9e4;border-radius:8px;background:#fff;color:#173246;cursor:pointer;font-size:.9rem;line-height:1}
.radar-player-time{min-width:42px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
html[data-theme="dark"] .radar-player{background:rgba(24,38,50,.92);color:#eef6fb}
html[data-theme="dark"] .radar-player button{background:#243847;color:#eef6fb;border-color:#526777}

/* v1.8.0d · weather model module */
.model-switch{display:flex;gap:8px;flex-wrap:wrap;padding:4px 14px 10px}.model-switch button{border:1px solid var(--border-color,#dce3ea);background:#fff;color:#173246;border-radius:9px;padding:7px 10px;font-weight:600}.model-switch button.is-active{background:#173f59;color:#fff;border-color:#173f59}.model-switch button:disabled{opacity:.45}.model-view{margin:0 14px 14px;border:1px solid var(--border-color,#dce3ea);border-radius:14px;overflow:hidden;background:#fff}.model-view img{display:block;width:100%;height:auto}.forecast-module--models{grid-column:span 2}@media(max-width:820px){.forecast-module--models{grid-column:auto}}