*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:#f4fbfb;color:#0d2540;direction:rtl}a{text-decoration:none;color:inherit}.mw-top{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,var(--mw-teal,#19b8a5),var(--mw-blue,#18a9e6));color:#fff;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(0,120,150,.18)}.mw-logo{display:flex;align-items:center;gap:12px}.mw-logo-icon{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:28px}.mw-logo strong{font-size:28px;display:block}.mw-logo small{display:block;opacity:.85}.mw-nav a{margin:0 10px;padding:10px 14px;border-radius:14px}.mw-nav a:hover{background:rgba(255,255,255,.16)}.mw-grid{display:grid;grid-template-columns:320px 1fr;gap:22px;max-width:1320px;margin:22px auto;padding:0 18px}.mw-card{background:#fff;border:1px solid rgba(0,140,160,.12);border-radius:22px;box-shadow:0 10px 28px rgba(0,80,100,.08);padding:20px}.mw-section{margin-top:18px}.mw-search{width:100%;padding:14px 16px;border:1px solid #d9eeee;border-radius:16px;margin:8px 0 14px;background:#fbffff}.mw-list{max-height:640px;overflow:auto;padding-left:4px}.mw-city-link{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-bottom:1px solid #edf5f6;border-radius:14px}.mw-city-link small{display:block;color:#678;font-size:12px;margin-top:4px}.mw-city-link:hover,.mw-city-link.is-active{background:linear-gradient(135deg,rgba(25,184,165,.18),rgba(24,169,230,.18));color:#008a90}.mw-map{min-height:290px;border-radius:20px;background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;font-size:28px;font-weight:900;box-shadow:inset 0 0 80px rgba(255,255,255,.16);position:relative;overflow:hidden}.mw-map:before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 18%),radial-gradient(circle at 75% 70%,rgba(255,255,255,.22),transparent 22%)}.mw-map span{font-size:14px;font-weight:400;margin-top:8px;position:relative}.mw-hero{overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));position:relative}.mw-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.32),transparent 25%),linear-gradient(155deg,transparent 42%,rgba(255,255,255,.20) 43%,rgba(255,255,255,.08) 58%,transparent 59%)}.mw-hero>*{position:relative}.mw-hero-top{display:flex;justify-content:space-between;gap:12px}.mw-hero-top span,.mw-hero-top a{background:rgba(0,70,100,.18);padding:9px 13px;border-radius:999px}.mw-hero h1{margin:22px 0 6px;font-size:32px}.mw-current{display:flex;align-items:center;justify-content:center;gap:34px;min-height:150px;text-align:center}.mw-temp{font-size:100px;line-height:1;font-weight:900}.mw-current strong{display:block;font-size:28px}.mw-current small{display:block;margin-top:8px}.mw-small-icon{width:64px;height:64px;vertical-align:middle;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.mw-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.mw-metrics div{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:15px;border-radius:18px;text-align:center}.mw-metrics b{display:block;font-weight:500;opacity:.9}.mw-metrics strong{font-size:20px}.mw-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mw-title-row span{color:var(--mw-blue);font-weight:700}.mw-hourly,.mw-days{display:flex;gap:12px;overflow:auto;padding:6px 2px 10px;scrollbar-width:thin}.mw-hour,.mw-day{min-width:118px;text-align:center;border:1px solid #e4f1f3;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f7fcfd)}.mw-hour strong,.mw-day strong{display:block;font-size:24px}.mw-hour em,.mw-day span,.mw-hour small,.mw-day small{display:block;color:#678;font-style:normal}.mw-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mw-stat{background:#fff;border:1px solid #e4f1f3;border-radius:20px;padding:20px;text-align:center;box-shadow:0 8px 22px rgba(0,80,100,.06)}.mw-stat strong{display:block;font-size:32px;color:var(--mw-teal);margin-top:8px}.mw-error{border-right:5px solid #d33}.mw-mini{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #e4f1f3;border-radius:16px;padding:12px}.mw-mini span{font-size:24px;color:var(--mw-teal);font-weight:900}.mw-footer{background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));color:#fff;text-align:center;padding:18px;margin-top:30px}.mwp-cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:15px;max-width:1100px}.mwp-cards .card h2{font-size:34px;margin:0 0 8px}@media(max-width:950px){.mw-top{position:relative;display:block;text-align:center}.mw-logo{justify-content:center}.mw-nav{margin-top:12px}.mw-grid{grid-template-columns:1fr}.mw-side{order:2}.mw-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){body{background:#f7fefe}.mw-top{padding:16px;border-radius:0 0 24px 24px}.mw-logo strong{font-size:24px}.mw-nav a{display:inline-block;margin:4px;padding:8px 10px}.mw-grid{margin:14px auto;padding:0 12px}.mw-card{border-radius:18px;padding:16px}.mw-hero h1{font-size:24px}.mw-current{gap:12px;min-height:120px}.mw-temp{font-size:74px}.mw-small-icon{width:52px;height:52px}.mw-metrics{grid-template-columns:repeat(2,1fr)}.mw-stat-grid{grid-template-columns:1fr 1fr}.mw-hour,.mw-day{min-width:98px}.mw-map-card{display:none}.mwp-cards{grid-template-columns:1fr}}


/* v2.4.0: mobile full-width layout, no outer margins, no admin/frontend help text clutter */
@media (max-width: 782px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;background:#eefafa;}
  body.admin-bar{padding-top:0!important;}
  #wpadminbar{display:none!important;}
  .mw-top{position:relative!important;width:100%;margin:0!important;padding:12px 14px!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:right!important;}
  .mw-logo{justify-content:flex-start!important;gap:8px!important;}
  .mw-logo-icon{width:38px;height:38px;border-radius:12px;font-size:20px;}
  .mw-logo strong{font-size:18px!important;line-height:1.1;}
  .mw-logo small{font-size:11px;}
  .mw-nav{display:flex!important;gap:4px;margin:0!important;white-space:nowrap;overflow:auto;max-width:58%;justify-content:flex-end;}
  .mw-nav a{margin:0!important;padding:8px 9px!important;font-size:12px;}
  .mw-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:8px!important;}
  .mw-main{width:100%!important;max-width:100%!important;order:1;}
  .mw-side{width:100%!important;max-width:100%!important;order:2;padding:0!important;}
  .mw-card{width:100%!important;margin:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;padding:14px!important;box-shadow:none!important;}
  .mw-section{margin-top:8px!important;}
  .mw-hero{min-height:auto;border-radius:0!important;}
  .mw-hero-top{font-size:11px;align-items:center;}
  .mw-hero-top a{display:none!important;}
  .mw-hero h1{font-size:20px!important;margin:16px 0 2px!important;}
  .mw-current{min-height:105px!important;gap:10px!important;}
  .mw-temp{font-size:68px!important;}
  .mw-current strong{font-size:20px!important;}
  .mw-current small{font-size:13px!important;}
  .mw-small-icon{width:46px!important;height:46px!important;}
  .mw-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:12px!important;}
  .mw-metrics div{padding:9px 4px!important;border-radius:12px!important;}
  .mw-metrics b{font-size:11px!important;}
  .mw-metrics strong{font-size:13px!important;}
  .mw-title-row h2{font-size:17px!important;margin:0 0 8px!important;}
  .mw-title-row span{font-size:12px!important;}
  .mw-hourly,.mw-days{gap:8px!important;padding-bottom:8px!important;}
  .mw-hour,.mw-day{min-width:86px!important;border-radius:14px!important;padding:10px 8px!important;}
  .mw-hour strong,.mw-day strong{font-size:20px!important;}
  .mw-hour small,.mw-day small,.mw-hour em,.mw-day span{font-size:11px!important;}
  .mw-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .mw-stat{border-radius:14px!important;padding:12px 8px!important;box-shadow:none!important;}
  .mw-stat strong{font-size:24px!important;}
  .mw-list{max-height:340px!important;}
  .mw-city-link{padding:11px 10px!important;}
  .mw-map-card{display:none!important;}
  .mw-footer{margin-top:8px!important;padding:14px 8px!important;border-radius:0!important;}
  .mw-seo-text{display:none!important;}
}
@media (max-width: 420px){
  .mw-nav{max-width:50%;}
  .mw-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .mw-temp{font-size:60px!important;}
}

/* v2.5.0: professional SVG icons + real collapsible mobile menu */
.mw-small-icon,.mw-city-weather-icon,.mw-logo-svg{display:inline-block;vertical-align:middle;filter:drop-shadow(0 8px 16px rgba(0,65,90,.18));}
.mw-small-icon{width:64px;height:64px}.mw-city-weather-icon{width:24px;height:24px}.mw-logo-svg{width:42px;height:42px}.mw-inline-icon{width:1.1em;height:1.1em;vertical-align:-.18em;display:inline-block}.mw-logo-icon{background:rgba(255,255,255,.22);backdrop-filter:blur(10px);overflow:hidden}.mw-menu-toggle,.mw-menu-close{display:none;border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:16px;width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer}.mw-menu-toggle .mw-small-icon,.mw-menu-close .mw-small-icon{width:26px;height:26px;filter:none}.mw-menu-backdrop{position:fixed;inset:0;background:rgba(4,30,48,.45);z-index:40;backdrop-filter:blur(2px)}.mw-nav a{font-weight:700}.mw-city-link span:last-child{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(25,184,165,.14),rgba(24,169,230,.18));display:grid;place-items:center;flex:0 0 auto}.mw-metrics div,.mw-hour,.mw-day,.mw-stat{transition:transform .18s ease, box-shadow .18s ease}.mw-metrics div:hover,.mw-hour:hover,.mw-day:hover,.mw-stat:hover{transform:translateY(-2px)}
@media(max-width:782px){
  .mw-top{min-height:76px!important;position:relative!important;z-index:60!important;}
  .mw-logo{min-width:0;max-width:calc(100% - 62px)}
  .mw-logo small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
  .mw-logo-icon{width:44px!important;height:44px!important;border-radius:16px!important;flex:0 0 auto}.mw-logo-svg{width:34px;height:34px}
  .mw-menu-toggle{display:flex!important;flex:0 0 auto;order:-1;background:rgba(255,255,255,.22)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
  .mw-nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(82vw,320px)!important;max-width:none!important;z-index:80!important;background:linear-gradient(160deg,#0a3b58,#087c8f 56%,#19b8a5)!important;color:#fff!important;box-shadow:-20px 0 50px rgba(0,30,50,.25)!important;padding:22px 16px!important;margin:0!important;border-radius:0 0 0 28px!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;transform:translateX(105%)!important;transition:transform .24s ease!important;white-space:normal!important;text-align:right!important;justify-content:flex-start!important;}
  body.mw-menu-open .mw-nav{transform:translateX(0)!important;}
  .mw-menu-close{display:flex!important;margin:0 0 10px auto;background:rgba(255,255,255,.16)!important}
  .mw-nav a{display:flex!important;align-items:center!important;min-height:48px!important;width:100%!important;margin:0!important;padding:12px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.10)!important;font-size:15px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .mw-nav a:hover{background:rgba(255,255,255,.18)!important}
  body.mw-menu-open{overflow:hidden!important;}
  .mw-small-icon{width:52px!important;height:52px!important}.mw-city-weather-icon{width:22px!important;height:22px!important}.mw-inline-icon{width:1em;height:1em}
  .mw-city-link span:last-child{width:32px;height:32px;border-radius:11px;}
  .mw-hero h1{display:flex;align-items:center;justify-content:center;gap:6px;}
  .mw-metrics div{background:rgba(255,255,255,.20)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;}
}
.mw-data-warning{margin:0 0 12px;padding:12px 16px;border-radius:14px;background:#fff8dc;border:1px solid #f1d879;color:#6d5600;font-weight:700}.mw-main{min-width:0}.mw-side{min-width:0}.mw-seo-text p{line-height:1.9;color:#52697a}.mw-card h2{margin-top:0}.mw-hourly,.mw-days{overscroll-behavior-inline:contain}.mw-search:focus{outline:3px solid rgba(24,169,230,.18);border-color:var(--mw-blue)}

/* v3.1.0 professional directory, guide and error pages */
.mw-page-shell{max-width:1240px;margin:28px auto;padding:0 18px}.mw-page-hero{padding:44px;border-radius:30px;background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));color:#fff;box-shadow:0 18px 45px rgba(0,100,130,.18);position:relative;overflow:hidden}.mw-page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.28),transparent 28%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.15),transparent 26%);pointer-events:none}.mw-page-hero>*{position:relative;z-index:1}.mw-page-hero h1{font-size:42px;margin:10px 0}.mw-page-hero p{font-size:18px;line-height:1.9;max-width:760px;margin:0}.mw-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:800}.mw-page-search{margin-top:24px;display:flex;align-items:center;gap:12px;max-width:720px}.mw-page-search input{flex:1;border:0;border-radius:18px;padding:17px 18px;font:inherit;box-shadow:0 10px 30px rgba(0,70,90,.15)}.mw-page-search input:focus{outline:4px solid rgba(255,255,255,.25)}.mw-page-search span{white-space:nowrap;background:rgba(0,50,80,.2);padding:12px 16px;border-radius:16px}.mw-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.mw-directory-card{background:#fff;border:1px solid #dfeff1;border-radius:20px;padding:18px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,70,90,.06);transition:.2s ease}.mw-directory-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,90,120,.12);border-color:rgba(24,169,230,.35)}.mw-directory-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#effbfc}.mw-directory-card strong,.mw-directory-card small{display:block}.mw-directory-card strong{font-size:18px}.mw-directory-card small{margin-top:3px;color:#6b7f8d}.mw-directory-card b{color:var(--mw-blue);font-size:13px}.mw-empty-state{margin-top:20px;padding:28px;text-align:center;background:#fff;border-radius:20px;border:1px dashed #aacfd5}.mw-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.mw-guide-card{background:#fff;border:1px solid #e0eef0;border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(0,70,90,.06)}.mw-guide-card>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(25,184,165,.16),rgba(24,169,230,.18));color:#087f99;font-weight:900}.mw-guide-card h2{font-size:21px;margin:16px 0 8px}.mw-guide-card p,.mw-guide-note p{line-height:1.9;color:#52697a;margin:0}.mw-guide-note{margin-top:0}.mw-not-found{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border-radius:28px;padding:44px;box-shadow:0 12px 36px rgba(0,70,90,.08)}.mw-404{font-size:110px;font-weight:1000;line-height:1;background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.mw-not-found h1{font-size:34px;margin:12px 0 4px}.mw-not-found p{color:#687d8a}.mw-not-found-actions{display:flex;gap:10px;margin-top:18px}.mw-not-found-actions a{padding:13px 18px;border-radius:14px;background:linear-gradient(135deg,var(--mw-teal),var(--mw-blue));color:#fff;font-weight:800}.mw-not-found-actions a:last-child{background:#edf8f9;color:#087f99}
@media(max-width:900px){.mw-directory-grid,.mw-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mw-page-hero h1{font-size:34px}}
@media(max-width:600px){.mw-page-shell{margin:0;padding:0}.mw-page-hero{border-radius:0;padding:28px 16px}.mw-page-hero h1{font-size:28px}.mw-page-hero p{font-size:15px}.mw-page-search{display:block}.mw-page-search input{width:100%}.mw-page-search span{display:inline-block;margin-top:10px;font-size:12px}.mw-directory-grid,.mw-guide-grid{grid-template-columns:1fr;padding:10px;margin-top:0}.mw-directory-card{border-radius:16px;padding:14px}.mw-guide-card{border-radius:18px}.mw-guide-note{margin:0!important}.mw-not-found{border-radius:0;min-height:65vh}.mw-404{font-size:78px}.mw-not-found-actions{flex-direction:column;width:100%}.mw-not-found-actions a{width:100%}}

/* v3.2.0 cinematic Morocco header, live clock and automatic night mode */
:root{color-scheme:light;--mw-night-bg:#061522;--mw-night-card:#0b2232;--mw-night-text:#eaf7ff;--mw-night-muted:#9db7c8}
.mw-top{min-height:92px;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);gap:22px;padding:14px 30px;background:linear-gradient(125deg,#087f99 0%,var(--mw-teal,#19b8a5) 46%,var(--mw-blue,#18a9e6) 100%);overflow:hidden;isolation:isolate}
.mw-top:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 13% 0%,rgba(255,255,255,.32),transparent 24%),radial-gradient(circle at 83% 120%,rgba(255,255,255,.20),transparent 30%)}
.mw-top:after{content:"";position:absolute;inset:-100% -20%;z-index:-1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.12) 49%,transparent 56%);animation:mwHeaderShine 9s linear infinite;pointer-events:none}
@keyframes mwHeaderShine{to{transform:translateX(-42%)}}
.mw-logo{min-width:0;width:max-content}.mw-logo-icon{position:relative;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 30px rgba(0,61,89,.18)}
.mw-brand-day,.mw-brand-night{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .35s ease,transform .35s ease}.mw-brand-night{opacity:0;transform:scale(.75) rotate(-18deg)}
.mw-header-center{display:flex;justify-content:center;align-items:center}
.mw-morocco-clock{display:flex;align-items:center;gap:12px;min-width:300px;padding:10px 13px;border:1px solid rgba(255,255,255,.23);border-radius:22px;background:rgba(4,62,86,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(0,54,78,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mw-clock-orbit{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:rgba(255,255,255,.16);position:relative}.mw-clock-orbit:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,255,255,.22);border-radius:18px;animation:mwClockPulse 2.4s ease-out infinite}.mw-clock-icon{width:24px;height:24px}
@keyframes mwClockPulse{0%{transform:scale(.88);opacity:.75}80%,100%{transform:scale(1.18);opacity:0}}
.mw-clock-copy{display:block;min-width:116px;line-height:1.15}.mw-clock-copy b{display:block;font:800 23px/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3px;direction:ltr}.mw-clock-copy small{display:block;margin-top:5px;font-size:11px;opacity:.82;white-space:nowrap}
.mw-day-status{margin-inline-start:auto;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.17);font-size:11px;font-weight:800;white-space:nowrap}
.mw-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px}.mw-nav a{display:flex;align-items:center;gap:7px;margin:0;padding:10px 11px}.mw-nav-icon{width:19px;height:19px;flex:0 0 auto}.mw-nav a:hover .mw-nav-icon{transform:translateY(-1px)}.mw-nav-icon{transition:transform .18s ease}
html[data-mw-theme="night"]{color-scheme:dark}
html[data-mw-theme="night"] body{background:radial-gradient(circle at 50% -10%,#123a51 0,var(--mw-night-bg) 38%);color:var(--mw-night-text)}
html[data-mw-theme="night"] .mw-top{background:linear-gradient(125deg,#061724 0%,#0b3548 48%,#103b64 100%);box-shadow:0 14px 40px rgba(0,0,0,.36)}
html[data-mw-theme="night"] .mw-top:before{background:radial-gradient(circle at 8% 14%,rgba(88,170,255,.22),transparent 20%),radial-gradient(circle at 78% 0%,rgba(219,238,255,.13),transparent 18%),radial-gradient(circle at 88% 80%,rgba(65,130,209,.15),transparent 25%)}
html[data-mw-theme="night"] .mw-brand-day{opacity:0;transform:scale(.75) rotate(18deg)}html[data-mw-theme="night"] .mw-brand-night{opacity:1;transform:scale(1) rotate(0)}
html[data-mw-theme="night"] .mw-morocco-clock{background:rgba(2,15,29,.40);border-color:rgba(151,206,255,.18)}html[data-mw-theme="night"] .mw-day-status{background:rgba(109,169,255,.18);color:#cde6ff}
html[data-mw-theme="night"] .mw-card,html[data-mw-theme="night"] .mw-stat,html[data-mw-theme="night"] .mw-directory-card,html[data-mw-theme="night"] .mw-guide-card,html[data-mw-theme="night"] .mw-not-found{background:rgba(10,31,45,.92);border-color:rgba(132,190,220,.14);color:var(--mw-night-text);box-shadow:0 12px 32px rgba(0,0,0,.18)}
html[data-mw-theme="night"] .mw-hour,html[data-mw-theme="night"] .mw-day,html[data-mw-theme="night"] .mw-search,html[data-mw-theme="night"] .mw-page-search input{background:linear-gradient(180deg,#102d40,#0b2232);border-color:rgba(132,190,220,.15);color:var(--mw-night-text)}
html[data-mw-theme="night"] .mw-city-link{border-color:rgba(132,190,220,.10)}html[data-mw-theme="night"] .mw-city-link small,html[data-mw-theme="night"] .mw-hour em,html[data-mw-theme="night"] .mw-day span,html[data-mw-theme="night"] .mw-hour small,html[data-mw-theme="night"] .mw-day small,html[data-mw-theme="night"] .mw-seo-text p,html[data-mw-theme="night"] .mw-guide-card p,html[data-mw-theme="night"] .mw-guide-note p,html[data-mw-theme="night"] .mw-directory-card small{color:var(--mw-night-muted)}
html[data-mw-theme="night"] .mw-footer{background:linear-gradient(135deg,#071a29,#103b64)}
html[data-mw-theme="night"] .mw-page-hero,html[data-mw-theme="night"] .mw-hero{background:linear-gradient(135deg,#0a3448,#124f70 55%,#183f69)}
@media(max-width:1100px){.mw-top{grid-template-columns:1fr auto}.mw-header-center{display:none}.mw-nav{grid-column:1/-1;justify-content:center}}
@media(max-width:782px){.mw-top{display:flex!important;min-height:74px!important;overflow:visible}.mw-header-center{display:flex!important;position:absolute;right:64px;left:64px;justify-content:center;pointer-events:none}.mw-morocco-clock{min-width:0;width:auto;padding:7px 9px;border-radius:17px;gap:7px;pointer-events:auto}.mw-clock-orbit{width:34px;height:34px;border-radius:12px}.mw-clock-icon{width:20px;height:20px}.mw-clock-copy{min-width:76px}.mw-clock-copy b{font-size:17px}.mw-clock-copy small{font-size:9px;margin-top:3px}.mw-day-status{display:none}.mw-logo div{display:none}.mw-logo{width:44px}.mw-nav a{gap:11px!important}.mw-nav-icon{width:21px;height:21px}}
@media(max-width:380px){.mw-clock-copy small{display:none}.mw-morocco-clock{padding:7px}.mw-clock-copy{min-width:70px}.mw-clock-copy b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.mw-top:after,.mw-clock-orbit:after{animation:none}}

/* v3.3.0 refined professional header */
.mw-top{display:block!important;min-height:auto!important;padding:12px clamp(14px,4vw,34px)!important;background:linear-gradient(120deg,#087e94 0%,#0da698 48%,#168fd0 100%)!important;overflow:visible!important}
.mw-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1240px;margin:auto}
.mw-logo{display:flex!important;align-items:center;gap:11px;color:#fff!important;text-decoration:none}.mw-logo-icon{width:50px!important;height:50px!important;border-radius:17px!important;display:grid;place-items:center;flex:0 0 auto}.mw-brand-copy{display:block}.mw-brand-copy strong{display:block;font-size:20px;line-height:1.1}.mw-brand-copy small{display:block;font-size:11px;margin-top:5px;opacity:.82}
.mw-header-actions{display:flex;align-items:center;gap:10px}.mw-morocco-clock{min-width:0!important;padding:7px 10px!important;border-radius:16px!important;gap:8px!important;background:rgba(3,57,78,.20)!important}.mw-clock-orbit{width:34px!important;height:34px!important;border-radius:12px!important}.mw-clock-copy{min-width:96px!important}.mw-clock-copy b{font-size:18px!important}.mw-clock-copy small{font-size:9px!important;margin-top:3px!important}.mw-day-status{display:none!important}
.mw-nav{max-width:1240px;margin:9px auto 0;justify-content:flex-start!important;gap:3px!important}.mw-nav a{border-radius:12px;padding:8px 10px!important;font-size:13px}.mw-nav a:hover{background:rgba(255,255,255,.14)}
@media(max-width:782px){.mw-top{padding:10px 12px!important;border-radius:0 0 22px 22px!important}.mw-header-row{gap:8px}.mw-logo-icon{width:44px!important;height:44px!important;border-radius:15px!important}.mw-brand-copy strong{font-size:17px}.mw-brand-copy small{display:none}.mw-header-actions{margin-inline-start:auto}.mw-morocco-clock{padding:6px 8px!important}.mw-clock-orbit{display:none!important}.mw-clock-copy{min-width:72px!important;text-align:center}.mw-clock-copy b{font-size:17px!important}.mw-clock-copy small{font-size:8px!important;max-width:90px;overflow:hidden;text-overflow:ellipsis}.mw-menu-toggle{display:flex!important;width:42px!important;height:42px!important;border-radius:14px!important}.mw-nav{margin:0!important}.mw-nav a{font-size:15px!important}.mw-logo{width:auto!important;max-width:none!important}.mw-logo div{display:block!important}}
@media(max-width:390px){.mw-brand-copy strong{font-size:15px}.mw-clock-copy small{display:none}.mw-clock-copy{min-width:58px!important}.mw-morocco-clock{padding:7px!important}}

/* v3.4: clean weather layout and geographic nearby-city cards */
.mw-weather-shell{width:min(1180px,calc(100% - 32px));margin:24px auto}.mw-weather-shell .mw-main{display:grid;gap:18px}.mw-nearby-section{background:linear-gradient(180deg,#fff,#f7fcfd);border:1px solid #dcecef;border-radius:26px;padding:24px;box-shadow:0 12px 35px rgba(0,75,95,.07)}.mw-nearby-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.mw-nearby-heading span{font-size:13px;font-weight:800;color:var(--mw-teal)}.mw-nearby-heading h2{margin:5px 0 0;font-size:25px;color:#123047}.mw-nearby-heading>a{padding:10px 14px;border-radius:13px;background:#eaf8fa;color:#087f99;font-weight:800;white-space:nowrap}.mw-nearby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mw-nearby-card{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #e0eef1;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(0,65,85,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mw-nearby-card:hover{transform:translateY(-2px);border-color:rgba(15,159,145,.38);box-shadow:0 12px 26px rgba(0,75,95,.10)}.mw-nearby-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#087f99;background:linear-gradient(135deg,rgba(15,159,145,.14),rgba(22,139,210,.14))}.mw-nearby-copy strong,.mw-nearby-copy small{display:block}.mw-nearby-copy strong{font-size:17px;color:#17364d}.mw-nearby-copy small{margin-top:3px;color:#748793}.mw-distance{padding:7px 9px;border-radius:10px;background:#f0f8f9;color:#197c87;font-size:12px;font-weight:900;white-space:nowrap}.mw-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mw-directory-card{grid-template-columns:46px minmax(0,1fr);position:relative;overflow:hidden}.mw-directory-card>b{grid-column:2;color:#168bd2}.mw-directory-card:after{content:"";position:absolute;inset-inline-end:-24px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:rgba(15,159,145,.055)}
html[data-mw-theme="night"] .mw-nearby-section,html[data-mw-theme="night"] .mw-nearby-card{background:rgba(10,31,45,.92);border-color:rgba(132,190,220,.14)}html[data-mw-theme="night"] .mw-nearby-heading h2,html[data-mw-theme="night"] .mw-nearby-copy strong{color:var(--mw-night-text)}html[data-mw-theme="night"] .mw-nearby-copy small{color:var(--mw-night-muted)}html[data-mw-theme="night"] .mw-distance,html[data-mw-theme="night"] .mw-nearby-heading>a{background:rgba(80,180,200,.12);color:#a9e8f2}
@media(max-width:900px){.mw-nearby-grid,.mw-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mw-weather-shell{width:100%;margin:0}.mw-weather-shell .mw-main{gap:10px}.mw-nearby-section{border-radius:0;padding:18px 14px}.mw-nearby-heading{align-items:center}.mw-nearby-heading h2{font-size:21px}.mw-nearby-heading>div>span{display:none}.mw-nearby-grid{grid-template-columns:1fr;gap:9px}.mw-nearby-card{padding:13px;border-radius:16px}.mw-directory-grid{grid-template-columns:1fr}.mw-directory-card{margin:0}.mw-seo-text{margin:0 12px}}

/* v3.5.0: definitive mobile viewport and card-layout repair */
html,body{max-width:100%;overflow-x:clip}
.mw-top{overflow:hidden!important}
.mw-header-row,.mw-weather-shell,.mw-main,.mw-card,.mw-section,.mw-hero,.mw-current,.mw-metrics,.mw-title-row,.mw-hourly,.mw-days,.mw-stat-grid,.mw-nearby-section{min-width:0;max-width:100%}

@media(max-width:600px){
  body{width:100%;overflow-x:hidden;background:#f3fbfb}
  .mw-top{width:100%;padding:9px 11px!important;border-radius:0 0 20px 20px!important}
  .mw-header-row{width:100%;gap:7px}
  .mw-logo{min-width:0;flex:1}
  .mw-logo-icon{width:42px!important;height:42px!important;flex:0 0 42px}
  .mw-brand-copy{min-width:0}
  .mw-brand-copy strong{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mw-header-actions{flex:0 0 auto;gap:7px}
  .mw-morocco-clock{flex:0 0 auto;min-width:64px!important;padding:7px 9px!important}
  .mw-clock-copy{min-width:54px!important}
  .mw-clock-copy b{font-size:16px!important;letter-spacing:0!important}
  .mw-clock-copy small{display:none!important}
  .mw-menu-toggle{width:40px!important;height:40px!important;flex:0 0 40px}

  .mw-weather-shell{width:100%!important;margin:0!important;padding:0!important}
  .mw-weather-shell .mw-main{display:block!important;width:100%!important}
  .mw-main>*{max-width:100%;min-width:0}
  .mw-card{width:100%!important;padding:15px 14px!important;border-radius:0!important;border-inline:0!important;margin:0!important}
  .mw-section{margin-top:10px!important}

  .mw-hero{padding:16px 14px 18px!important;overflow:hidden!important}
  .mw-hero:before{inset:0!important}
  .mw-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}
  .mw-hero-top span{max-width:48%;padding:7px 9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mw-hero h1{width:100%;justify-content:flex-start!important;text-align:right;font-size:22px!important;line-height:1.45;margin:18px 0 8px!important;overflow-wrap:anywhere}
  .mw-current{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-items:center;gap:8px!important;min-height:125px!important;width:100%}
  .mw-temp{font-size:70px!important;line-height:.95;justify-self:center}
  .mw-current>div:not(.mw-temp){min-width:0;text-align:center}
  .mw-current strong{font-size:19px!important;white-space:normal}
  .mw-current small{font-size:12px!important}
  .mw-small-icon{width:48px!important;height:48px!important}

  .mw-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%;margin-top:14px!important}
  .mw-metrics div{min-width:0;padding:12px 7px!important;border-radius:15px!important}
  .mw-metrics b{font-size:12px!important}
  .mw-metrics strong{font-size:15px!important;line-height:1.35;overflow-wrap:anywhere}

  .mw-title-row{width:100%;align-items:center;padding:0 1px}
  .mw-title-row h2{font-size:20px!important;line-height:1.35;margin:0!important}
  .mw-title-row span{font-size:12px!important;white-space:nowrap}

  .mw-hourly,.mw-days{
    display:grid!important;
    grid-auto-flow:column;
    grid-auto-columns:102px;
    gap:9px!important;
    width:100%;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 1px 12px!important;
    direction:ltr;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .mw-hour,.mw-day{width:102px!important;min-width:102px!important;max-width:102px!important;direction:rtl;scroll-snap-align:start;padding:11px 7px!important;border-radius:16px!important}
  .mw-day b{display:block;font-size:14px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  .mw-day small{font-size:10px!important;min-height:27px}
  .mw-hour strong,.mw-day strong{font-size:21px!important}

  .mw-stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px;margin-top:10px!important}
  .mw-stat{min-width:0;padding:14px 7px!important;border-radius:16px!important;font-size:14px;overflow-wrap:anywhere}
  .mw-stat strong{font-size:23px!important;line-height:1.3}

  .mw-nearby-section{margin-top:10px;border-radius:0!important;border-inline:0!important;padding:18px 12px!important}
  .mw-nearby-heading{gap:10px;margin-bottom:14px}
  .mw-nearby-heading h2{font-size:20px!important;line-height:1.4}
  .mw-nearby-heading>a{padding:8px 10px;font-size:12px}
  .mw-nearby-card{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px;padding:12px!important}
  .mw-nearby-icon{width:42px;height:42px}
  .mw-nearby-copy{min-width:0}
  .mw-nearby-copy strong,.mw-nearby-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mw-distance{font-size:11px;padding:6px 8px}

  .mw-footer{width:100%;margin-top:10px!important;padding:17px 12px!important;font-size:14px;line-height:1.7}
}

@media(max-width:360px){
  .mw-brand-copy strong{font-size:14px!important}
  .mw-logo-icon{width:39px!important;height:39px!important;flex-basis:39px}
  .mw-morocco-clock{padding:6px 7px!important}
  .mw-clock-copy{min-width:50px!important}
  .mw-clock-copy b{font-size:15px!important}
  .mw-menu-toggle{width:38px!important;height:38px!important;flex-basis:38px}
  .mw-temp{font-size:62px!important}
  .mw-hourly,.mw-days{grid-auto-columns:94px}
  .mw-hour,.mw-day{width:94px!important;min-width:94px!important;max-width:94px!important}
}


/* v3.7.0 professional city search — local, storage-free, no external dependencies */
.mw-city-search-toggle,.mw-city-search-close,.mw-city-search-clear,.mw-directory-search-clear{appearance:none;border:0;font:inherit;cursor:pointer;color:inherit}
.mw-city-search-toggle{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 22px rgba(0,70,95,.12);transition:transform .2s ease,background .2s ease}
.mw-city-search-toggle:hover{background:rgba(255,255,255,.25);transform:translateY(-1px)}
.mw-city-search-toggle:focus-visible,.mw-city-search-close:focus-visible,.mw-city-search-clear:focus-visible,.mw-directory-search-clear:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:2px}
.mw-city-search-dialog[hidden]{display:none!important}.mw-city-search-dialog{position:fixed;inset:0;z-index:9999;display:grid;place-items:start center;padding:clamp(76px,11vh,120px) 16px 24px}
.mw-city-search-backdrop{position:absolute;inset:0;background:rgba(4,22,34,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mw-city-search-panel{position:relative;width:min(680px,100%);max-height:min(680px,calc(100vh - 110px));overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 28px 90px rgba(0,35,55,.32);padding:22px;animation:mwSearchIn .22s ease-out}
@keyframes mwSearchIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}
body.mw-city-search-open{overflow:hidden}
.mw-city-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.mw-city-search-head span{display:block;color:var(--mw-teal);font-size:13px;font-weight:900}.mw-city-search-head h2{margin:4px 0 0;font-size:26px}.mw-city-search-close{width:42px;height:42px;border-radius:14px;background:#edf8fa;display:grid;place-items:center;color:#24465a}
.mw-city-search-field,.mw-directory-search-field{display:flex;align-items:center;gap:11px;background:#f5fbfc;border:1px solid #d7eaed;border-radius:18px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.mw-city-search-field:focus-within,.mw-directory-search-field:focus-within{background:#fff;border-color:var(--mw-blue);box-shadow:0 0 0 4px rgba(24,169,230,.13)}
.mw-city-search-field>span,.mw-directory-search-field>span{width:24px;height:24px;display:grid;place-items:center;color:var(--mw-teal);flex:0 0 auto}.mw-city-search-field input,.mw-directory-search-field input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:16px 0!important;font:inherit;color:#102d40}.mw-city-search-field input::placeholder,.mw-directory-search-field input::placeholder{color:#81939e}
.mw-city-search-clear,.mw-directory-search-clear{width:34px;height:34px;border-radius:11px;background:#e4f2f4;display:grid;place-items:center;color:#54707e;flex:0 0 auto}.mw-city-search-clear[hidden],.mw-directory-search-clear[hidden]{display:none!important}
.mw-city-search-results{display:grid;gap:8px;overflow:auto;max-height:430px;margin-top:14px;padding:2px;overscroll-behavior:contain}.mw-city-search-result{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:17px;transition:.18s ease}.mw-city-search-result:hover,.mw-city-search-result.is-active{background:linear-gradient(135deg,rgba(25,184,165,.11),rgba(24,169,230,.11));border-color:rgba(24,169,230,.22);transform:translateX(-2px)}.mw-city-search-result strong,.mw-city-search-result small{display:block}.mw-city-search-result strong{font-size:17px}.mw-city-search-result small{color:#718493;margin-top:2px}.mw-city-search-result b{font-size:12px;color:var(--mw-blue);white-space:nowrap}.mw-city-search-pin{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(25,184,165,.15),rgba(24,169,230,.16));color:var(--mw-teal)}.mw-city-search-pin svg{width:21px;height:21px}.mw-city-search-empty{margin:18px 0 4px;text-align:center;color:#6d818d}
.mw-page-search{max-width:820px}.mw-directory-search-field{flex:1;min-width:0;background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(0,70,90,.15)}.mw-directory-search-field input{padding:17px 0!important}.mw-page-search>.mw-directory-search-field+span{margin:0}
html[data-mw-theme="night"] .mw-city-search-panel{background:rgba(9,30,44,.97);border-color:rgba(132,190,220,.15);color:var(--mw-night-text)}html[data-mw-theme="night"] .mw-city-search-close,html[data-mw-theme="night"] .mw-city-search-clear{background:#15394e;color:#dff4ff}html[data-mw-theme="night"] .mw-city-search-field{background:#102d40;border-color:rgba(132,190,220,.2)}html[data-mw-theme="night"] .mw-city-search-field input{color:#eaf7ff}html[data-mw-theme="night"] .mw-city-search-result:hover,html[data-mw-theme="night"] .mw-city-search-result.is-active{background:rgba(70,160,200,.12);border-color:rgba(132,190,220,.2)}
@media(max-width:700px){.mw-city-search-dialog{padding:0;place-items:end center}.mw-city-search-panel{width:100%;max-height:88dvh;border-radius:28px 28px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));animation:mwSearchMobileIn .24s ease-out}.mw-city-search-results{max-height:55dvh}.mw-city-search-head h2{font-size:22px}.mw-city-search-result{grid-template-columns:42px minmax(0,1fr) auto;padding:11px 8px}.mw-city-search-pin{width:40px;height:40px;border-radius:13px}.mw-city-search-toggle{width:44px;height:44px;border-radius:14px}.mw-page-search{display:flex;flex-wrap:wrap}.mw-directory-search-field{width:100%;flex-basis:100%}.mw-page-search>.mw-directory-search-field+span{margin-top:10px}}
@keyframes mwSearchMobileIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mw-city-search-panel,.mw-city-search-result,.mw-city-search-toggle{animation:none!important;transition:none!important}}