/* ============================================================
   بطاقات تفاصيل المباراة بتصميم واحد

   النطاق: محتوى المباراة (.match-detail-content على قسم المحتوى في match_events للوحة
   الرئيسية وفي match-detail لصفحة المباراة) ورأسها .profile-header-wrapper.match.

   كانت كل كتلة بزاوية وحدٍّ وظلٍّ مختلف: زوايا 20/18/16/14/12/10، وظل على الملخص
   وتبويبات Top/All ومنطقة الجماهير دون الأحداث، وظلال في الداكن ليست في الفاتح.
   صارت كلها على نمط عمود المباريات المجاور (championship-wrap): خلفية البطاقة
   وحدٌّ رفيع بلا ظل، في الوضعين.

     بطاقة رئيسية (الملخص، الأحداث، الإحصاءات، المواجهات، التوقعات...)   14px
     صف أو عنصر قائمة (التفاصيل، اللاعبون، الأخبار) والتبويبات              10px
     التبويب المختار داخل التبويبات                                       8px
     عنصر داخل بطاقة (التعليقات وحقل الكتابة): خلفية أغمق قليلاً من البطاقة

   الأساس داكن، و html.light للفاتح كبقية الموقع. الملف يُحمَّل آخر الأنماط
   (layout/header) فيعلو قواعد style.css و light.css و match-header-desktop.css.
   ============================================================ */
:root {
  --mc-card: #151825;
  --mc-inset: #11131e;
  --mc-line: #1e2235;
}

html.light {
  --mc-card: #ffffff;
  --mc-inset: #f8f9fc;
  --mc-line: #e6eaf3;
}

/* —— البطاقات الرئيسية —— */
.match-detail-content :is(
  .match-quick-link,
  .match-events-wrap,
  .teams-stats-wrap,
  .match-stats-block,
  .prediction-poll-card,
  .match-teams-rank,
  .teams-last-matches,
  .team-form-card,
  .match-info-collapse,
  .news-comments-wrapper
) {
  background: var(--mc-card) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* —— الصفوف وعناصر القوائم —— */
.match-detail-content :is(
  .match-info-item,
  .inline-player-item,
  .news-item,
  #news_list_more
) {
  background: var(--mc-card) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* —— التبويبات (الأبرز/الكل، الفريقان في التشكيلة والهدافين) —— */
/* غلافها كان يزيحها 4px عن حافتي البطاقات */
.match-detail-content .inline-tabs-wrapper {
  padding-inline: 0 !important;
}

.match-detail-content .inline-tabs-items {
  background: var(--mc-card) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.match-detail-content .inline-tabs-items .inline-tab-item {
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* —— عناصر داخل بطاقة: التعليقات وحقل الكتابة في منطقة الجماهير —— */
.match-detail-content .news-comments-wrapper :is(.comment-item, textarea) {
  background: var(--mc-inset) !important;
  border: 1px solid var(--mc-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* خطوط الفصل داخل بطاقة المواجهات بلون الحد نفسه */
.match-detail-content .full-m-item {
  border-color: var(--mc-line) !important;
}

/* —— رأس المباراة على الكمبيوتر بطاقة مثل البقية (على الجوال يبقى ممتداً بعرض الشاشة) —— */
@media (min-width: 768px) {
  .profile-header-wrapper.match {
    border: 1px solid var(--mc-line) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }
}

/* —— الجوال: كل البطاقات بالهامش نفسه (بعضها كان ممتداً حتى حافة الشاشة بزوايا مدوّرة) —— */
@media (max-width: 767px) {
  /* الملخص (match-quick-link) يأخذ الهامش من غلافه أصلاً */
  .match-detail-content :is(
    .match-events-wrap,
    .teams-stats-wrap,
    .match-stats-block,
    .prediction-poll-card,
    .match-teams-rank,
    .teams-last-matches,
    .team-form-card,
    .match-info-collapse,
    .news-comments-wrapper,
    .match-info-item,
    .inline-player-item,
    .news-item,
    #news_list_more,
    .inline-tabs-items
  ) {
    margin-inline: 10px !important;
  }
}