/* =========================================================
   MZ News Radar - Next Full Improvements Patch
   واجهة أبسط + أريح للعين + تحسين الكروت والهيدر والموبايل
   ========================================================= */

:root{
  --mz-bg:#06111f;
  --mz-bg-2:#08243a;
  --mz-card:#0d2138;
  --mz-card-2:#102943;
  --mz-line:rgba(143,220,255,.16);
  --mz-line-strong:rgba(31,180,255,.34);
  --mz-text:#eef7ff;
  --mz-muted:#9bc7df;
  --mz-blue:#1baaff;
  --mz-blue2:#246bff;
  --mz-cyan:#19d4ff;
  --mz-red:#ef4444;
  --mz-gold:#ffd36a;
  --mz-radius:24px;
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 86% 2%, rgba(31,157,255,.16), transparent 34%),
    radial-gradient(circle at 12% 38%, rgba(25,212,255,.08), transparent 28%),
    linear-gradient(180deg,var(--mz-bg) 0%,var(--mz-bg-2) 48%,var(--mz-bg) 100%) !important;
  color:var(--mz-text)!important;
}

/* Header */
.topbar{
  background:rgba(5,13,25,.94)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--mz-line)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.20);
  position:sticky!important;
  top:0!important;
  z-index:100!important;
}
.topbar-inner{
  max-width:1500px!important;
  margin:auto!important;
  padding:16px 24px!important;
  gap:16px!important;
}
.brand,.mz-brand-link{
  min-width:250px!important;
  align-items:center!important;
}
.brand-mark,.logo-box,.mz-old-logo{
  border-radius:18px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 34px rgba(27,170,255,.24)!important;
}
.mz-brand-text strong,.brand strong{
  font-size:32px!important;
  line-height:1.05!important;
  letter-spacing:-.5px;
}
.mz-brand-text small,.brand small{
  color:#8fdcff!important;
  font-size:14px!important;
  margin-top:5px!important;
}

/* Navigation */
.main-nav{
  gap:10px!important;
  flex-wrap:wrap!important;
}
.main-nav a,
.topbar a:not(.brand):not(.mz-brand-link),
.menu-toggle{
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#f4fbff!important;
  padding:12px 18px!important;
  border-radius:18px!important;
  font-weight:900!important;
  transition:.18s ease!important;
}
.main-nav a:hover,
.topbar a:not(.brand):not(.mz-brand-link):hover,
.menu-toggle:hover{
  background:linear-gradient(135deg,var(--mz-blue),var(--mz-blue2))!important;
  transform:translateY(-1px);
}

/* Metrics */
.market-strip,.stats-strip,.market-cards,.ticker-metrics,.metrics{
  max-width:1500px!important;
  margin:18px auto 10px!important;
  gap:10px!important;
}
.market-strip > *,
.market-card,
.metric-card,
.stats .stat,
.stat{
  border-radius:20px!important;
  border:1px solid var(--mz-line)!important;
  background:linear-gradient(180deg,rgba(17,52,84,.86),rgba(10,31,52,.86))!important;
  box-shadow:none!important;
}

/* Breaking ticker */
.breaking,.ticker,.news-ticker{
  max-width:1500px!important;
  margin:10px auto 16px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  border:1px solid var(--mz-line)!important;
  background:rgba(6,17,31,.78)!important;
  min-height:54px;
}
.breaking strong,.ticker strong,.news-ticker strong,.ticker-label{
  background:#ef4444!important;
  padding:14px 24px!important;
  border-radius:18px 0 0 18px!important;
  color:#fff!important;
}
.ticker span,.news-ticker span,.breaking span,.ticker-content{
  display:inline-block;
  white-space:nowrap;
  animation:mzTickerMove 35s linear infinite;
}
@keyframes mzTickerMove{
  from{transform:translateX(-15%)}
  to{transform:translateX(100%)}
}

/* Hero */
.hero,.home-hero,.featured-news,.lead-story,.mz-hero{
  max-width:1500px!important;
  margin:18px auto!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid var(--mz-line)!important;
  min-height:360px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24)!important;
}
.hero img,.home-hero img,.featured-news img,.lead-story img,.mz-hero img{
  object-fit:cover!important;
  filter:brightness(.72) saturate(1.04)!important;
}
.hero h1,.home-hero h1,.featured-news h1,.lead-story h1,.mz-hero h1{
  font-size:clamp(30px,4vw,56px)!important;
  line-height:1.32!important;
  text-shadow:0 5px 20px rgba(0,0,0,.45);
}
.hero p,.home-hero p,.featured-news p,.lead-story p,.mz-hero p{
  color:#d7ecff!important;
  font-size:clamp(16px,1.55vw,22px)!important;
  line-height:1.9!important;
}

/* Search/filter */
.filters,.search-panel,.filter-panel{
  max-width:1500px!important;
  margin:18px auto!important;
  background:rgba(13,33,56,.88)!important;
  border:1px solid var(--mz-line)!important;
  border-radius:24px!important;
  padding:16px!important;
}
.filters input,.filters select,.search-panel input,.search-panel select,.filter-panel input,.filter-panel select{
  background:#07111f!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;
  border-radius:17px!important;
  min-height:54px!important;
}
.filters button,.search-panel button,.btn.primary,.filter-panel button{
  background:linear-gradient(135deg,var(--mz-blue),var(--mz-blue2))!important;
  border:0!important;
  border-radius:17px!important;
  color:#fff!important;
  font-weight:900!important;
}

/* News grid/cards */
.grid,.news-grid,.cards-grid{
  max-width:1500px!important;
  margin:18px auto!important;
  gap:22px!important;
}
.card,.news-card,article.card{
  background:linear-gradient(180deg,rgba(16,41,67,.96),rgba(9,27,46,.96))!important;
  border:1px solid var(--mz-line)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 18px 55px rgba(0,0,0,.20)!important;
  transition:.18s ease!important;
}
.card:hover,.news-card:hover,article.card:hover{
  transform:translateY(-3px);
  border-color:var(--mz-line-strong)!important;
}
.card h2,.news-card h2,article.card h2{
  font-size:clamp(22px,1.7vw,30px)!important;
  line-height:1.35!important;
}
.card p,.news-card p,article.card p{
  color:#b9d7eb!important;
  line-height:1.9!important;
}
.thumb,.card .thumb{
  min-height:230px!important;
  background:#07111f!important;
}
.thumb span{
  background-image:url('../images/brand/mz_news_logo.png')!important;
  background-size:cover!important;
  background-position:center!important;
  color:transparent!important;
  font-size:0!important;
}

/* Sidebar */
.sidebar,.side-panel,.most-read,.follow-panel{
  background:rgba(13,33,56,.82)!important;
  border:1px solid var(--mz-line)!important;
  border-radius:24px!important;
}
.sidebar a,.most-read a{
  color:#eef7ff!important;
}

/* Matches page */
.matches-page,.matches-shell{
  max-width:1500px;
  margin:20px auto;
}
.matches-toolbar,.matches-note{
  background:rgba(13,33,56,.88);
  border:1px solid var(--mz-line);
  border-radius:24px;
  padding:18px;
  margin-bottom:18px;
}
.match-section-title{
  font-size:30px;
  margin:26px 0 14px;
  color:#fff;
}
.match-card{
  background:linear-gradient(180deg,rgba(16,41,67,.96),rgba(9,27,46,.96));
  border:1px solid var(--mz-line);
  border-radius:22px;
  padding:18px;
  margin-bottom:14px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
}
.match-team{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:22px;
  font-weight:900;
}
.match-team.away{justify-content:flex-start}
.match-logo{
  width:42px;height:42px;border-radius:50%;background:#0a1728;object-fit:cover;border:1px solid var(--mz-line);
}
.match-center{
  text-align:center;
  min-width:180px;
}
.match-time{
  font-size:26px;
  font-weight:900;
  color:#fff;
}
.match-status{
  color:#8fdcff;
  font-weight:900;
  font-size:13px;
}
.match-meta{
  margin-top:8px;
  color:var(--mz-muted);
  font-size:14px;
}
.match-priority{
  background:rgba(255,211,106,.12);
  color:#ffd36a;
  border:1px solid rgba(255,211,106,.22);
  padding:5px 9px;
  border-radius:999px;
  display:inline-block;
  font-size:12px;
  margin-top:6px;
}

/* Admin stable backup */
.admin-stable-card{
  background:linear-gradient(180deg,#102943,#091b2e);
  border:1px solid var(--mz-line);
  border-radius:24px;
  padding:22px;
  margin:18px 0;
}
.admin-stable-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.admin-stable-actions a,.admin-stable-actions button{
  background:linear-gradient(135deg,var(--mz-blue),var(--mz-blue2));
  color:#fff;
  border:0;
  border-radius:14px;
  padding:11px 16px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}

/* Clean noisy notes */
.storage-banner,.debug-note,.admin-note,.install-warning{
  display:none!important;
}

/* Mobile */
@media(max-width:900px){
  .topbar-inner{
    padding:12px 14px!important;
    align-items:flex-start!important;
  }
  .brand,.mz-brand-link{min-width:auto!important}
  .mz-brand-text strong,.brand strong{font-size:25px!important}
  .main-nav{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    padding-bottom:6px!important;
  }
  .main-nav a{white-space:nowrap!important;padding:11px 15px!important}
  .hero,.home-hero,.featured-news,.lead-story,.mz-hero{
    min-height:280px!important;
    margin:12px!important;
    border-radius:22px!important;
  }
  .filters,.search-panel,.filter-panel,.grid,.news-grid,.cards-grid,.matches-page,.matches-shell{
    margin:12px!important;
  }
  .grid,.news-grid,.cards-grid{grid-template-columns:1fr!important}
  .thumb,.card .thumb{min-height:210px!important}
  .match-card{
    grid-template-columns:1fr;
    text-align:center;
  }
  .match-team,.match-team.away{
    justify-content:center;
  }
}