/* Civitas Nexus AI V3.8.13 · METEO E STAGIONI (Sala 2.5D, etichetta meteo, impostazioni) */

/* etichetta stagione + tempo in alto a sinistra della sala (2.5D e 3D) */
.live-viewport{position:relative}
.meteo-chip{position:absolute;top:10px;left:10px;z-index:6;display:flex;gap:6px;pointer-events:none;
  font:700 11.5px/1 "Helvetica Neue",Arial,sans-serif;color:#e8f4ff}
.meteo-chip span{background:rgba(4,16,34,.72);border:1px solid rgba(127,224,255,.28);padding:6px 9px;border-radius:999px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.meteo-chip i{font-style:normal;color:#7ff2d0;font-weight:800;margin-left:3px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:700px){.meteo-chip .mc-s{display:none}}

/* impostazioni */
.meteo-city{margin-top:12px}
.meteo-city label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted,#9fb6cc)}
.meteo-city select{min-width:180px}
.meteo-note{margin-top:10px;font-size:12px;opacity:.85}

/* ---------- Sala 2.5D: tempo oltre il vetro (nel fondale SVG, dietro alle persone) ---------- */
.rm-meteo{pointer-events:none}
.rm-overcast{fill:#8a97a5;opacity:calc(var(--wcloud,0) * (.3 + .7 * var(--day,0)))}
.rm-clouds{opacity:0;transition:opacity 4s;animation:rm-clouds 160s linear infinite alternate}
.rm-cloud ellipse{fill:#f2f6fa}
.rm-fog{fill:#c9d2db;opacity:calc(var(--wfog,0) * .7 * (.35 + .65 * var(--day,0)));transition:opacity 4s}
.rm-rain,.rm-snow,.rm-flash{display:none}
.rm-rain path{stroke:#cfe3f5;stroke-width:1.3;stroke-linecap:round;opacity:.45}
.rm-snow circle{fill:#ffffff;opacity:.85}
.rm-rain-a,.rm-rain-b{animation:rm-rain .5s linear infinite}
.rm-snow-a,.rm-snow-b{animation:rm-snow 11s linear infinite}
.rm-flash{fill:#eef4ff;opacity:0}
@keyframes rm-clouds{from{transform:translateX(0)}to{transform:translateX(-260px)}}
@keyframes rm-rain{from{transform:translate(0,0)}to{transform:translate(-16px,340px)}}
@keyframes rm-snow{from{transform:translate(0,0)}to{transform:translate(-30px,340px)}}
@keyframes rm-flash{0%,68%,72%,74%,100%{opacity:0}69%{opacity:.75}73%{opacity:.5}}

html[data-meteo="variabile"] .rm-clouds{opacity:.6}
html[data-meteo="nuvoloso"] .rm-clouds,html[data-meteo="nebbia"] .rm-clouds{opacity:.75}
html[data-meteo="nuvoloso"] .rm-cloud ellipse{fill:#c3ccd6}
html[data-meteo="pioggia"] .rm-clouds,html[data-meteo="temporale"] .rm-clouds,html[data-meteo="neve"] .rm-clouds{opacity:.85}
html[data-meteo="pioggia"] .rm-cloud ellipse,html[data-meteo="neve"] .rm-cloud ellipse{fill:#97a3b0}
html[data-meteo="temporale"] .rm-cloud ellipse{fill:#6b7684}
html[data-meteo="pioggia"] .rm-rain,html[data-meteo="temporale"] .rm-rain{display:inline}
html[data-meteo="temporale"] .rm-rain path{stroke-width:1.6;opacity:.55}
html[data-meteo="neve"] .rm-snow{display:inline}
html[data-meteo="temporale"] .rm-flash{display:inline;animation:rm-flash 9s linear infinite}
/* con cielo coperto niente sole, luna e stelle */
html[data-meteo="nuvoloso"] .rm-sun,html[data-meteo="pioggia"] .rm-sun,html[data-meteo="temporale"] .rm-sun,html[data-meteo="nebbia"] .rm-sun,html[data-meteo="neve"] .rm-sun,
html[data-meteo="nuvoloso"] .rm-moon,html[data-meteo="pioggia"] .rm-moon,html[data-meteo="temporale"] .rm-moon,html[data-meteo="nebbia"] .rm-moon,html[data-meteo="neve"] .rm-moon,
html[data-meteo="nuvoloso"] .rm-stars,html[data-meteo="pioggia"] .rm-stars,html[data-meteo="temporale"] .rm-stars,html[data-meteo="nebbia"] .rm-stars,html[data-meteo="neve"] .rm-stars{visibility:hidden}
html[data-meteo="variabile"] .rm-stars{opacity:calc(var(--night,1) * .5)!important}

/* qualita' Leggera/Minima e animazioni in pausa: tempo visibile ma fermo */
[data-gfx="minima"] .rm-clouds,[data-gfx="minima"] .rm-rain-a,[data-gfx="minima"] .rm-rain-b,[data-gfx="minima"] .rm-snow-a,[data-gfx="minima"] .rm-snow-b,
[data-staff-motion="off"] .rm-clouds,[data-staff-motion="off"] .rm-rain-a,[data-staff-motion="off"] .rm-rain-b,[data-staff-motion="off"] .rm-snow-a,[data-staff-motion="off"] .rm-snow-b,[data-staff-motion="off"] .rm-flash{animation:none!important}
[data-gfx="leggera"] .rm-clouds{animation:none}
@media (prefers-reduced-motion:reduce){.rm-clouds,.rm-rain-a,.rm-rain-b,.rm-snow-a,.rm-snow-b,.rm-flash{animation:none!important}}
/* V3.8.19: con il sereno le nuvole sono invisibili: ferme (niente lavoro inutile) */
html[data-meteo="sereno"] .rm-clouds{animation-play-state:paused}
