/*
 * bridge-wc.css — جسر بصري يعيد تلوين وتصميم مخرجات أداة arabdown-sports (.wc-*)
 * بتوكنات ومكونات GoalPress Pro.
 * الوضعان (داكن تجاري / فاتح Forest) مدعومان بالكامل باستخدام متغيرات WP preset.
 */

/* الحاوية وتنسيقات الخط */
.wc-group-page, 
.wc-bracket, 
.wc-comp-index, 
.wc-hub--embed {
	font-family: var(--wp--preset--font-family--body);
	color: var(--wp--preset--color--text);
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--50);
}

.wc-section-title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--xl);
	color: var(--wp--preset--color--text);
	margin-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--20);
	position: relative;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.wc-section-title::after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 60px;
	height: 3px;
	background: var(--wp--preset--color--primary);
	border-radius: 99px;
}

/* النص البلاغي / الملاحظات */
.wc-prose {
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.8;
	color: var(--wp--preset--color--text);
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	padding: var(--wp--preset--spacing--40);
	border-radius: 16px;
	margin-bottom: var(--wp--preset--spacing--20);
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.wc-prose::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 5px;
	background: var(--wp--preset--color--primary);
}

/* جدول الترتيب */
.wc-standings {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	overflow: hidden;
	font-variant-numeric: tabular-nums;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
	margin-bottom: var(--wp--preset--spacing--30);
}
.wc-standings caption {
	color: var(--wp--preset--color--muted);
	text-align: start;
	padding: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}
.wc-standings th, .wc-standings td {
	padding: 1rem 1.2rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
	text-align: start;
	vertical-align: middle;
}
.wc-standings thead th {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: var(--wp--preset--color--bg-deep);
}
.wc-standings tbody tr:last-child td {
	border-bottom: none;
}
.wc-standings tbody tr {
	transition: background-color 0.2s ease;
}
.wc-standings tbody tr:hover {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 6%, transparent);
}
.wc-st-team {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	font-weight: 700;
}
.wc-st-pts {
	font-weight: 900;
	color: var(--wp--preset--color--primary-strong);
}

/* الأعلام */
.wc-flag {
	width: 28px;
	height: 19px;
	object-fit: cover;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	vertical-align: middle;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-inline-end: 0.5rem;
}

/* قائمة المباريات (في المجموعات والشجرة) */
.wc-match-list {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--wp--preset--spacing--30) 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: var(--wp--preset--spacing--30);
}
@media (max-width: 600px) {
	.wc-match-list {
		grid-template-columns: 1fr;
	}
}
.wc-ml-item {
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.wc-ml-item a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--30);
	text-decoration: none;
	color: var(--wp--preset--color--text);
	font-weight: 700;
	width: 100%;
}
.wc-ml-item:hover {
	border-color: var(--wp--preset--color--primary-strong);
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	background: var(--wp--preset--color--bg-deep);
}
.wc-ml-res {
	background: var(--wp--preset--color--scoreboard);
	color: var(--wp--preset--color--scoreboard-text);
	padding: 0.3rem 1rem;
	border-radius: 8px;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	border: 1px solid var(--wp--preset--color--border);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	margin-inline: 0.5rem;
}
.wc-ml-date {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	margin-inline-start: auto;
	background: var(--wp--preset--color--bg-deep);
	padding: 0.2rem 0.6rem;
	border-radius: 6px;
	border: 1px solid var(--wp--preset--color--border);
}

/* الشجرة */
.wc-bracket {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}
.wc-bracket-round {
	background: var(--wp--preset--color--bg-deep);
	padding: var(--wp--preset--spacing--35);
	border-radius: 20px;
	border: 1px solid var(--wp--preset--color--border);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.wc-bracket-round .wc-section-title {
	margin-top: 0;
	margin-bottom: var(--wp--preset--spacing--30);
}

/* فهرس المنافسات */
.wc-comp-index {
	padding: var(--wp--preset--spacing--20) 0;
}
.wc-comp-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--wp--preset--spacing--30);
}
.wc-comp-item {
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.wc-comp-item a {
	display: flex;
	align-items: center;
	padding: var(--wp--preset--spacing--40);
	text-decoration: none;
	color: var(--wp--preset--color--text);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--lg);
	width: 100%;
	height: 100%;
}
.wc-comp-item:hover {
	border-color: var(--wp--preset--color--primary);
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	background: var(--wp--preset--color--bg-deep);
}
.wc-comp-item a::after {
	content: "\2190";
	margin-inline-start: auto;
	font-size: var(--wp--preset--font-size--xl);
	color: var(--wp--preset--color--primary);
	transition: transform 0.25s ease;
}
.wc-comp-item:hover a::after {
	transform: translateX(-6px);
	color: var(--wp--preset--color--primary-strong);
}

/* الأكورديون (المجموعات) */
.wc-acc {
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	margin-block: var(--wp--preset--spacing--30);
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.wc-acc > summary {
	cursor: pointer;
	padding: 1rem 1.4rem;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--wp--preset--color--text);
	background: var(--wp--preset--color--bg-deep);
	transition: all 0.2s ease;
	list-style: none;
}
.wc-acc > summary::-webkit-details-marker {
	display: none;
}
.wc-acc[open] > summary {
	color: var(--wp--preset--color--primary-strong);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* شارات */
.wc-pill,
.wc-title-badge,
.wc-gc-badge {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
	border-radius: 999px;
	padding: 0.2em 0.8em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

/* مشغّل بثّ المباراة (اختياريّ، يضيفه مالك الموقع) — مشغّل متجاوب 16:9.
   الـ iframe نظيف تبنيه الأداة (Stream_Embed، مضيف موثوق + بُني من معرّف الفيديو)؛
   هنا التنسيق فقط بتوكنات الثيم، لا inline. منفصل تمامًا عن السكيما. */
.gp-stream { margin-block: var(--wp--preset--spacing--20) 0; }
.gp-stream .wc-stream__frame {
	position: relative;
	aspect-ratio: 16 / 9;
	width: 100%;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--scoreboard);
}
.gp-stream .wc-stream__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* IPTV/HLS — <video> يملأ الإطار 16:9 (يعلّق عليه stream.js). */
.gp-stream .wc-stream__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
	object-fit: contain;
}
.gp-stream .wc-stream__error {
	margin: 0;
	padding: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--muted, #9aa);
	font-size: .9em;
	text-align: center;
}
/* صوت مباشر (مصدر رئيسيّ) */
.gp-stream .wc-stream__audio-wrap { margin-block: var(--wp--preset--spacing--20); }
.gp-stream .wc-stream__audio { width: 100%; display: block; }
/* تعليق صوتيّ مصاحب (بجانب الفيديو) */
.gp-stream .wc-stream__companion {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin-block: var(--wp--preset--spacing--20) 0;
	padding: var(--wp--preset--spacing--20);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	background: var(--wp--preset--color--bg-elevated, var(--wp--preset--color--scoreboard));
}
.gp-stream .wc-stream__companion-label { font-weight: 700; white-space: nowrap; }
.gp-stream .wc-stream__companion .wc-stream__audio { flex: 1 1 220px; min-width: 0; }
.gp-stream .wc-stream__audio-iframe { flex: 1 1 100%; width: 100%; height: 120px; border: 0; border-radius: 10px; }
/* تضمين متقدّم — يجعل أيّ iframe/فيديو ملصوق متجاوباً 16:9 */
.gp-stream .wc-stream__advanced {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--scoreboard);
}
.gp-stream .wc-stream__advanced iframe,
.gp-stream .wc-stream__advanced video,
.gp-stream .wc-stream__advanced embed,
.gp-stream .wc-stream__advanced object {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
/* مبدّل سيرفرات البثّ (سيرفرات متعدّدة لكل مباراة) */
.gp-stream .wc-servers__nav { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 0 var(--wp--preset--spacing--20); }
.gp-stream .wc-servers__btn {
	appearance: none;
	cursor: pointer;
	padding: 6px 16px;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--bg-elevated, var(--wp--preset--color--scoreboard));
	color: inherit;
	font: inherit;
	font-weight: 600;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gp-stream .wc-servers__btn:hover { border-color: var(--wp--preset--color--accent, currentColor); }
.gp-stream .wc-servers__btn.is-active {
	background: var(--wp--preset--color--accent, #2ecc71);
	color: #0b1f14;
	border-color: transparent;
}
.gp-stream .wc-servers__btn:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #2ecc71); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .gp-stream .wc-servers__btn { transition: none; } }

/* أين تشاهد (A1) — القنوات الرسميّة الناقلة. بطاقات بهويّة بطاقات الثيم (bg-elevated +
   حدّ + استدارة + ظلّ + رفع عند التمرير)، شارات منطقة/لغة، رابط الموقع الرسميّ. توكنات
   فقط (يعمل في الوضعين وRTL). إطار القنوات الرسميّة فقط — لا روابط بثّ مباشر. */
.where-to-watch { display: grid; gap: var(--wp--preset--spacing--20); }
.where-to-watch__note {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}
.where-to-watch__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--wp--preset--spacing--30);
	margin: 0;
}
.channel-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--30);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.channel-card:hover {
	border-color: var(--wp--preset--color--primary-strong);
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
	background: var(--wp--preset--color--bg-deep);
}
.channel-card__name {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--wp--preset--color--text);
}
.channel-card__region,
.channel-card__lang {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent);
	color: var(--wp--preset--color--primary-strong);
	border-radius: 999px;
	padding: 0.15em 0.7em;
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
}
.channel-card__link {
	margin-inline-start: auto;
	color: var(--wp--preset--color--primary);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}
.channel-card__link:hover { color: var(--wp--preset--color--primary-strong); }

/* ════════════════════════════════════════════════════════════════════════
 * توحيد كامل مع هوية GoalPress (داكن/فاتح).
 * worldcup.css مبنيّ لثيم فاتح آخر (ultranews-child): خلفياتٌ بيضاء ونصوصٌ
 * #111 وقيم hex صريحة. هنا نُعيد ربط توكنات الأداة الموضعيّة ونتجاوز ما تبقّى
 * من قيم صريحة بتوكنات الثيم — يعمل في الوضعين وRTL. هذا الملفّ يُحمَّل بعد
 * worldcup.css (أولويّة 100) فيكسب ترتيب المصدر دون !important.
 * ════════════════════════════════════════════════════════════════════════ */

/* (1) نظام توكنات الهَب — تجاوز المتغيّرات يعيد تلوين شجرة .wc-hub بالكامل
   (البطاقات، المجموعات، الهدّافون، الشجرة المصغّرة، الشارات، العدّاد، الشرائط). */
.wc-hub {
	--wc-green:    var(--wp--preset--color--primary);
	--wc-green-d:  var(--wp--preset--color--primary-strong);
	--wc-green-t:  color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent);
	--wc-ink:      var(--wp--preset--color--text);
	--wc-muta:     var(--wp--preset--color--muted);
	--wc-line:     var(--wp--preset--color--border);
	--wc-card:     var(--wp--preset--color--bg-elevated);
	--wc-bg:       var(--wp--preset--color--bg);
	--wc-live:     var(--wp--preset--color--danger);
	--wc-done:     var(--wp--preset--color--muted);
	--wc-shadow:   0 4px 15px rgba(0, 0, 0, 0.12);
	--wc-shadow-h: 0 10px 25px rgba(0, 0, 0, 0.22);
}
/* الهيرو: المتغيّر الأخضر صار توكن الثيم (فاتح في الوضع الداكن) فلا يصلح خلفيةً
   لنصّ أبيض. نثبّت تدرّجاً داكناً بلمسة خضراء يبقى النصّ الأبيض مقروءاً فوقه في
   الوضعين (سكوربورد داكن أصلاً). */
.wc-hub-hero {
	background:
		radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, 0.10) 0%, transparent 55%),
		linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--primary) 38%, var(--wp--preset--color--scoreboard)) 0%, var(--wp--preset--color--scoreboard) 100%);
}
/* خلفيات صريحة (#fff / رماديّ فاتح) داخل الهَب لا تمرّ عبر المتغيّرات. */
.wc-hub .wc-strip-card { background: var(--wp--preset--color--bg-elevated); color: var(--wp--preset--color--text); }
.wc-hub .wc-pill,
.wc-hub .wc-pill.is-done { background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent); color: var(--wp--preset--color--muted); }
.wc-hub .wc-pill.is-live { background: color-mix(in srgb, var(--wp--preset--color--danger) 16%, transparent); color: var(--wp--preset--color--danger); }
.wc-hub .wc-pill.is-next { background: color-mix(in srgb, var(--wp--preset--color--primary) 16%, transparent); color: var(--wp--preset--color--primary-strong); }
.wc-hub .wc-mc-score {
	background: var(--wp--preset--color--scoreboard);
	color: var(--wp--preset--color--scoreboard-text);
}
.wc-hub .wc-mc-card.is-live .wc-mc-score { background: color-mix(in srgb, var(--wp--preset--color--danger) 16%, transparent); color: var(--wp--preset--color--danger); }
.wc-hub .wc-broadcast { border-color: var(--wp--preset--color--border); }
.wc-hub .wc-bc-chan {
	background: var(--wp--preset--color--bg-elevated);
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--text);
}
.wc-hub .wc-scorers-title,
.wc-hub .wc-acc > summary { background: var(--wp--preset--color--bg-deep); }
.wc-hub .wc-internal-links { background: var(--wp--preset--color--bg-elevated); border: 1px solid var(--wp--preset--color--border); }
/* صفّا التأهّل في جدول الهدّافون/الترتيب داخل الهَب. */
.wc-hub .wc-scorers-table tbody tr:nth-child(-n + 3) .wc-sc-rank { color: var(--wp--preset--color--primary-strong); }

/* (2) المخرجات خارج الهَب (المجموعة/الشجرة/المباراة) — قيم hex صريحة. */

/* العنوان الفرعيّ: ألغِ شريط worldcup الجانبيّ (#111 4px) — الثيم يستخدم حدّاً
   سفليّاً + خطّ سفليّ قصير بدله (معرّف أعلاه). */
.wc-section-title {
	border-inline-start: 0;
	padding-inline-start: 0;
}

/* جدول الترتيب: حدود الخلايا + صفّا التأهّل (كانا #f3faf4 فاتحاً ⇒ نصّ فاتح غير
   مقروء). نطابق محدّد worldcup لنكسبه بترتيب المصدر. */
.wc-standings th,
.wc-standings td { border-bottom-color: var(--wp--preset--color--border); }
.wc-standings tbody tr:nth-child(-n + 2) td {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 9%, transparent);
}

/* صندوق الروابط الداخليّة (كان #f7f8f9 فاتحاً). */
.wc-internal-links {
	background: var(--wp--preset--color--bg-elevated);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40);
}
.wc-links-title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	color: var(--wp--preset--color--text);
}
.wc-internal-links li { color: var(--wp--preset--color--text); }
.wc-internal-links a { color: var(--wp--preset--color--primary); text-decoration: none; }
.wc-internal-links a:hover { color: var(--wp--preset--color--primary-strong); text-decoration: underline; }

/* الحالة الفارغة + الأسئلة + جدول الحقائق + الأحداث (نصوص/حدود فاتحة). */
.wc-empty { color: var(--wp--preset--color--muted); }
.wc-faq-a { color: var(--wp--preset--color--muted); }
.wc-facts th,
.wc-facts td { border-bottom-color: var(--wp--preset--color--border); }
.wc-facts th { color: var(--wp--preset--color--muted); background: var(--wp--preset--color--bg-deep); }
.wc-events li { border-bottom-color: var(--wp--preset--color--border); }
.wc-ev-min { color: var(--wp--preset--color--text); }
.wc-ev-detail { color: var(--wp--preset--color--muted); }

/* لوحة نتيجة الأداة (تظهر فقط لو رُندِرت المباراة عبر الأداة لا عبر الثيم). */
.wc-live-region {
	background: var(--wp--preset--color--bg-elevated);
	border-color: var(--wp--preset--color--border);
	border-radius: 16px;
}
.wc-live-region.is-live { border-color: var(--wp--preset--color--danger); box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--danger) 12%, transparent); }
.wc-score { background: var(--wp--preset--color--scoreboard); color: var(--wp--preset--color--scoreboard-text); }
.wc-status { color: var(--wp--preset--color--muted); }
.wc-live-region.is-live .wc-status { color: var(--wp--preset--color--danger); }
.wc-title-badge.is-live { background: var(--wp--preset--color--danger); color: var(--wp--preset--color--white); }

/* ═══ بطاقة المباراة الموحّدة (.wc-mc-*) — يظهر في embed الهَب — العَلَم فوق اسم
   الفريق فيظهر الاسم كاملًا بلا قصّ، تباعد منتظم، شبكة متجاوبة. توكنات فقط. ═══ */
.wc-today-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
	gap: var(--wp--preset--spacing--30);
}
.wc-mc-card .wc-mc-inner { display: grid; gap: var(--wp--preset--spacing--20); padding: var(--wp--preset--spacing--30); height: 100%; }
.wc-mc-top { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.wc-mc-body { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 0.5rem; margin-block: auto; }
.wc-mc-side { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.4rem; min-inline-size: 0; }
.wc-mc-side .wc-flag, .wc-mc-side img { inline-size: 2.4rem; block-size: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 4px; }
.wc-mc-name { white-space: normal; overflow: visible; text-overflow: clip; font-weight: 700; font-size: var(--wp--preset--font-size--small); line-height: 1.35; color: var(--wp--preset--color--text); }
.wc-mc-mid { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; padding-block-start: 0.5rem; white-space: nowrap; }
.wc-mc-score, .wc-mc-time { font-weight: 800; font-variant-numeric: tabular-nums; }
.wc-mc-foot { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem 0.75rem; flex-wrap: wrap; font-size: var(--wp--preset--font-size--xs); }
@media (max-width: 360px) { .wc-today-grid { grid-template-columns: 1fr; } }