/* Lottery details page redesign - professional, creative, RTL-friendly */
:root{
  --card-bg:#ffffff;
  --card-bg-alt:#f7f9fb;
  --chip-bg:#eef3f7;
  --chip-text:#1f2d3d;
  --accent:#5b8def;
  --accent-2:#845ef7;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#ef4444;
  --muted:#64748b;
  --shadow1: 0 8px 22px rgba(15,23,42,.08);
}

/* Layout wrappers */
.lottery-page { direction: rtl; }
.lottery-card { background: var(--card-bg); border: 1px solid #e6ebf1; border-radius: 14px; box-shadow: var(--shadow1); }

/* Hero */
.lottery-hero { direction: rtl; text-align: center; padding: 16px 12px; background: linear-gradient(135deg,#ffffff 0%, #f7fbff 50%, #eef9ff 100%); border:1px solid rgba(0,0,0,.06); border-radius:14px; box-shadow: var(--shadow1);
}
.lottery-hero__brand { display:flex; flex-direction:column; align-items:center; gap:8px; }
.lotto-hero-logo { width:96px; height:96px; object-fit:contain; background:#fff; border-radius:16px; padding:10px; box-shadow: 0 8px 20px rgba(0,0,0,.06); border:1px solid rgba(0,0,0,.06); }
.lotto-hero-title { font-family:tahoma, sans-serif; font-size:20px; font-weight:900; color:#0b2b66; }

.lottery-hero__jackpot { margin-top:8px; }
.lotto-prize-label{ font-size:12px; color:#556; opacity:.8; margin-top:2px; }
.lotto-jackpot{ direction:rtl; font-weight:900; font-size:clamp(18px, 3.2vw, 28px); line-height:1.2; background: linear-gradient(90deg, var(--accent), var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; margin:4px 0; }
.lotto-currency{ color:#16a34a; font-weight:800; margin-right:6px; font-size:.7em; display:inline-block; }

.lottery-hero__cta { margin-top:10px; display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap; }

/* Timer */
.lotto-time{ display:flex; align-items:center; gap:8px; justify-content:center; direction:rtl; font-size:13px; color:#334; background: rgba(0,0,0,.03); border:1px dashed rgba(0,0,0,.08); padding:6px 10px; border-radius:10px; margin:10px auto; width:max-content; }
.lotto-time i{ color: var(--accent); }
.timer.blink_me{ animation: pulse 1s ease-in-out infinite; color:#d32f2f; font-weight:700; }
@keyframes pulse{ 0%{opacity:1}50%{opacity:.35}100%{opacity:1} }

/* CTA button */
.lotto-buy{
  background: linear-gradient(135deg, #2563eb 0%, #06b6d4 50%, #3b82f6 100%);
  background-size: 200% 200%;
  border:none;
  border-radius:12px !important;
  padding:10px 16px;
  font-weight:800;
  box-shadow: 0 8px 16px rgba(37,99,235,.35);
  color:#fff !important;
  animation: lottoGradient 6s ease infinite;
  position: relative;
  overflow: hidden;
}
.lotto-buy:hover{ filter: brightness(1.05); box-shadow: 0 10px 22px rgba(37,99,235,.45); }
.lotto-buy::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(ellipse at 20% 20%, rgba(255,255,255,.25), rgba(255,255,255,0) 40%);
  opacity:.25;
  animation: lottoSheen 4s linear infinite;
  pointer-events:none;
}
.lotto-buy[disabled]{
  opacity:.65;
  cursor:not-allowed;
  box-shadow:none;
  animation: none !important;
}
@keyframes lottoGradient{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}
@keyframes lottoSheen{
  0%{ transform: translateX(-15%) translateY(-15%); opacity:.2; }
  50%{ opacity:.35; }
  100%{ transform: translateX(15%) translateY(15%); opacity:.2; }
}
@media (prefers-reduced-motion: reduce){
  .lotto-buy{ animation:none; }
  .lotto-buy::after{ animation:none; }
}

/* Numbers (balls) */
.balls { list-style:none; padding:8px 0; margin:0; display:inline-flex; gap:8px; direction:ltr; }
.ball { width:36px; height:36px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; letter-spacing:.2px; position:relative; }
.ball span{ font-size:0.9rem; transform: translateY(1px); }
.ball::after{ content: ""; position:absolute; top:6%; left:18%; width:56%; height:38%; background: radial-gradient(ellipse at center, rgba(255,255,255,.9), rgba(255,255,255,0)); border-radius:50%; filter: blur(1px); pointer-events:none; }
.ball--main{ color:#4b5563; background: radial-gradient(circle at 65% 15%, #ffffff 2%, #f1f5f9 28%, #d5d9e0 62%, #9aa0a6 100%); box-shadow: inset 0 2px 4px rgba(255,255,255,.5), 0 4px 10px rgba(24,42,62,.18); }
.ball--bonus{ color:#fff; background: radial-gradient(circle at 65% 15%, #fff 2%, #ff9c9c 18%, #ea2727 64%, #b10202 100%); box-shadow: inset 0 2px 4px rgba(255,255,255,.5), 0 4px 12px rgba(234,39,39,.3); }

.numbers-wrap{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;flex-direction: row-reverse }
.numbers-wrap .balls--bonus::before{ content:"•"; color:#cbd5e1; margin:0 4px; font-weight:900; }

/* Facts list */
.lottery-facts{ list-style:none; margin:12px 0; padding:0; }
.lottery-facts li{ color:#0f172a; font-size:14px; margin:6px 0; }

/* Facts as cards */
.facts-cards{ display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:12px; margin:8px 0; }
.facts-cards .fact{ list-style:none; display:flex; align-items:center; gap:10px; padding:12px; background: linear-gradient(135deg, #ffffff 0%, #f7fbff 50%, #eef9ff 100%); border:1px solid #e6ebf1; border-radius:12px; box-shadow: var(--shadow1); position:relative; overflow:hidden; }
.facts-cards .fact::after{ content:""; position:absolute; inset:auto -20% auto auto; right:-20%; width:120px; height:120px; background: radial-gradient(circle at 30% 30%, rgba(132,94,247,.14), rgba(132,94,247,0)); filter: blur(2px); pointer-events:none; }
.fact-icon{ flex:0 0 40px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; box-shadow: 0 6px 14px rgba(0,0,0,.12); }
.fact--price .fact-icon{ background: linear-gradient(135deg, #2563eb, #7c3aed); }
.fact--main .fact-icon{ background: linear-gradient(135deg, #64748b, #334155); }
.fact--bonus .fact-icon{ background: linear-gradient(135deg, #ef4444, #b91c1c); }
.fact-body{ display:flex; flex-direction:column; gap:2px; align-items:flex-start; }
.fact-label{ font-size:12px; color: var(--muted); }
.fact-value{ font-weight:900; color:#0b2b66; font-size:15px; }
.fact-unit{ font-weight:700; color:#16a34a; margin-right:4px; font-size:.9em; }
.currency-chip{ display:inline-block; background:#e0f2fe; color:#0369a1; border:1px solid #bae6fd; padding:2px 8px; border-radius:999px; font-weight:800; font-size:12px; margin-right:6px; }
@media (max-width: 576px){
  .facts-cards{ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap:10px; }
  .fact-icon{ width:36px; height:36px; }
  .fact-value{ font-size:14px; }
}

/* Description */
.lottery-desc{ direction:rtl; text-align:justify; padding:10px; color:#1f2937; }

/* Video and prize cards */
.card.lottery-card, .card { border:0; border-radius:14px; box-shadow: var(--shadow1); }
.card.lottery-card .card-body, .card .card-body{ border-radius:14px; }

/* Responsive tweaks */
@media (max-width: 576px){
  .lotto-hero-logo{ width:76px; height:76px; }
  .ball{ width:28px; height:28px; }
  .ball span{ font-size:0.8rem; }
}