/* =====================================================
   لیگ یار – Modern Sports UI (MetaFootball-inspired)
   ===================================================== */

:root {
	--ly-radius: 14px;
	--ly-shadow: 0 12px 40px -12px rgba(0,0,0,.45);
	--ly-accent: #22c55e;
	--ly-live: #ef4444;
}

/* فونت */
.ligyar-box,
.ligyar-box *,
.ligyar-box table,
.ligyar-box table *,
.ligyar-table-body,
.ligyar-table-body * {
	font-family: "Vazirmatn", "Tahoma", "IranSans", system-ui, sans-serif !important;
}

.ligyar-box {
	border-radius: var(--ly-radius);
	overflow: hidden;
	box-shadow: var(--ly-shadow);
	margin-bottom: 1.5rem;
	direction: rtl;
	text-align: right;
}

/* ===== تم‌ها ===== */
.ligyar-theme-dark {
	--ly-bg: #0f172a;
	--ly-card: #1e293b;
	--ly-border: #334155;
	--ly-text: #f1f5f9;
	--ly-muted: #94a3b8;
	--ly-accent: #22c55e;
	background: var(--ly-card);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

.ligyar-theme-navy {
	--ly-bg: #0a1628;
	--ly-card: #0f1c2e;
	--ly-border: #1e3a5f;
	--ly-text: #e8f0fe;
	--ly-muted: #8ba3c7;
	--ly-accent: #3b82f6;
	background: linear-gradient(165deg, #0f1c2e 0%, #0a1628 100%);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

.ligyar-theme-green {
	--ly-bg: #022c22;
	--ly-card: #064e3b;
	--ly-border: #065f46;
	--ly-text: #ecfdf5;
	--ly-muted: #6ee7b7;
	--ly-accent: #34d399;
	background: linear-gradient(160deg, #064e3b 0%, #022c22 100%);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

.ligyar-theme-red {
	--ly-bg: #1c0a0a;
	--ly-card: #2a1212;
	--ly-border: #7f1d1d;
	--ly-text: #fef2f2;
	--ly-muted: #fca5a5;
	--ly-accent: #f87171;
	background: linear-gradient(165deg, #2a1212 0%, #1c0a0a 100%);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

.ligyar-theme-purple {
	--ly-bg: #1a0b2e;
	--ly-card: #2e1065;
	--ly-border: #5b21b6;
	--ly-text: #f5f3ff;
	--ly-muted: #c4b5fd;
	--ly-accent: #a78bfa;
	background: linear-gradient(165deg, #2e1065 0%, #1a0b2e 100%);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

.ligyar-theme-light {
	--ly-bg: #f8fafc;
	--ly-card: #ffffff;
	--ly-border: #e2e8f0;
	--ly-text: #0f172a;
	--ly-muted: #64748b;
	--ly-accent: #16a34a;
	background: var(--ly-card);
	color: var(--ly-text);
	border: 1px solid var(--ly-border);
}

/* Header */
.ligyar-box-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--ly-accent) 18%, transparent) 0%, transparent 100%);
	border-bottom: 1px solid color-mix(in srgb, var(--ly-border) 80%, transparent);
}
.ligyar-icon { font-size: 1.45rem; line-height: 1; }
.ligyar-title { margin: 0; font-size: 1.08rem; font-weight: 700; }

.ligyar-box-body {
	padding: 12px;
	min-height: 48px;
	overflow-x: auto;
}

/* جدول */
.ligyar-table-body table { width: 100% !important; border-collapse: collapse !important; font-size: 13px !important; }
.ligyar-table-body table td,
.ligyar-table-body table th {
	padding: 7px 5px !important;
	font-size: 13px !important;
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}
.ligyar-table-compact table td,
.ligyar-table-compact table th,
.ligyar-sidebar-table .ligyar-table-body td,
.ligyar-sidebar-table .ligyar-table-body th {
	font-size: 11.5px !important;
	padding: 5px 3px !important;
}

.ligyar-empty {
	padding: 24px 16px;
	text-align: center;
	color: var(--ly-muted);
	font-size: .9rem;
	background: color-mix(in srgb, #000 12%, transparent);
	border-radius: 10px;
	border: 1px dashed color-mix(in srgb, var(--ly-border) 70%, transparent);
}
.ligyar-theme-light .ligyar-empty { background: #f8fafc; }

.ligyar-powered {
	padding: 9px 14px;
	font-size: .75rem;
	text-align: center;
	opacity: .8;
	border-top: 1px solid color-mix(in srgb, var(--ly-border) 70%, transparent);
	background: color-mix(in srgb, #000 15%, transparent);
}
.ligyar-powered a { color: var(--ly-accent); font-weight: 600; text-decoration: none; }

/* =====================================================
   بازی‌ها – چیدمان و سبک
   ===================================================== */
.ligyar-matches-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ۲ ستونه */
.ligyar-matches-list.layout-2col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

@media (max-width: 640px) {
	.ligyar-matches-list.layout-2col {
		grid-template-columns: 1fr;
	}
}

/* کارت پایه */
.ligyar-match-card {
	background: color-mix(in srgb, #000 22%, transparent);
	border-radius: 12px;
	padding: 12px 14px;
	border: 1px solid color-mix(in srgb, var(--ly-border) 80%, transparent);
	transition: transform .15s, border-color .15s, box-shadow .15s;
}
.ligyar-theme-light .ligyar-match-card {
	background: #f8fafc;
	border-color: #e2e8f0;
}
.ligyar-match-card:hover {
	border-color: color-mix(in srgb, var(--ly-accent) 50%, transparent);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px -8px rgba(0,0,0,.35);
}
.ligyar-match-card.status-live {
	border-color: color-mix(in srgb, var(--ly-live) 55%, transparent);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--ly-live) 20%, transparent);
}

.ligyar-match-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	font-size: .76rem;
	color: var(--ly-muted);
	flex-wrap: wrap;
}
.ligyar-week {
	background: color-mix(in srgb, var(--ly-accent) 18%, transparent);
	color: var(--ly-accent);
	padding: 2px 9px;
	border-radius: 999px;
	font-weight: 600;
	font-size: .72rem;
}
.ligyar-live-badge {
	background: var(--ly-live);
	color: #fff;
	padding: 2px 8px;
	border-radius: 999px;
	font-weight: 700;
	font-size: .7rem;
	animation: ligyar-pulse 1.4s infinite;
}
@keyframes ligyar-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: .55; }
}

.ligyar-match-teams {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 8px;
}
.ligyar-team { display: flex; align-items: center; gap: 7px; }
.ligyar-team.home { justify-content: flex-start; }
.ligyar-team.away { justify-content: flex-end; flex-direction: row-reverse; }

.ligyar-logo {
	width: 30px; height: 30px;
	object-fit: contain;
	border-radius: 50%;
	background: color-mix(in srgb, #fff 8%, transparent);
	padding: 2px;
}
.ligyar-theme-light .ligyar-logo { background: #e2e8f0; }

.ligyar-team-name {
	font-weight: 600;
	font-size: .9rem;
	line-height: 1.3;
}
.ligyar-score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 54px;
	font-weight: 800;
	font-size: 1.2rem;
}
.score-sep { opacity: .5; font-weight: 400; }
.score-vs { font-size: .85rem; font-weight: 700; opacity: .55; letter-spacing: .04em; }

/* ----- سبک فشرده ----- */
.style-compact .ligyar-match-card {
	padding: 8px 10px;
	border-radius: 8px;
}
.style-compact .ligyar-match-meta { margin-bottom: 6px; font-size: .7rem; }
.style-compact .ligyar-logo { width: 22px; height: 22px; }
.style-compact .ligyar-team-name { font-size: .8rem; }
.style-compact .ligyar-score { font-size: 1rem; min-width: 44px; }

/* ----- سبک متافوت‌وار ----- */
.style-meta .ligyar-match-card {
	padding: 0;
	overflow: hidden;
	border-radius: 10px;
	background: color-mix(in srgb, #000 28%, transparent);
}
.ligyar-theme-light .style-meta .ligyar-match-card { background: #f1f5f9; }

.style-meta .ligyar-match-meta {
	margin: 0;
	padding: 6px 12px;
	background: color-mix(in srgb, var(--ly-accent) 12%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--ly-border) 60%, transparent);
	justify-content: space-between;
}
.style-meta .ligyar-match-teams {
	padding: 12px 14px;
}
.style-meta .ligyar-logo {
	width: 36px; height: 36px;
	border-radius: 8px;
}
.style-meta .ligyar-team-name { font-size: .95rem; font-weight: 700; }
.style-meta .ligyar-score {
	background: color-mix(in srgb, var(--ly-accent) 15%, transparent);
	border-radius: 8px;
	padding: 6px 10px;
	min-width: 64px;
	font-size: 1.15rem;
}
.style-meta .score-vs {
	background: color-mix(in srgb, var(--ly-muted) 20%, transparent);
	border-radius: 6px;
	padding: 4px 10px;
	opacity: 1;
	font-size: .8rem;
}

@media (max-width: 600px) {
	.ligyar-box-header { padding: 10px 12px; }
	.ligyar-title { font-size: .95rem; }
	.ligyar-team-name { font-size: .82rem; }
	.ligyar-logo { width: 24px; height: 24px; }
	.ligyar-score { font-size: 1.05rem; }
	.style-meta .ligyar-logo { width: 28px; height: 28px; }
}

.ligyar-widget .ligyar-box { margin-bottom: 0; }