/* ============================================================
   Daily Giveaway — Public CSS v1.0.3
   ============================================================ */

/* ── Base ─────────────────────────────────────────────────── */
.dg-giveaway-wrap,
.dg-results-wrap {
	direction: rtl;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
	max-width: 680px;
	margin: 0 auto;
	box-sizing: border-box;
}
*, *::before, *::after { box-sizing: inherit; }

/* ── Notices ─────────────────────────────────────────────── */
.dg-notice {
	padding: 14px 18px;
	border-radius: 10px;
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.6;
}
.dg-notice--info    { background:#e8f4fd; border-right:4px solid #2196f3; color:#1a5f8a; }
.dg-notice--warning { background:#fff8e1; border-right:4px solid #ffc107; color:#7a5c00; }
.dg-notice--success { background:#e8f5e9; border-right:4px solid #4caf50; color:#1b5e20; }
.dg-notice--error   { background:#fdecea; border-right:4px solid #e53935; color:#7f1d1d; }
.dg-link            { color:inherit; font-weight:600; text-decoration:underline; }

/* ── Card ────────────────────────────────────────────────── */
.dg-giveaway-card {
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:20px;
	padding:28px 24px 36px;
	box-shadow:0 6px 32px rgba(0,0,0,.08);
}
.dg-giveaway-title {
	margin:0 0 14px;
	font-size:22px;
	font-weight:800;
	color:#1a1a2e;
	text-align:center;
}
.dg-prize-banner {
	text-align:center;
	background:linear-gradient(135deg,#fff8e1,#ffe082);
	border:1px solid #ffc107;
	border-radius:10px;
	padding:10px 18px;
	font-size:15px;
	color:#6d4c00;
	margin-bottom:14px;
}
.dg-giveaway-meta {
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:24px;
	font-size:14px;
	color:#555;
	text-align:center;
}
.dg-meta-item strong { color:#333; }

/* ============================================================
   عجلة الحظ
   ============================================================ */
.dg-wheel-wrap {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:18px;
}

/* مؤشر / سهم */
.dg-wheel-pointer {
	margin-bottom:-16px;
	z-index:5;
	filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));
}

/* حلقة التوهج */
.dg-wheel-ring {
	padding:6px;
	border-radius:50%;
	background:linear-gradient(135deg,#ffd700,#ff6f00,#9c27b0,#1565c0,#00bcd4);
	box-shadow:0 0 36px rgba(100,100,255,.2), 0 8px 28px rgba(0,0,0,.2);
	animation:dg-ring-pulse 3s ease-in-out infinite;
}
@keyframes dg-ring-pulse {
	0%,100% { box-shadow:0 0 24px rgba(255,193,7,.4),0 8px 28px rgba(0,0,0,.2); }
	50%      { box-shadow:0 0 50px rgba(255,193,7,.75),0 8px 28px rgba(0,0,0,.2); }
}

/* قرص العجلة */
.dg-wheel-disc {
	position:relative;
	width:300px;
	height:300px;
	border-radius:50%;
	background:#fff;
	will-change:transform;
}
.dg-wheel-svg {
	width:100%;
	height:100%;
	border-radius:50%;
	display:block;
}

/* وميض أثناء الدوران */
.dg-spinning .dg-wheel-ring {
	animation:dg-ring-glow .35s linear infinite;
}
@keyframes dg-ring-glow {
	0%,100% { filter:brightness(1.05); }
	50%      { filter:brightness(1.4); }
}

/* ── زر الدوران ──────────────────────────────────────────── */
.dg-spin-btn {
	background:linear-gradient(135deg,#e65100,#ff8f00,#ffd600);
	color:#fff;
	border:none;
	border-radius:40px;
	padding:15px 44px;
	font-size:17px;
	font-weight:800;
	cursor:pointer;
	box-shadow:0 6px 22px rgba(230,81,0,.4);
	transition:transform .15s, box-shadow .15s;
	text-shadow:0 1px 4px rgba(0,0,0,.25);
	letter-spacing:.4px;
}
.dg-spin-btn:hover:not(:disabled) {
	transform:translateY(-3px) scale(1.03);
	box-shadow:0 10px 28px rgba(230,81,0,.5);
}
.dg-spin-btn:active:not(:disabled) { transform:scale(.97); }
.dg-spin-btn:disabled { background:#90a4ae; box-shadow:none; cursor:not-allowed; }

/* ── بطاقة الرقم بعد الدوران ────────────────────────────── */
.dg-wheel-locked-wrap {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	width:100%;
}
.dg-wheel-locked {
	background:#f5f5f5;
	border:1px solid #ddd;
	border-radius:22px;
	padding:9px 22px;
	font-size:14px;
	color:#555;
	font-weight:600;
	text-align:center;
}
.dg-ticket-card {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	background:linear-gradient(135deg,#0d47a1 0%,#1976d2 50%,#42a5f5 100%);
	border-radius:16px;
	padding:20px 32px;
	box-shadow:0 8px 26px rgba(13,71,161,.4);
	width:100%;
	max-width:320px;
	animation:dg-slide-up .5s ease;
}
@keyframes dg-slide-up {
	from { opacity:0; transform:translateY(16px); }
	to   { opacity:1; transform:translateY(0); }
}
.dg-tc-label { font-size:11px; color:rgba(255,255,255,.7); font-weight:700; text-transform:uppercase; letter-spacing:1.5px; }
.dg-tc-code  { font-size:30px; font-weight:900; color:#fff; letter-spacing:4px; font-family:"Courier New",Courier,monospace; text-shadow:0 2px 8px rgba(0,0,0,.3); }
.dg-tc-hint  { font-size:11px; color:rgba(255,255,255,.55); text-align:center; }
.dg-wheel-note { font-size:12px; color:#bbb; margin:0; text-align:center; }

/* ============================================================
   العداد التنازلي  (أسفل العجلة)
   ============================================================ */
.dg-countdown-wrap {
	margin-top:26px;
	text-align:center;
	width:100%;
}
.dg-countdown-label {
	font-size:13px;
	font-weight:700;
	color:#666;
	letter-spacing:.5px;
	margin-bottom:12px;
}

/* صناديق الأرقام */
.dg-cd-boxes {
	display:inline-flex;
	align-items:center;
	gap:6px;
	direction:ltr;          /* الأرقام دائماً من اليسار لليمين */
	flex-wrap:nowrap;
}
.dg-cd-box {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	background:linear-gradient(160deg,#1565c0,#1e88e5);
	border-radius:12px;
	padding:12px 14px;
	min-width:60px;
	box-shadow:0 4px 14px rgba(21,101,192,.3);
	transition:background .4s, box-shadow .4s;
}
.dg-cd-box--secs {
	background:linear-gradient(160deg,#00838f,#00bcd4);
	box-shadow:0 4px 14px rgba(0,188,212,.3);
}
.dg-cd-value {
	font-size:30px;
	font-weight:900;
	color:#fff;
	font-family:"Courier New",Courier,monospace;
	line-height:1;
}
.dg-cd-unit {
	font-size:11px;
	color:rgba(255,255,255,.75);
	font-weight:600;
	letter-spacing:.3px;
}

/* نبضة الثواني */
.dg-cd-tick { animation:dg-tick-pop .4s ease; }
@keyframes dg-tick-pop {
	0%   { transform:scale(1.3); }
	100% { transform:scale(1); }
}

/* الفاصل : */
.dg-cd-sep {
	font-size:26px;
	font-weight:900;
	color:#1565c0;
	line-height:1;
	padding-bottom:18px;
	animation:dg-blink 1s step-end infinite;
}
@keyframes dg-blink {
	0%,100% { opacity:1; }
	50%      { opacity:.15; }
}

/* وضع الطوارئ — آخر 60 ثانية */
.dg-countdown-urgent .dg-cd-box {
	background:linear-gradient(160deg,#b71c1c,#e53935);
	box-shadow:0 4px 14px rgba(229,57,53,.45);
	animation:dg-urgent-pulse 1s ease-in-out infinite;
}
.dg-countdown-urgent .dg-cd-box--secs {
	background:linear-gradient(160deg,#c62828,#ef5350);
}
.dg-countdown-urgent .dg-cd-sep { color:#e53935; }
@keyframes dg-urgent-pulse {
	0%,100% { box-shadow:0 4px 14px rgba(229,57,53,.45); }
	50%      { box-shadow:0 4px 30px rgba(229,57,53,.85); }
}

/* رسالة انتهاء الوقت */
.dg-countdown-ended {
	background:#fdecea;
	border:1px solid #e53935;
	border-radius:10px;
	padding:10px 18px;
	font-size:15px;
	font-weight:700;
	color:#c62828;
	display:inline-block;
}

/* ============================================================
   نافذة التهانئ المنبثقة
   ============================================================ */
.dg-modal-overlay {
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.65);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	z-index:999999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:16px;
	overflow:hidden;
}
body.dg-modal-open { overflow:hidden; }

.dg-modal-box {
	background:#fff;
	border-radius:24px;
	padding:36px 28px 32px;
	max-width:400px;
	width:100%;
	text-align:center;
	box-shadow:0 24px 80px rgba(0,0,0,.3);
	position:relative;
	animation:dg-modal-pop .45s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes dg-modal-pop {
	from { opacity:0; transform:scale(.65) translateY(40px); }
	to   { opacity:1; transform:scale(1)  translateY(0); }
}

.dg-modal-emoji {
	font-size:32px;
	margin-bottom:10px;
	display:block;
	animation:dg-wiggle 1.2s ease infinite;
}
@keyframes dg-wiggle {
	0%,100% { transform:rotate(-4deg) scale(1); }
	50%      { transform:rotate(4deg)  scale(1.08); }
}

.dg-modal-title {
	font-size:26px;
	font-weight:900;
	color:#1565c0;
	margin:0 0 8px;
	line-height:1.2;
}
.dg-modal-sub {
	font-size:17px;
	font-weight:700;
	color:#333;
	margin:0 0 4px;
}
.dg-modal-ticket-label {
	font-size:13px;
	color:#888;
	margin:0 0 10px;
}
.dg-modal-ticket {
	display:inline-block;
	background:linear-gradient(135deg,#0d47a1,#1976d2,#42a5f5);
	color:#fff;
	font-size:32px;
	font-weight:900;
	letter-spacing:5px;
	font-family:"Courier New",Courier,monospace;
	padding:14px 28px;
	border-radius:14px;
	margin-bottom:14px;
	box-shadow:0 6px 20px rgba(13,71,161,.35);
	text-shadow:0 2px 8px rgba(0,0,0,.2);
	word-break:break-all;
}
.dg-modal-prize {
	font-size:14px;
	color:#f57f17;
	background:#fff8e1;
	border:1px solid #ffe082;
	border-radius:8px;
	padding:8px 14px;
	margin:0 0 10px;
}
.dg-modal-hint {
	font-size:12px;
	color:#aaa;
	margin:0 0 22px;
}

/* زر موافق */
.dg-modal-ok {
	background:linear-gradient(135deg,#1565c0,#1e88e5);
	color:#fff;
	border:none;
	border-radius:30px;
	padding:14px 52px;
	font-size:17px;
	font-weight:800;
	cursor:pointer;
	box-shadow:0 5px 18px rgba(21,101,192,.4);
	transition:transform .15s, box-shadow .15s;
	letter-spacing:.3px;
}
.dg-modal-ok:hover {
	transform:translateY(-2px);
	box-shadow:0 8px 24px rgba(21,101,192,.55);
}
.dg-modal-ok:active { transform:scale(.97); }

/* كونفيتي */
.dg-conf {
	position:absolute;
	border-radius:2px;
	pointer-events:none;
	animation:dg-fall linear forwards;
}
@keyframes dg-fall {
	0%   { transform:translateY(-10px) rotate(0deg);    opacity:1; }
	100% { transform:translateY(110vh)  rotate(540deg);  opacity:0; }
}

/* ============================================================
   قائمة المشاركين
   ============================================================ */
.dg-participants-box {
	margin-top:36px;
	border-top:2px solid #f0f0f0;
	padding-top:24px;
}
.dg-pb-title {
	font-size:16px;
	font-weight:700;
	color:#333;
	margin:0 0 14px;
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}
.dg-pb-count {
	background:#1565c0;
	color:#fff;
	font-size:12px;
	font-weight:700;
	border-radius:20px;
	padding:2px 10px;
	margin-right:auto;
}
.dg-pb-list {
	display:flex;
	flex-direction:column;
	gap:6px;
	max-height:340px;
	overflow-y:auto;
}
.dg-pb-row {
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:10px;
	background:#fafafa;
	border:1px solid #efefef;
	font-size:14px;
}
.dg-pb-row--me  { background:#e3f2fd; border-color:#90caf9; font-weight:600; }
.dg-pb-rank {
	width:26px; height:26px;
	background:#e0e0e0;
	border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	font-size:12px; font-weight:700; color:#555; flex-shrink:0;
}
.dg-pb-row--me .dg-pb-rank { background:#1565c0; color:#fff; }
.dg-pb-name  { flex:1; color:#333; min-width:0; word-break:break-word; }
.dg-pb-you   { font-size:11px; color:#1565c0; font-style:normal; margin-right:4px; }
.dg-pb-ticket {
	font-family:monospace;
	font-size:12px;
	color:#888;
	background:#f0f0f0;
	padding:2px 6px;
	border-radius:4px;
	flex-shrink:0;
}
.dg-pb-pts { font-size:13px; color:#f57f17; font-weight:700; white-space:nowrap; }

/* ============================================================
   صفحة النتائج / البحث عن التذكرة
   ============================================================ */
.dg-lookup-box   { background:#f9f9f9; border:1px solid #e0e0e0; border-radius:10px; padding:20px 22px; margin-bottom:26px; }
.dg-lookup-box h3{ margin:0 0 12px; font-size:16px; }
.dg-lookup-form  { display:flex; gap:10px; flex-wrap:wrap; }
.dg-input        { flex:1; min-width:180px; padding:9px 14px; border:1px solid #ccc; border-radius:6px; font-size:15px; direction:ltr; text-align:center; letter-spacing:2px; }
.dg-btn          { display:inline-block; padding:9px 22px; border:none; border-radius:6px; font-size:15px; font-weight:600; cursor:pointer; }
.dg-btn--secondary      { background:#1565c0; color:#fff; }
.dg-btn--secondary:hover{ background:#0d47a1; }
.dg-lookup-result{ margin-top:12px; padding:12px 16px; border-radius:6px; font-size:15px; }

.dg-results-card  { background:#fff; border:1px solid #e0e0e0; border-radius:12px; padding:22px 24px; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.dg-results-title { margin:0 0 6px; font-size:19px; font-weight:700; }
.dg-drawn-at      { font-size:13px; color:#888; margin-bottom:18px; }
.dg-winners-public{ list-style:none; padding:0; margin:0; }
.dg-winner-item   { display:flex; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid #f0f0f0; }
.dg-winner-item:last-child{ border-bottom:none; }
.dg-winner-rank   { width:30px; height:30px; background:#1565c0; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; flex-shrink:0; }
.dg-winner-name   { font-weight:600; font-size:15px; flex:1; }
.dg-winner-ticket { font-size:12px; color:#666; background:#f0f0f0; padding:3px 7px; border-radius:4px; font-family:monospace; }
.dg-my-points     { display:inline-flex; align-items:center; gap:8px; background:#e3f2fd; border:1px solid #90caf9; border-radius:6px; padding:8px 16px; font-size:16px; }
.dg-points-label  { color:#555; }
.dg-points-value  { font-size:22px; font-weight:700; color:#1565c0; }

/* ============================================================
   📱 تصميم متجاوب للجوال
   ============================================================ */
@media (max-width: 600px) {

	/* الكارد */
	.dg-giveaway-card {
		padding:20px 14px 28px;
		border-radius:14px;
	}
	.dg-giveaway-title { font-size:18px; }

	/* العجلة — تصغير للشاشات الصغيرة */
	.dg-wheel-disc {
		width:240px;
		height:240px;
	}

	/* زر الدوران */
	.dg-spin-btn {
		padding:13px 32px;
		font-size:15px;
	}

	/* ── العداد ── */
	.dg-cd-boxes { gap:4px; }
	.dg-cd-box   { padding:10px 10px; min-width:50px; }
	.dg-cd-value { font-size:24px; }
	.dg-cd-unit  { font-size:10px; }
	.dg-cd-sep   { font-size:20px; padding-bottom:14px; }

	/* ── المودال ── */
	.dg-modal-box    { padding:28px 18px 26px; }
	.dg-modal-title  { font-size:22px; }
	.dg-modal-ticket { font-size:26px; padding:12px 20px; letter-spacing:3px; }
	.dg-modal-ok     { padding:12px 36px; font-size:16px; }

	/* بطاقة الرقم */
	.dg-ticket-card { padding:16px 20px; }
	.dg-tc-code     { font-size:24px; letter-spacing:3px; }

	/* قائمة المشاركين */
	.dg-pb-ticket { display:none; }
}

@media (max-width: 360px) {
	.dg-wheel-disc { width:200px; height:200px; }
	.dg-cd-box     { padding:8px 7px; min-width:42px; }
	.dg-cd-value   { font-size:20px; }
	.dg-cd-sep     { font-size:16px; }
}