/* يطبّق ألوان theme.base.css على صفحة التوقعات */
.competition-banner{
  background:
    linear-gradient(120deg,
      color-mix(in srgb, var(--c2) 92%, transparent) 0%,
      color-mix(in srgb, var(--c2) 75%, transparent) 45%,
      color-mix(in srgb, var(--c1) 70%, transparent) 100%
    );
}
.btn-custom{ background-color: var(--c3); color:#fff; }

.match-number-bar{ background: var(--stage-navy); }
.match-stage{ color: var(--stage-purple); }
.match-date{  color: var(--accent-blue); }
.match-time{  color: var(--accent-orange); }
.match-ended{ color: var(--danger-dark); }

.countdown-bar{ background: var(--soft-2); }
.match-container[data-status="closed"] .countdown-bar{ background: var(--soft-3); }
.countdown-fill{
  background: linear-gradient(90deg, var(--success) 0%, var(--warning) 50%, var(--danger) 100%);
}
  /* حقوق */
  .sf-copy{
    margin-top: 6px; font-weight:300; opacity:.95;
  }

.status-no-result{     background: color-mix(in srgb, var(--info) 35%, #fff); color:#fff; }
.status-no-prediction{ background: var(--danger); color:#fff; }
.status-earned{        background:#ecfdf5; border-color:#bbf7d0; color:#065f46; }
.status-earned.gold{   background:linear-gradient(180deg,#fff7e6,#fff); border:1px solid #ffe7b3; color:#7a4b00; }

#btn-open.active        { background: var(--primary); color:#fff!important; }
#btn-before.active      { background: var(--info);    color:#fff!important; }
#btn-unpredicted.active { background: var(--warning); color:#fff!important; }
#btn-closed.active      { background: var(--danger);  color:#fff!important; }
#btn-all.active         { background: #6c757d;        color:#fff!important; }
#btn-open.active i,#btn-before.active i,#btn-unpredicted.active i,#btn-closed.active i,#btn-all.active i{color:#fff!important;}

.stats-table th{ background: var(--table-head); }
.stats-table td{ background: var(--surface-2); }
.stats-table td:nth-child(odd){ background: color-mix(in srgb, var(--surface-2) 70%, #fff); }
/* أبعاد افتراضية صغيرة للجوال */
.team-logo{
  width:56px !important;
  height:56px !important;
  object-fit:contain;
}

/* تابلت */
@media (min-width: 576px){
  .team-logo{ width:56px !important; height:56px !important; }
}

/* ديسكتوب */
@media (min-width: 992px){
  .team-logo{ width:56px !important; height:56px !important; }
}
html, body{
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 60%) !important;
}
.page-wrapper{ background: transparent !important; }