/* Global Meteo Pro UI — inspired by MeteoMaroc */
:root{
  --gm-bg:#0b0f10;
  --gm-card:#101517;
  --gm-soft:#121a1d;
  --gm-green:#0bb37b;
  --gm-blue:#1fb6ff;
  --gm-text:#eaf2f3;
  --gm-muted:#99a4a7;
  --gm-border:#1f2a2e;
  --gm-pill:#172126;
  --gm-shadow:0 6px 24px rgba(0,0,0,.35);
}
.gmpro-wrap{padding:32px 0;background:transparent;}
.gmpro-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.gmpro-hero-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.gmpro-hero-title h1{font-weight:800;font-size:28px;color:var(--gm-text);margin:0}
.gmpro-blob{width:16px;height:16px;border-radius:12px;background:#ffd466;box-shadow:0 0 0 10px rgba(255,212,102,.15)}
.gmpro-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.gmpro-chip{background:var(--gm-pill);color:var(--gm-muted);padding:6px 10px;border-radius:999px;border:1px solid var(--gm-border);font-size:12px}
.gmpro-pill{background:var(--gm-green);color:#07110c;padding:6px 12px;border-radius:999px;font-weight:700;font-size:12px}
.gmpro-pill.muted{background:var(--gm-pill);color:var(--gm-muted)}

.gmpro-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}
@media (max-width:1024px){.gmpro-grid{grid-template-columns:1fr}}

.gmpro-card{background:var(--gm-card);border:1px solid var(--gm-border);box-shadow:var(--gm-shadow);border-radius:16px;padding:16px;color:var(--gm-text)}
.hidden{display:none}

.gmpro-tabs{display:flex;gap:8px;margin-bottom:12px}
.gmpro-tab{background:var(--gm-pill);color:var(--gm-muted);border:1px solid var(--gm-border);padding:8px 12px;border-radius:999px;font-weight:600}
.gmpro-tab.active{background:var(--gm-green);color:#03140e}

.gmpro-cards-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:900px){.gmpro-cards-6{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.gmpro-cards-6{grid-template-columns:repeat(2,1fr)}}

.gmpro-mini{background:var(--gm-soft);border:1px solid var(--gm-border);border-radius:12px;padding:12px}
.gmpro-mini-title{color:var(--gm-muted);font-size:12px}
.gmpro-mini-value{display:block;font-weight:800;font-size:20px;margin-top:4px}

.gmpro-hours{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:12px}
.gmpro-hour{background:#0e1619;border:1px solid var(--gm-border);border-radius:12px;padding:10px;text-align:center}
.gmpro-hour-t{color:var(--gm-muted);font-size:12px}
.gmpro-hour-i{font-size:18px;margin:6px 0}
.gmpro-hour-v,.gmpro-hour-w{font-weight:700;font-size:14px}

.gmpro-days{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}
@media (max-width:900px){.gmpro-days{grid-template-columns:repeat(2,1fr)}}
.gmpro-day{background:var(--gm-soft);border:1px solid var(--gm-border);border-radius:12px;padding:10px;text-align:center}
.gmpro-day-date{color:var(--gm-muted);font-size:12px}
.gmpro-day-temps{margin-top:4px;font-size:14px}

.gmpro-air .gmpro-aqi-badge{display:inline-block;background:#1d2d22;border:1px solid #214e3a;color:#7cf8c3;padding:6px 8px;border-radius:10px;font-weight:800}
.gmpro-air-sub{color:var(--gm-muted);margin-top:6px}
.gmpro-cities h4{margin:14px 0 8px 0}
.gmpro-cities ul{margin:0;padding:0;list-style:none}
.gmpro-cities li{border-top:1px solid var(--gm-border)}
.gmpro-cities a{display:block;padding:10px 0;color:var(--gm-text);text-decoration:none}
.gmpro-cities a:hover{color:var(--gm-blue)}

.gmpro-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gmpro-note{color:var(--gm-muted);margin-top:10px;font-size:12px}