:root {
  --primary: #ff0000;
  --bg: #0b0b0b;
  --card: #141414;
}

body {
  background: var(--bg);
  color: #fff;
  font-family: Arial, sans-serif;
  margin: 0;
  padding-bottom: 70px;
}

/* Logo */
.logo {
  text-align: center;
  padding: 18px;
  font-size: 28px;
  color: var(--primary);
  font-weight: 900;
  cursor: pointer;
}

/* Latest */
/* شريط الأخبار اللانهائي */
.ticker-wrap {
  background: rgba(255, 0, 0, 0.1);
  border-bottom: 1px solid #ff0000;
  height: 45px;
  overflow: hidden;
  position: relative;
  display: flex;
}

.ticker-move {
  display: flex;
  white-space: nowrap;
  animation: ticker-infinite 25s linear infinite; /* سرعة الحركة */
}

/* لجعل النص يتكرر خلف بعضه مباشرة */
@keyframes ticker-infinite {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-150%); } /* زيادة النسبة ليخرج النص تماماً قبل العودة */
}
/* تحسين شكل العناصر داخل الشريط */
.ticker-item {
  padding: 0 30px;
  color: white;
  font-weight: bold;
  line-height: 45px;
}

.ticker-item span {
  background: red;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-left: 10px;
}


/* Section Title */
.section-title {
  padding: 15px;
  font-size: 18px;
  border-right: 4px solid var(--primary);
  margin: 10px;
}

/* Grid */
.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 10px;
}

.card {
  background: var(--card);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #222;
  transition: 0.3s;
}

.card:active {
  transform: scale(0.95);
}

.card img {
  width: 100%;
  height: 180px; /* تقليل الارتفاع قليلاً ليتناسب مع الجوال */
  object-fit: cover;
}

.card h4 {
  text-align: center;
  margin: 8px 0;
  font-size: 14px;
}

/* Ads - تحسين مساحة الإعلان */
.top-ad {
  min-height: 250px; /* حجز مساحة الإعلان لمنع القفز عند التحميل */
  background: #1a1a1a;
  text-align: center;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
}

.ad-space {
  grid-column: span 2;
  min-height: 250px;
  background: #1a1a1a;
  text-align: center;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Telegram */
.telegram-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: var(--primary);
  text-align: center;
  padding: 14px;
  font-weight: bold;
  z-index: 1000;
}

.telegram-bar a {
  color: #fff;
  text-decoration: none;
  display: block;
}
/* تنسيق إضافي للحلقات والعداد */
.ep-card.available { border: 2px solid #ff0000 !important; background: rgba(255,0,0,0.1) !important; }
.timer-box { background:#141414; border:2px dashed #ff0000; padding:25px; border-radius:12px; margin:20px 0; }
.timer-num { font-size:45px; color:#ff0000; font-weight:bold; }
.ad-slot { background:#1a1a1a; margin:15px 0; padding:10px; border-radius:8px; min-height:50px; }