/**
 * توقّع الجمهور — بلوك التصويت في صفحة المباراة.
 *
 * كل الأصناف هنا تبدأ بـ dlh-pr ولا يشاركها فيها شيء آخر في القالب،
 * وإن تشابه الشكل مع بلوك الأيام. فتعديل هذا الملف لا يمسّ غيره.
 */

.dlh-pr {
  background: rgb(21 26 32 / 60%);
  border: 1px solid #29313E;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 10px;
  box-shadow: 0 0 3px rgba(187, 151, 76, 0.2);
}

/* الهيدر — العنوان في المنتصف */
.dlh-pr-head {
  padding: 10px 14px;
  font-weight: 700;
  color: #8B95A1;
  font-size: 14.5px;
  background: rgb(21 26 32 / 95%);
  border-bottom: 1px solid #29313E;
  text-align: center;
}

.dlh-pr-body { padding: 14px; }

/* ---------- الاختيارات ---------- */
.dlh-pr-pick {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.dlh-pr-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 12px;
  font: inherit;
  font-weight: 500;
  font-size: 14.5px;
  color: #8B95A1;
  background: rgb(36 42 56 / 45%);
  border: 1px solid #29313E;
  border-radius: 5px;
  cursor: pointer;
  transition: background .15s, border-color .15s, transform .1s;
}

.dlh-pr-btn:hover {
  background: rgb(36 42 56 / 80%);
  border-color: #3A445A;
}

.dlh-pr-btn:active { transform: scale(.985); }

.dlh-pr-btn.is-picked {
  border-color: var(--hp-accent, #F4B740);
  background: rgb(244 183 64 / 10%);
}

.dlh-pr-logo {
  width: 26px;
  height: 26px;
  object-fit: contain;
  flex: 0 0 auto;
}

.dlh-pr.is-sending .dlh-pr-btn { opacity: .6; cursor: default; }

/* ---------- النتائج ---------- */
.dlh-pr-nums {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.dlh-pr-num {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* الأول يمينًا، والتعادل وسطًا، والثاني يسارًا — كترتيب الأشرطة */
.dlh-pr-num-h { align-items: flex-start; text-align: start; }
.dlh-pr-num-d { align-items: center; text-align: center; }
.dlh-pr-num-a { align-items: flex-end; text-align: end; }

.dlh-pr-num b {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}

.dlh-pr-num i {
  font-style: normal;
  font-size: 12.5px;
  color: #8B95A1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  unicode-bidi: plaintext;
}

.dlh-pr-num-h b { color: #7C6BD6; }
.dlh-pr-num-d b { color: #8B95A1; }
.dlh-pr-num-a b { color: #4C7DE0; }

/* اختيار الزائر يُميَّز */
.dlh-pr-num.is-mine i { color: var(--hp-accent, #F4B740); }

/* ---------- الأشرطة ---------- */
.dlh-pr-bars {
  display: flex;
  gap: 4px;
  height: 5px;
  margin-bottom: 5px;
}

.dlh-pr-bar {
  border-radius: 999px;
  min-width: 3px;
  transition: width .35s ease;
}

.dlh-pr-bar-h { background: #7C6BD6; }
.dlh-pr-bar-d { background: #8B95A1; }
.dlh-pr-bar-a { background: #4C7DE0; }

/* ---------- الشاشات الصغيرة ---------- */
@media (max-width: 560px) {
  .dlh-pr-body { padding: 12px; }
  .dlh-pr-btn { font-size: 13.5px; min-height: 38px; padding: 8px 9px; gap: 6px; }
  .dlh-pr-logo { width: 22px; height: 22px; }
  .dlh-pr-num b { font-size: 17.5px; }
  .dlh-pr-num i { font-size: 11.5px; }
  .dlh-pr-head {padding: 8px 14px;}
}

@media (max-width: 360px) {
  .dlh-pr-num b { font-size: 16px; }
}

/* العنوان h2 لبنية الصفحة — بلا أنماط العنوان الافتراضية */
h2.dlh-pr-title{margin:0;font-size:inherit;font-weight:inherit;line-height:1.4;display:inline;}