:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --card-2:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --brand:#0b7a3b;
  --brand-2:#09365e;
  --brand-soft:#eff6ff;
  --success:#16a34a;
  --warn:#f59e0b;
  --neutral:#6b7280;
  --radius:18px;
  --shadow:0 10px 30px rgba(15,23,42,.05);
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

body.results-body{
  background:var(--bg);
  color:var(--text);
}

.results-shell{
  padding:14px 0 26px;
  max-width:100%;
  overflow-x:hidden;
}

.results-wrap{
  max-width:1140px;
  margin:0 auto;
  padding:0 14px;
  overflow-x:hidden;
}

.hero-card,
.panel,
.ad-banner{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px;
  margin-bottom:18px;
  box-shadow:var(--shadow);
}

.hero-card.hero-surface{
  background:linear-gradient(180deg,#fff 0%, #fcfdff 100%);
}

.search-card{
  width:100%;
  max-width:100%;
}

.search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.search-head label{
  display:block;
  font-weight:800;
  margin:0 !important;
  font-size:17px;
}

.search-head.is-rtl{
  direction:rtl;
  justify-content:flex-end;
  text-align:right;
}

.search-head.is-ltr{
  direction:ltr;
  justify-content:flex-start;
  text-align:left;
}

.search-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
  max-width:100%;
}

.search-row input{
  flex:1 1 0%;
  min-width:240px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  font-size:16px;
  background:#fff;
  color:var(--text);
}

.search-row input::placeholder{
  color:var(--muted);
}

.search-row button,
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 16px;
  border:none;
  border-radius:14px;
  background:var(--brand-2);
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  font-weight:700;
}

.btn{
  background:#edf2f7;
  color:var(--text);
}

.btn:hover,
.search-row button:hover{
  opacity:.96;
}

.btn-primary{
  background:var(--brand-2) !important;
  color:#fff !important;
}

.mini-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
  width:100%;
  max-width:100%;
}

.stats-grid,
.result-grid,
.series-grid,
.content-grid{
  display:grid;
  gap:14px;
  width:100%;
  max-width:100%;
}

.stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:18px;
}

.stat-box{
  background:var(--card-2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  min-width:0;
}

.stat-box span{
  display:block;
  color:var(--muted);
  margin-bottom:8px;
  font-size:14px;
}

.stat-box strong{
  font-size:24px;
  line-height:1.2;
}

.content-grid{
  grid-template-columns:1.15fr .85fr;
}

.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.panel-head h2{
  margin:0;
  font-size:22px;
}

.panel-head a{
  text-decoration:none;
  font-weight:800;
  color:var(--brand-2);
}

.list-table{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.row-item{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--card-2);
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px;
  text-decoration:none;
  color:inherit;
  transition:transform .15s ease, box-shadow .15s ease;
  min-width:0;
}

.row-item:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}

.rank{
  min-width:40px;
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-2);
  color:#fff;
  font-weight:800;
  flex-shrink:0;
}

.main{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.main strong{
  line-height:1.5;
  overflow-wrap:anywhere;
}

.main span{
  color:var(--muted);
  font-size:14px;
  overflow-wrap:anywhere;
}

.avg{
  font-weight:800;
  font-size:20px;
  color:var(--brand);
  flex-shrink:0;
}

.series-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.series-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px;
  border-radius:16px;
  background:var(--card-2);
  border:1px solid var(--line);
  text-decoration:none;
  color:inherit;
  transition:transform .15s ease;
  min-width:0;
}

.series-card:hover{
  transform:translateY(-1px);
}

.series-card strong{
  font-size:22px;
  color:var(--brand-2);
}

.ad-banner{
  border-style:dashed;
  background:#fffdf8;
}

.ad-badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#fff7ed;
  color:#9a3412;
  font-size:12px;
  margin-bottom:8px;
  font-weight:800;
}

.ad-text{
  font-size:17px;
  line-height:1.8;
  margin-bottom:8px;
  color:var(--text);
}

.ad-banner a{
  font-weight:800;
  color:var(--brand-2);
  text-decoration:none;
}

.results-footer{
  text-align:center;
  padding:14px 0 8px;
}

.results-footer a{
  text-decoration:none;
  color:var(--brand-2);
  font-weight:800;
}

.results-shell[dir="rtl"],
.results-shell[dir="rtl"] *{
  direction:rtl;
}

.results-shell[dir="ltr"],
.results-shell[dir="ltr"] *{
  direction:ltr;
}

.results-lang-ar .results-shell,
.results-lang-ar .results-wrap,
.results-lang-ar .hero-card,
.results-lang-ar .panel,
.results-lang-ar .series-card,
.results-lang-ar .row-item,
.results-lang-ar .stat-box,
.results-lang-ar .search-card,
.results-lang-ar .ad-banner{
  text-align:right;
}

.results-lang-fr .results-shell,
.results-lang-fr .results-wrap,
.results-lang-fr .hero-card,
.results-lang-fr .panel,
.results-lang-fr .series-card,
.results-lang-fr .row-item,
.results-lang-fr .stat-box,
.results-lang-fr .search-card,
.results-lang-fr .ad-banner{
  text-align:left;
}

.results-lang-ar .search-row,
.results-lang-ar .stats-grid,
.results-lang-ar .content-grid,
.results-lang-ar .series-grid,
.results-lang-ar .row-item{
  direction:rtl;
}

.results-lang-fr .search-row,
.results-lang-fr .stats-grid,
.results-lang-fr .content-grid,
.results-lang-fr .series-grid,
.results-lang-fr .row-item{
  direction:ltr;
}

.results-lang-ar input,
.results-lang-ar textarea,
.results-lang-ar select{
  text-align:right;
}

.results-lang-fr input,
.results-lang-fr textarea,
.results-lang-fr select{
  text-align:left;
}

body.dark-mode.results-body,
body.dark-theme.results-body,
body.dark-mode.albargh-results-page,
body.dark-theme.albargh-results-page,
html[data-theme="dark"] body.results-body,
html[data-theme="dark"] body.albargh-results-page,
html.dark-theme body.results-body,
html.dark-theme body.albargh-results-page,
html.dark-mode body.results-body,
html.dark-mode body.albargh-results-page{
  --bg:#0b1220;
  --card:#111827;
  --card-2:#0f172a;
  --text:#f8fafc;
  --muted:#94a3b8;
  --line:#243042;
  --brand:#22c55e;
  --brand-2:#60a5fa;
  --brand-soft:#0f1a2d;
  --shadow:none;
}

@media print{
  .results-footer,
  .ad-banner{
    display:none !important;
  }

  .results-shell{
    padding:0;
  }

  .hero-card,
  .panel{
    box-shadow:none;
    border-color:#ddd;
  }
}

@media (max-width:900px){
  .content-grid{
    grid-template-columns:1fr;
  }

  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .series-grid,
  .result-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .search-row{
    flex-direction:column;
  }

  .search-row input,
  .search-row button,
  .btn{
    width:100%;
    min-width:0;
  }

  .row-item{
    align-items:flex-start;
  }
}
/* ===== Sponsor Winner Bar ===== */

.success-sponsor-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:16px 18px;
margin:18px 0;
border-radius:18px;
background:linear-gradient(135deg,#f8fffa,#eefaf2);
border:1px solid #dcefe1;
animation:fadeInUp .8s ease;
}

.success-sponsor-copy{
flex:1;
}

.success-sponsor-copy span{
display:block;
font-size:15px;
color:#64748b;
margin-bottom:6px;
}

.success-sponsor-copy strong{
display:block;
font-size:28px;
font-weight:900;
color:#15803d;
line-height:1.2;
}

.success-sponsor-logo{
width:90px;
min-width:90px;
text-align:center;
}

.success-sponsor-logo img{
max-width:100%;
max-height:78px;
object-fit:contain;
display:block;
margin:auto;
}

/* العربية */
.success-sponsor-card.is-ar{
direction:rtl;
}

/* الفرنسية */
.success-sponsor-card.is-fr{
direction:ltr;
}

@media(max-width:768px){

.success-sponsor-card{
padding:14px;
gap:12px;
}

.success-sponsor-copy strong{
font-size:22px;
}

.success-sponsor-logo{
width:72px;
min-width:72px;
}

.success-sponsor-logo img{
max-height:62px;
}

}

.dark-theme .success-sponsor-card,
.dark-mode .success-sponsor-card{
background:linear-gradient(135deg,#0f172a,#111827);
border:1px solid rgba(255,255,255,.08);
}

.dark-theme .success-sponsor-copy span,
.dark-mode .success-sponsor-copy span{
color:#94a3b8;
}

.dark-theme .success-sponsor-copy strong,
.dark-mode .success-sponsor-copy strong{
color:#4ade80;
}
/* ===== Winner Sponsor Hero ===== */

.success-sponsor-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
padding:22px;
margin:22px 0;
border-radius:24px;
background:linear-gradient(135deg,#ffffff,#f8fafc);
border:1px solid #e5e7eb;
}

.success-sponsor-hero.is-ar{
direction:rtl;
text-align:right;
}

.success-sponsor-hero.is-fr{
direction:ltr;
text-align:left;
}

.sponsor-logo-side{
width:130px;
min-width:130px;
display:flex;
justify-content:center;
align-items:center;
}

.sponsor-logo-side img{
max-width:100%;
max-height:120px;
object-fit:contain;
}

.sponsor-copy-side{
flex:1;
}

.sponsor-copy-side small{
display:block;
font-size:15px;
color:#64748b;
margin-bottom:6px;
}

.sponsor-copy-side strong{
display:block;
font-size:28px;
font-weight:900;
color:#15803d;
margin-bottom:14px;
}

.sponsor-copy-side h2{
font-size:52px;
line-height:1.1;
font-weight:900;
margin:0 0 6px;
color:#1e3a5f;
}

.sponsor-copy-side p{
font-size:18px;
margin:0;
color:#64748b;
}

/* الهاتف */

@media(max-width:768px){

.success-sponsor-hero{
padding:16px;
gap:14px;
}

.sponsor-logo-side{
width:90px;
min-width:90px;
}

.sponsor-logo-side img{
max-height:82px;
}

.sponsor-copy-side strong{
font-size:20px;
margin-bottom:10px;
}

.sponsor-copy-side h2{
font-size:34px;
}

.sponsor-copy-side p{
font-size:16px;
}

}

/* الوضع الليلي */

.dark-theme .success-sponsor-hero,
.dark-mode .success-sponsor-hero{
background:linear-gradient(135deg,#0f172a,#111827);
border:1px solid rgba(255,255,255,.08);
}

.dark-theme .sponsor-copy-side small,
.dark-mode .sponsor-copy-side small{
color:#94a3b8;
}

.dark-theme .sponsor-copy-side strong,
.dark-mode .sponsor-copy-side strong{
color:#4ade80;
}

.dark-theme .sponsor-copy-side h2,
.dark-mode .sponsor-copy-side h2{
color:#f8fafc;
}

.dark-theme .sponsor-copy-side p,
.dark-mode .sponsor-copy-side p{
color:#cbd5e1;
}
/* ===== Winner Sponsor Hero - Final ===== */

.success-sponsor-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px;
  margin:22px 0;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid #e5e7eb;
  animation:sponsorFadeIn .8s ease both;
}

.success-sponsor-hero.is-ar{
  direction:rtl;
  text-align:right;
}

.success-sponsor-hero.is-fr{
  direction:ltr;
  text-align:left;
}

.success-sponsor-hero.is-ar .sponsor-logo-side{
  order:1;
}

.success-sponsor-hero.is-ar .sponsor-copy-side{
  order:2;
}

.success-sponsor-hero.is-fr .sponsor-copy-side{
  order:1;
}

.success-sponsor-hero.is-fr .sponsor-logo-side{
  order:2;
}

.sponsor-logo-side{
  width:140px;
  min-width:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.sponsor-logo-side img{
  display:block;
  max-width:100%;
  max-height:130px;
  object-fit:contain;
}

.sponsor-copy-side{
  flex:1;
  min-width:0;
}

.sponsor-copy-side small{
  display:block;
  font-size:16px;
  color:#64748b;
  margin-bottom:8px;
  line-height:1.6;
}

.sponsor-copy-side .inline-sponsor{
  display:inline;
  font-size:inherit;
  color:#15803d;
  font-weight:900;
}

.sponsor-copy-side h2{
  font-size:54px;
  line-height:1.1;
  font-weight:900;
  margin:0 0 8px;
  color:#1e3a5f;
  overflow-wrap:anywhere;
}

.sponsor-copy-side p{
  font-size:20px;
  margin:0;
  color:#64748b;
  overflow-wrap:anywhere;
}

.success-celebration-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
  padding:14px 16px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid var(--line);
}

.success-celebration-bar img{
  max-width:160px;
  max-height:60px;
  object-fit:contain;
}

.success-celebration-bar div{
  flex:1;
}

.success-celebration-bar span{
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-bottom:4px;
}

.success-celebration-bar strong{
  color:var(--brand);
  font-size:18px;
  font-weight:900;
}

.celebrate-again{
  background:#0b5cab !important;
  color:#fff !important;
}

@keyframes sponsorFadeIn{
  from{
    opacity:0;
    transform:translateY(12px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* Dark mode */
body.dark-mode .success-sponsor-hero,
body.dark-theme .success-sponsor-hero,
html.dark-mode body .success-sponsor-hero,
html.dark-theme body .success-sponsor-hero,
html[data-theme="dark"] body .success-sponsor-hero{
  background:linear-gradient(135deg,#0f172a,#111827) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

body.dark-mode .sponsor-copy-side small,
body.dark-theme .sponsor-copy-side small,
html.dark-mode body .sponsor-copy-side small,
html.dark-theme body .sponsor-copy-side small,
html[data-theme="dark"] body .sponsor-copy-side small{
  color:#94a3b8 !important;
}

body.dark-mode .sponsor-copy-side .inline-sponsor,
body.dark-theme .sponsor-copy-side .inline-sponsor,
html.dark-mode body .sponsor-copy-side .inline-sponsor,
html.dark-theme body .sponsor-copy-side .inline-sponsor,
html[data-theme="dark"] body .sponsor-copy-side .inline-sponsor{
  color:#4ade80 !important;
}

body.dark-mode .sponsor-copy-side h2,
body.dark-theme .sponsor-copy-side h2,
html.dark-mode body .sponsor-copy-side h2,
html.dark-theme body .sponsor-copy-side h2,
html[data-theme="dark"] body .sponsor-copy-side h2{
  color:#f8fafc !important;
}

body.dark-mode .sponsor-copy-side p,
body.dark-theme .sponsor-copy-side p,
html.dark-mode body .sponsor-copy-side p,
html.dark-theme body .sponsor-copy-side p,
html[data-theme="dark"] body .sponsor-copy-side p{
  color:#cbd5e1 !important;
}

body.dark-mode .success-celebration-bar,
body.dark-theme .success-celebration-bar,
html.dark-mode body .success-celebration-bar,
html.dark-theme body .success-celebration-bar,
html[data-theme="dark"] body .success-celebration-bar{
  background:#0b1328 !important;
  border-color:rgba(255,255,255,.10) !important;
}

/* Mobile */
@media(max-width:768px){
  .success-sponsor-hero{
    gap:14px;
    padding:16px;
  }

  .sponsor-logo-side{
    width:88px;
    min-width:88px;
  }

  .sponsor-logo-side img{
    max-height:82px;
  }

  .sponsor-copy-side small{
    font-size:14px;
    margin-bottom:6px;
  }

  .sponsor-copy-side h2{
    font-size:32px;
  }

  .sponsor-copy-side p{
    font-size:16px;
  }

  .success-celebration-bar{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .success-celebration-bar img{
    max-width:150px;
  }
}

@media(max-width:420px){
  .success-sponsor-hero{
    gap:10px;
    padding:14px;
  }

  .sponsor-logo-side{
    width:72px;
    min-width:72px;
  }

  .sponsor-logo-side img{
    max-height:68px;
  }

  .sponsor-copy-side h2{
    font-size:26px;
  }

  .sponsor-copy-side p{
    font-size:14px;
  }
}
/* ===== إصلاح نهائي لموضع شعار نجوم موريتانيا ===== */

.success-sponsor-hero{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    width:100% !important;
}

/* العربية */
.success-sponsor-hero.is-ar{
    flex-direction:row-reverse !important;   /* الشعار يمين */
    text-align:right !important;
}

/* الفرنسية */
.success-sponsor-hero.is-fr{
    flex-direction:row !important;           /* الشعار يسار النص */
    text-align:left !important;
}

/* صندوق الشعار */
.sponsor-logo-side{
    flex:0 0 115px !important;
    width:115px !important;
    min-width:115px !important;
    max-width:115px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

/* صورة الشعار */
.sponsor-logo-side img{
    width:100% !important;
    max-width:105px !important;
    height:auto !important;
    max-height:105px !important;
    object-fit:contain !important;
    display:block !important;
}

/* صندوق النص */
.sponsor-copy-side{
    flex:1 1 auto !important;
    min-width:0 !important;
}

/* الاسم الرئيسي */
.sponsor-copy-side h2{
    margin:6px 0 !important;
    font-size:52px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
}

/* الاسم اللاتيني */
.sponsor-copy-side p{
    margin:0 !important;
    font-size:18px !important;
    opacity:.85;
}

/* الهاتف */
@media(max-width:768px){

    .success-sponsor-hero{
        gap:12px !important;
    }

    .sponsor-logo-side{
        flex:0 0 78px !important;
        width:78px !important;
        min-width:78px !important;
        max-width:78px !important;
    }

    .sponsor-logo-side img{
        max-width:72px !important;
        max-height:72px !important;
    }

    .sponsor-copy-side h2{
        font-size:28px !important;
        line-height:1.15 !important;
    }

    .sponsor-copy-side p{
        font-size:14px !important;
    }

    .sponsor-copy-side small{
        font-size:13px !important;
    }
}
/* ===== Winner Sponsor Inline - Hard Fix ===== */

.winner-sponsor-inline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  width:100% !important;
}

.winner-sponsor-inline.is-ar{
  direction:rtl !important;
  text-align:right !important;
}

.winner-sponsor-inline.is-fr{
  direction:ltr !important;
  text-align:left !important;
}

.winner-sponsor-logo{
  flex:0 0 120px !important;
  width:120px !important;
  min-width:120px !important;
  max-width:120px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.winner-sponsor-logo img{
  display:block !important;
  width:100% !important;
  max-width:110px !important;
  height:auto !important;
  max-height:110px !important;
  object-fit:contain !important;
}

.winner-sponsor-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.winner-sponsor-inline.is-ar .winner-sponsor-copy{
  text-align:right !important;
}

.winner-sponsor-inline.is-fr .winner-sponsor-copy{
  text-align:left !important;
}

@media(max-width:768px){
  .winner-sponsor-inline{
    gap:12px !important;
  }

  .winner-sponsor-logo{
    flex:0 0 78px !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
  }

  .winner-sponsor-logo img{
    max-width:72px !important;
    max-height:72px !important;
  }
}

@media(max-width:420px){
  .winner-sponsor-logo{
    flex:0 0 64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }

  .winner-sponsor-logo img{
    max-width:60px !important;
    max-height:60px !important;
  }
}
/* =========================
   Dark mode: force search input + search area
========================= */

body.dark-mode .search-card,
body.dark-theme .search-card,
html.dark-mode body .search-card,
html.dark-theme body .search-card,
html[data-theme="dark"] body .search-card{
  background: transparent !important;
  color: #f8fafc !important;
}

body.dark-mode .search-row input,
body.dark-theme .search-row input,
html.dark-mode body .search-row input,
html.dark-theme body .search-row input,
html[data-theme="dark"] body .search-row input{
  background: #0f172a !important;
  background-image: none !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body.dark-mode .search-row input::placeholder,
body.dark-theme .search-row input::placeholder,
html.dark-mode body .search-row input::placeholder,
html.dark-theme body .search-row input::placeholder,
html[data-theme="dark"] body .search-row input::placeholder{
  color: #94a3b8 !important;
  opacity: 1 !important;
}

body.dark-mode .search-row input:focus,
body.dark-theme .search-row input:focus,
html.dark-mode body .search-row input:focus,
html.dark-theme body .search-row input:focus,
html[data-theme="dark"] body .search-row input:focus{
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #60a5fa !important;
  outline: none !important;
}
/* ===== Sponsor Ribbon - unified horizontal card ===== */

.sponsor-ribbon{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  margin-top:18px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#f8fafc,#ffffff) !important;
  border:1px solid var(--line) !important;
}

.sponsor-ribbon.is-ar{
  direction:rtl !important;
  text-align:right !important;
}

.sponsor-ribbon.is-fr{
  direction:ltr !important;
  text-align:left !important;
}

.sponsor-ribbon img{
  flex:0 0 auto !important;
  max-width:130px !important;
  max-height:54px !important;
  object-fit:contain !important;
  display:block !important;
}

.sponsor-ribbon div{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.sponsor-ribbon span{
  display:block !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:800 !important;
  margin-bottom:4px !important;
}

.sponsor-ribbon strong{
  display:block !important;
  color:#15803d !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}

/* Dark mode */
body.dark-mode .sponsor-ribbon,
body.dark-theme .sponsor-ribbon,
html.dark-mode body .sponsor-ribbon,
html.dark-theme body .sponsor-ribbon,
html[data-theme="dark"] body .sponsor-ribbon{
  background:#0b1328 !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.dark-mode .sponsor-ribbon span,
body.dark-theme .sponsor-ribbon span,
html.dark-mode body .sponsor-ribbon span,
html.dark-theme body .sponsor-ribbon span,
html[data-theme="dark"] body .sponsor-ribbon span{
  color:#94a3b8 !important;
}

body.dark-mode .sponsor-ribbon strong,
body.dark-theme .sponsor-ribbon strong,
html.dark-mode body .sponsor-ribbon strong,
html.dark-theme body .sponsor-ribbon strong,
html[data-theme="dark"] body .sponsor-ribbon strong{
  color:#4ade80 !important;
}

/* Mobile */
@media(max-width:768px){
  .sponsor-ribbon{
    gap:10px !important;
    padding:12px !important;
  }

  .sponsor-ribbon img{
    max-width:100px !important;
    max-height:46px !important;
  }

  .sponsor-ribbon span{
    font-size:12px !important;
  }

  .sponsor-ribbon strong{
    font-size:15px !important;
  }
}

@media(max-width:420px){
  .sponsor-ribbon img{
    max-width:84px !important;
    max-height:40px !important;
  }

  .sponsor-ribbon strong{
    font-size:14px !important;
  }
}
/* =====================================================
   FINAL FIX - Results header + sponsor ribbon
===================================================== */

/* الهيدر العلوي */
.results-page-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  width:100% !important;
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  padding:14px 16px !important;
  margin:8px 0 18px !important;
  box-shadow:var(--shadow) !important;
}

.results-page-top.is-ar{
  direction:rtl !important;
}

.results-page-top.is-fr{
  direction:ltr !important;
}

.results-page-title{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  text-decoration:none !important;
  border:0 !important;
  background:none !important;
}

.results-page-top.is-ar .results-page-title{
  text-align:right !important;
}

.results-page-top.is-fr .results-page-title{
  text-align:left !important;
}

.results-page-title strong{
  display:block !important;
  color:var(--brand-2) !important;
  font-weight:900 !important;
  font-size:clamp(20px,2.2vw,32px) !important;
  line-height:1.15 !important;
  text-decoration:none !important;
}

.results-page-title span{
  display:block !important;
  color:#64748b !important;
  font-weight:800 !important;
  font-size:clamp(13px,1.3vw,18px) !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-decoration:none !important;
  max-width:100% !important;
}

/* أزرار اللغة والمشاركة */
.results-page-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
}

.results-page-actions a,
.results-page-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  color:var(--text) !important;
  text-decoration:none !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  line-height:1.2 !important;
}

.results-page-actions a.active{
  background:var(--brand-2) !important;
  color:#fff !important;
  border-color:var(--brand-2) !important;
}

.results-page-actions button{
  background:#eef6ff !important;
  color:var(--brand-2) !important;
}

/* بطاقة الرعاية أسفل النتيجة */
.sponsor-ribbon,
.sponsor-open-ribbon{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  width:100% !important;
  margin-top:18px !important;
  padding:16px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#f8fafc,#ffffff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}

.sponsor-ribbon.is-ar,
.sponsor-open-ribbon.is-ar{
  direction:rtl !important;
  text-align:right !important;
}

.sponsor-ribbon.is-fr,
.sponsor-open-ribbon.is-fr{
  direction:ltr !important;
  text-align:left !important;
}

.sponsor-ribbon-icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:16px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:25px !important;
  flex:0 0 48px !important;
}

.sponsor-ribbon > div:not(.sponsor-ribbon-icon){
  flex:1 1 auto !important;
  min-width:0 !important;
}

.sponsor-ribbon span{
  display:block !important;
  color:#15803d !important;
  font-size:14px !important;
  font-weight:900 !important;
  margin:0 0 4px !important;
}

.sponsor-ribbon strong{
  display:block !important;
  color:#0b3f75 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  margin:0 !important;
}

.sponsor-ribbon p{
  margin:4px 0 0 !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

/* زر تواصل للرعاية */
.sponsor-ribbon-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  border:0 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(11,63,117,.18) !important;
}

.sponsor-ribbon-cta:hover{
  background:#082f5a !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* الوضع الليلي */
body.dark-mode .results-page-top,
body.dark-theme .results-page-top,
html.dark-mode body .results-page-top,
html.dark-theme body .results-page-top,
html[data-theme="dark"] body .results-page-top,
body.dark-mode .sponsor-ribbon,
body.dark-theme .sponsor-ribbon,
html.dark-mode body .sponsor-ribbon,
html.dark-theme body .sponsor-ribbon,
html[data-theme="dark"] body .sponsor-ribbon{
  background:#111827 !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
}

body.dark-mode .results-page-title strong,
body.dark-theme .results-page-title strong,
html.dark-mode body .results-page-title strong,
html.dark-theme body .results-page-title strong,
html[data-theme="dark"] body .results-page-title strong,
body.dark-mode .sponsor-ribbon strong,
body.dark-theme .sponsor-ribbon strong,
html.dark-mode body .sponsor-ribbon strong,
html.dark-theme body .sponsor-ribbon strong,
html[data-theme="dark"] body .sponsor-ribbon strong{
  color:#f8fafc !important;
}

body.dark-mode .results-page-title span,
body.dark-theme .results-page-title span,
html.dark-mode body .results-page-title span,
html.dark-theme body .results-page-title span,
html[data-theme="dark"] body .results-page-title span,
body.dark-mode .sponsor-ribbon p,
body.dark-theme .sponsor-ribbon p,
html.dark-mode body .sponsor-ribbon p,
html.dark-theme body .sponsor-ribbon p,
html[data-theme="dark"] body .sponsor-ribbon p{
  color:#94a3b8 !important;
}

body.dark-mode .results-page-actions a,
body.dark-theme .results-page-actions a,
html.dark-mode body .results-page-actions a,
html.dark-theme body .results-page-actions a,
html[data-theme="dark"] body .results-page-actions a,
body.dark-mode .results-page-actions button,
body.dark-theme .results-page-actions button,
html.dark-mode body .results-page-actions button,
html.dark-theme body .results-page-actions button,
html[data-theme="dark"] body .results-page-actions button{
  background:#0b1328 !important;
  color:#f8fafc !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.dark-mode .results-page-actions a.active,
body.dark-theme .results-page-actions a.active,
html.dark-mode body .results-page-actions a.active,
html.dark-theme body .results-page-actions a.active,
html[data-theme="dark"] body .results-page-actions a.active{
  background:#0b5cab !important;
  color:#fff !important;
}

/* الهاتف */
@media(max-width:768px){
  .results-page-top{
    align-items:flex-start !important;
    padding:12px !important;
    gap:10px !important;
  }

  .results-page-title{
    flex:1 1 auto !important;
  }

  .results-page-title strong{
    font-size:22px !important;
  }

  .results-page-title span{
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    font-size:13px !important;
  }

  .results-page-actions{
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:6px !important;
  }

  .results-page-actions a,
  .results-page-actions button{
    padding:7px 9px !important;
    font-size:13px !important;
  }

  .sponsor-ribbon{
    align-items:flex-start !important;
    gap:10px !important;
    padding:12px !important;
    flex-wrap:wrap !important;
  }

  .sponsor-ribbon-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
    font-size:22px !important;
  }

  .sponsor-ribbon strong{
    font-size:15px !important;
  }

  .sponsor-ribbon p{
    font-size:13px !important;
  }

  .sponsor-ribbon-cta{
    width:100% !important;
    margin-top:4px !important;
  }
}
/* ===== Final Sponsor Card Fix ===== */
.results-sponsor-card{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  width:100% !important;
  margin:22px 0 24px !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#ffffff,#f8fafc) !important;
  border:1px dashed rgba(11,63,117,.25) !important;
  box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}

.results-sponsor-card.is-ar{
  direction:rtl !important;
  text-align:right !important;
}

.results-sponsor-card.is-fr{
  direction:ltr !important;
  text-align:left !important;
}

.results-sponsor-icon{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#0b3f75 !important;
  color:#fff !important;
  font-size:30px !important;
  flex:0 0 58px !important;
}

.results-sponsor-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.results-sponsor-kicker,
.results-sponsor-copy span{
  display:block !important;
  color:#15803d !important;
  font-weight:900 !important;
  font-size:14px !important;
  margin:0 0 5px !important;
}

.results-sponsor-copy h2{
  margin:0 0 6px !important;
  color:#0b3f75 !important;
  font-size:clamp(22px,2vw,32px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.results-sponsor-copy p{
  margin:0 !important;
  color:#64748b !important;
  font-size:16px !important;
  line-height:1.7 !important;
  font-weight:700 !important;
}

.results-sponsor-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  border:0 !important;
  box-shadow:0 8px 18px rgba(11,63,117,.18) !important;
}

.results-sponsor-cta:hover{
  background:#082f5a !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* Dark */
body.dark-mode .results-sponsor-card,
body.dark-theme .results-sponsor-card,
html.dark-mode body .results-sponsor-card,
html.dark-theme body .results-sponsor-card,
html[data-theme="dark"] body .results-sponsor-card{
  background:#111827 !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
}

body.dark-mode .results-sponsor-copy h2,
body.dark-theme .results-sponsor-copy h2,
html.dark-mode body .results-sponsor-copy h2,
html.dark-theme body .results-sponsor-copy h2,
html[data-theme="dark"] body .results-sponsor-copy h2{
  color:#f8fafc !important;
}

body.dark-mode .results-sponsor-copy p,
body.dark-theme .results-sponsor-copy p,
html.dark-mode body .results-sponsor-copy p,
html.dark-theme body .results-sponsor-copy p,
html[data-theme="dark"] body .results-sponsor-copy p{
  color:#94a3b8 !important;
}

/* Mobile */
@media(max-width:768px){
  .results-sponsor-card{
    align-items:flex-start !important;
    padding:14px !important;
    gap:12px !important;
    flex-wrap:wrap !important;
  }

  .results-sponsor-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex-basis:46px !important;
    font-size:24px !important;
    border-radius:14px !important;
  }

  .results-sponsor-copy{
    flex:1 1 calc(100% - 60px) !important;
  }

  .results-sponsor-copy h2{
    font-size:20px !important;
  }

  .results-sponsor-copy p{
    font-size:14px !important;
    line-height:1.6 !important;
  }

  .results-sponsor-cta{
    width:100% !important;
    margin-top:4px !important;
  }
}
/* ===== Result Page Sponsor Hero - Candidate Page ===== */

.result-sponsor-hero{
  margin:34px 0 28px !important;
  padding:34px 28px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  position:relative !important;
  overflow:hidden !important;
}

.result-sponsor-hero::before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle,rgba(11,63,117,.10),transparent 65%);
  pointer-events:none;
}

.result-sponsor-hero.is-ar{
  direction:rtl !important;
  text-align:right !important;
}

.result-sponsor-hero.is-fr{
  direction:ltr !important;
  text-align:left !important;
}

.result-sponsor-icon{
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  border-radius:24px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:44px !important;
  box-shadow:0 14px 28px rgba(11,63,117,.22) !important;
}

.result-sponsor-content{
  flex:1 !important;
  min-width:0 !important;
}

.result-sponsor-content span{
  display:block !important;
  color:#15803d !important;
  font-size:16px !important;
  font-weight:900 !important;
  margin-bottom:8px !important;
}

.result-sponsor-content h2{
  margin:0 0 10px !important;
  color:#0b3f75 !important;
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:-.5px !important;
}

.result-sponsor-content p{
  margin:0 0 20px !important;
  color:#64748b !important;
  font-size:clamp(17px,2vw,22px) !important;
  line-height:1.7 !important;
  font-weight:800 !important;
}

.result-sponsor-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 24px !important;
  border-radius:999px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  font-size:17px !important;
  box-shadow:0 12px 24px rgba(11,63,117,.22) !important;
}

.result-sponsor-btn:hover{
  background:#082f5a !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* Dark mode */
body.dark-mode .result-sponsor-hero,
body.dark-theme .result-sponsor-hero,
html.dark-mode body .result-sponsor-hero,
html.dark-theme body .result-sponsor-hero,
html[data-theme="dark"] body .result-sponsor-hero{
  background:linear-gradient(135deg,#111827,#0f172a) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
}

body.dark-mode .result-sponsor-content h2,
body.dark-theme .result-sponsor-content h2,
html.dark-mode body .result-sponsor-content h2,
html.dark-theme body .result-sponsor-content h2,
html[data-theme="dark"] body .result-sponsor-content h2{
  color:#f8fafc !important;
}

body.dark-mode .result-sponsor-content p,
body.dark-theme .result-sponsor-content p,
html.dark-mode body .result-sponsor-content p,
html.dark-theme body .result-sponsor-content p,
html[data-theme="dark"] body .result-sponsor-content p{
  color:#cbd5e1 !important;
}

/* Mobile */
@media(max-width:768px){
  .result-sponsor-hero{
    padding:24px 18px !important;
    border-radius:24px !important;
    align-items:flex-start !important;
    gap:14px !important;
  }

  .result-sponsor-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border-radius:18px !important;
    font-size:30px !important;
  }

  .result-sponsor-content h2{
    font-size:28px !important;
  }

  .result-sponsor-content p{
    font-size:15px !important;
    line-height:1.6 !important;
  }

  .result-sponsor-btn{
    width:100% !important;
    font-size:15px !important;
  }
}

/* =====================================================
   ALBARGH RESULTS FINAL PATCH v41
   Candidate sponsor hero + safe layout fixes
===================================================== */
.result-card > .result-sponsor-hero{display:none !important;}

.result-sponsor-hero{
  margin:32px 0 24px !important;
  padding:34px 30px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
}

.result-sponsor-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:auto -100px -120px auto !important;
  width:280px !important;
  height:280px !important;
  background:radial-gradient(circle,rgba(11,63,117,.10),transparent 65%) !important;
  pointer-events:none !important;
}

.result-sponsor-hero.is-ar{direction:rtl !important;text-align:right !important;}
.result-sponsor-hero.is-fr{direction:ltr !important;text-align:left !important;}

.result-sponsor-icon{
  width:86px !important;
  height:86px !important;
  min-width:86px !important;
  border-radius:24px !important;
  background:#0b3f75 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:44px !important;
  box-shadow:0 14px 28px rgba(11,63,117,.22) !important;
  z-index:1 !important;
}

.result-sponsor-content{flex:1 1 auto !important;min-width:0 !important;z-index:1 !important;}
.result-sponsor-content span{display:block !important;color:#15803d !important;font-size:16px !important;font-weight:900 !important;margin:0 0 8px !important;}
.result-sponsor-content h2{margin:0 0 10px !important;color:#0b3f75 !important;font-size:clamp(30px,4vw,48px) !important;line-height:1.18 !important;font-weight:900 !important;letter-spacing:-.5px !important;}
.result-sponsor-content p{margin:0 0 20px !important;color:#64748b !important;font-size:clamp(17px,2vw,22px) !important;line-height:1.7 !important;font-weight:800 !important;}
.result-sponsor-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:13px 24px !important;border-radius:999px !important;background:#0b3f75 !important;color:#fff !important;text-decoration:none !important;font-weight:900 !important;font-size:17px !important;box-shadow:0 12px 24px rgba(11,63,117,.22) !important;}
.result-sponsor-btn:hover{background:#082f5a !important;color:#fff !important;text-decoration:none !important;}

body.dark-mode .result-sponsor-hero,
body.dark-theme .result-sponsor-hero,
html.dark-mode body .result-sponsor-hero,
html.dark-theme body .result-sponsor-hero,
html[data-theme="dark"] body .result-sponsor-hero{background:linear-gradient(135deg,#111827,#0f172a) !important;border-color:rgba(255,255,255,.10) !important;box-shadow:0 18px 45px rgba(0,0,0,.35) !important;}
body.dark-mode .result-sponsor-content h2,
body.dark-theme .result-sponsor-content h2,
html.dark-mode body .result-sponsor-content h2,
html.dark-theme body .result-sponsor-content h2,
html[data-theme="dark"] body .result-sponsor-content h2{color:#f8fafc !important;}
body.dark-mode .result-sponsor-content p,
body.dark-theme .result-sponsor-content p,
html.dark-mode body .result-sponsor-content p,
html.dark-theme body .result-sponsor-content p,
html[data-theme="dark"] body .result-sponsor-content p{color:#cbd5e1 !important;}

@media(max-width:768px){
  .result-sponsor-hero{padding:24px 18px !important;border-radius:24px !important;align-items:flex-start !important;gap:14px !important;margin:24px 0 20px !important;}
  .result-sponsor-icon{width:58px !important;height:58px !important;min-width:58px !important;border-radius:18px !important;font-size:30px !important;}
  .result-sponsor-content h2{font-size:28px !important;}
  .result-sponsor-content p{font-size:15px !important;line-height:1.6 !important;}
  .result-sponsor-btn{width:100% !important;font-size:15px !important;}
}
/* ===== Mobile header compact fix ===== */
@media(max-width:768px){

  .results-wrap > header{
    align-items:center !important;
    gap:10px !important;
    padding:12px !important;
  }

  .results-wrap > header a:first-child strong{
    font-size:22px !important;
    line-height:1.05 !important;
    max-width:150px !important;
  }

  .results-wrap > header a:first-child span{
    font-size:14px !important;
    line-height:1.35 !important;
    margin-top:4px !important;
    max-width:170px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .results-wrap > header > div{
    gap:6px !important;
  }

  .results-wrap > header > div a,
  .results-wrap > header > div button{
    padding:8px 11px !important;
    font-size:15px !important;
    min-width:48px !important;
  }
}


/* ===== Candidate result card improvements ===== */

/* نتيجة موثقة + ناجح في سطر مرتب */
.result-card .kicker-inline,
.result-card .status-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  margin:0 6px 18px 0 !important;
}

.result-card .kicker-inline{
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#eef6ff !important;
  color:#0b3f75 !important;
  font-weight:900 !important;
}

.result-card .status-pill{
  padding:8px 16px !important;
  border-radius:999px !important;
  background:#ecfdf5 !important;
  color:#15803d !important;
  border:1px solid #bbf7d0 !important;
  font-weight:900 !important;
}

/* الاسم */
.winner-sponsor-inline{
  margin:22px 0 24px !important;
  padding:18px 0 !important;
  border:0 !important;
  background:transparent !important;
}

.winner-sponsor-logo{
  display:none !important;
}

.winner-sponsor-copy{
  text-align:center !important;
  width:100% !important;
}

.winner-sponsor-copy small{
  display:block !important;
  color:#64748b !important;
  font-size:16px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

.winner-sponsor-copy h2{
  font-size:clamp(34px,5vw,58px) !important;
  line-height:1.15 !important;
  color:#24364a !important;
  font-weight:900 !important;
  margin:0 0 8px !important;
}

.winner-sponsor-copy p{
  font-size:clamp(20px,3vw,30px) !important;
  color:#334155 !important;
  margin:0 !important;
}

/* معلومات النتيجة */
.result-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:26px !important;
}

.result-grid > div{
  background:#f8fafc !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  padding:15px 16px !important;
}

.result-grid > div span{
  display:block !important;
  color:#64748b !important;
  font-size:14px !important;
  font-weight:800 !important;
  margin-bottom:7px !important;
}

.result-grid > div strong{
  display:block !important;
  color:#24364a !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}

/* الأزرار */
.action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:22px !important;
}

.action-row .btn{
  border-radius:14px !important;
  padding:12px 18px !important;
  font-weight:900 !important;
  min-width:145px !important;
  margin:0 !important;
}

.action-row .btn-wa{
  background:#22c55e !important;
  color:#fff !important;
}

.action-row .celebrate-again{
  background:#0b5cab !important;
  color:#fff !important;
}

.print-note{
  margin-top:12px !important;
  color:#64748b !important;
  font-size:15px !important;
  text-align:inherit !important;
}


/* الهاتف */
@media(max-width:768px){

  .result-card{
    padding:18px !important;
  }

  .result-card .kicker-inline,
  .result-card .status-pill{
    margin-bottom:12px !important;
  }

  .winner-sponsor-copy{
    text-align:center !important;
  }

  .winner-sponsor-copy small{
    font-size:14px !important;
  }

  .winner-sponsor-copy h2{
    font-size:34px !important;
  }

  .winner-sponsor-copy p{
    font-size:22px !important;
    line-height:1.35 !important;
  }

  .result-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:20px !important;
  }

  .result-grid > div{
    padding:13px 14px !important;
  }

  .result-grid > div strong{
    font-size:18px !important;
  }

  .action-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .action-row .btn{
    width:100% !important;
    min-width:0 !important;
    padding:13px 10px !important;
    font-size:15px !important;
  }

  .action-row .btn-wa{
    grid-column:1 / -1 !important;
  }

  .action-row .celebrate-again{
    grid-column:1 / -1 !important;
  }

  .print-note{
    text-align:center !important;
    font-size:14px !important;
  }
}


/* الوضع الليلي */
body.dark-mode .result-grid > div,
body.dark-theme .result-grid > div,
html[data-theme="dark"] body .result-grid > div{
  background:#0f172a !important;
  border-color:rgba(255,255,255,.10) !important;
}

body.dark-mode .result-grid > div strong,
body.dark-theme .result-grid > div strong,
html[data-theme="dark"] body .result-grid > div strong,
body.dark-mode .winner-sponsor-copy h2,
body.dark-theme .winner-sponsor-copy h2,
html[data-theme="dark"] body .winner-sponsor-copy h2{
  color:#f8fafc !important;
}

body.dark-mode .winner-sponsor-copy p,
body.dark-theme .winner-sponsor-copy p,
html[data-theme="dark"] body .winner-sponsor-copy p,
body.dark-mode .result-grid > div span,
body.dark-theme .result-grid > div span,
html[data-theme="dark"] body .result-grid > div span{
  color:#94a3b8 !important;
}
/* ===== Fix search label direction ===== */
.results-lang-ar .search-head,
.results-shell[dir="rtl"] .search-head,
.search-head.is-rtl{
  justify-content:flex-end !important;
  text-align:right !important;
  direction:rtl !important;
}

.results-lang-ar .search-head label,
.results-shell[dir="rtl"] .search-head label,
.search-head.is-rtl label{
  margin-right:0 !important;
  margin-left:auto !important;
  text-align:right !important;
}


/* ===== Header dark mode fix: title/language/share card ===== */
body.dark-mode .results-wrap > header,
body.dark-theme .results-wrap > header,
html.dark-mode body .results-wrap > header,
html.dark-theme body .results-wrap > header,
html[data-theme="dark"] body .results-wrap > header{
  background:#111827 !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.35) !important;
}

body.dark-mode .results-wrap > header strong,
body.dark-theme .results-wrap > header strong,
html.dark-mode body .results-wrap > header strong,
html.dark-theme body .results-wrap > header strong,
html[data-theme="dark"] body .results-wrap > header strong{
  color:#f8fafc !important;
}

body.dark-mode .results-wrap > header span,
body.dark-theme .results-wrap > header span,
html.dark-mode body .results-wrap > header span,
html.dark-theme body .results-wrap > header span,
html[data-theme="dark"] body .results-wrap > header span{
  color:#94a3b8 !important;
}

body.dark-mode .results-wrap > header a:not(:first-child),
body.dark-theme .results-wrap > header a:not(:first-child),
html.dark-mode body .results-wrap > header a:not(:first-child),
html.dark-theme body .results-wrap > header a:not(:first-child),
html[data-theme="dark"] body .results-wrap > header a:not(:first-child),
body.dark-mode .results-wrap > header button,
body.dark-theme .results-wrap > header button,
html.dark-mode body .results-wrap > header button,
html.dark-theme body .results-wrap > header button,
html[data-theme="dark"] body .results-wrap > header button{
  background:#0f172a !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#f8fafc !important;
}

body.dark-mode .results-wrap > header a[style*="background:#0b3f75"],
body.dark-theme .results-wrap > header a[style*="background:#0b3f75"],
html.dark-mode body .results-wrap > header a[style*="background:#0b3f75"],
html.dark-theme body .results-wrap > header a[style*="background:#0b3f75"],
html[data-theme="dark"] body .results-wrap > header a[style*="background:#0b3f75"]{
  background:#2563eb !important;
  color:#fff !important;
  border-color:#2563eb !important;
}
/* ===== Series cards: 2 columns on mobile ===== */
@media(max-width:768px){

  .series-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .series-card{
    min-height:170px !important;
    padding:16px 14px !important;
    border-radius:18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }

  .series-card strong{
    font-size:34px !important;
    line-height:1 !important;
    margin-bottom:14px !important;
  }

  .series-card span{
    font-size:15px !important;
    line-height:1.7 !important;
  }
}