/* UrduPaper Addon — Live Cricket. Fully scoped and theme-safe. */
.upm-cricket {
	--upmc-heading: #171717;
	--upmc-header-bg: #f0f0f0;
	--upmc-icon-bg: #ffb000;
	--upmc-icon: #fff;
	--upmc-bar: #ffb000;
	--upmc-section-bg: #fff;
	--upmc-card-bg: #fff;
	--upmc-text: #172033;
	--upmc-muted: #657085;
	--upmc-live: #e32636;
	--upmc-accent: #087cf0;
	--upmc-border: #dfe4ec;
	--upmc-font: "Poppins", system-ui, sans-serif;
	--upmc-heading-font: "Poppins", system-ui, sans-serif;
	--upmc-team-font: "Poppins", system-ui, sans-serif;
	--upmc-score-font: "Roboto", system-ui, sans-serif;
	--upmc-meta-font: "Roboto", system-ui, sans-serif;
	--upmc-premium-bg: #071b33;
	--upmc-premium-bg-2: #102c52;
	--upmc-premium-text: #fff;
	--upmc-heading-size: 24px;
	--upmc-team-size: 17px;
	--upmc-score-size: 25px;
	--upmc-meta-size: 13px;
	--upmc-gap: 16px;
	--upmc-section-padding: 0;
	--upmc-card-padding: 16px;
	--upmc-radius: 12px;
	--upmc-border-width: 1px;
	--upmc-margin-top: 0;
	--upmc-margin-bottom: 24px;
	--upmc-logo-size: 64px;
	--upmc-premium-height: 330px;
	position: relative;
	width: 100%;
	margin-block: var(--upmc-margin-top) var(--upmc-margin-bottom);
	padding: var(--upmc-section-padding);
	box-sizing: border-box;
	background: var(--upmc-section-bg);
	color: var(--upmc-text);
	font-family: var(--upmc-font);
	direction: ltr;
	text-align: left;
	border: none;
}
.upm-cricket *, .upm-cricket *::before, .upm-cricket *::after { box-sizing: border-box; }
.upm-cricket-head {
	position: relative;
	display: flex;
	direction: ltr;
	text-align: left;
	width: 100%;
	min-height: 58px;
	align-items: center;
	margin: 0 0 14px;
	padding: 0;
	overflow: hidden;
	background: var(--upmc-header-bg);
	border-radius: min(var(--upmc-radius), 8px);
}
.upm-cricket-head--align-right { justify-content: flex-end; }
.upm-cricket-head--align-center { justify-content: center; }
.upm-cricket-head--align-left { justify-content: flex-start; }
.upm-cricket-head__title {
	display: inline-flex;
	direction: rtl;
	text-align: right;
	min-width: 0;
	max-width: 100%;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	color: var(--upmc-heading);
	font: 700 var(--upmc-heading-size)/1.3 var(--upmc-heading-font);
}
.upm-cricket-head--with-more .upm-cricket-head__title { max-width: calc(100% - 164px); }
.upm-cricket-head__text { min-width: 0; padding: 10px 14px; overflow-wrap: anywhere; text-align: start; unicode-bidi: plaintext; }
.upm-cricket-head__icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 58px;
	min-width: 58px;
	min-height: 58px;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	color: var(--upmc-icon);
	background: var(--upmc-icon-bg);
}
.upm-cricket-head__icon svg { width: 29px; height: 29px; }
.upm-cricket-head__more {
	position: absolute;
	top: 50%;
	left: 10px;
	right: auto;
	transform: translateY(-50%);
	display: inline-flex;
	direction: rtl;
	text-align: right;
	align-items: center;
	gap: 6px;
	max-width: 152px;
	padding: 6px 12px 8px;
	color: #1a1a1a;
	background: #fff;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 6px;
	font: 600 18px/1 var(--upmc-meta-font);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.upm-cricket-head--align-left .upm-cricket-head__more { left: auto; right: 10px; }
.upm-cricket-head__more span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.upm-cricket-head__more i { display: inline-flex; flex: 0 0 auto; align-items: center; position: relative; top: 2px; font-size: 12px; }
.upm-cricket-head__more:hover,
.upm-cricket-head__more:focus { color: #000; background: var(--accent-color,var(--upmc-icon-bg,#f4ac04)); border-color: var(--accent-color,var(--upmc-icon-bg,#f4ac04)); }
.upm-cricket-header-coloured-bar .upm-cricket-head { min-height: 48px; overflow: visible; background: transparent; border-block-end: 1px solid var(--upmc-border); border-radius: 0; }
.upm-cricket-header-coloured-bar .upm-cricket-head__icon { width: 5px; min-width: 5px; min-height: 38px; background: var(--upmc-bar); border-radius: 6px; }
.upm-cricket-header-coloured-bar .upm-cricket-head__icon svg { display: none; }
.upm-cricket-header-plain .upm-cricket-head { min-height: auto; overflow: visible; background: transparent; border-radius: 0; }
.upm-cricket-header-plain .upm-cricket-head__title { padding: 5px 0 10px; border-block-end: 3px solid var(--upmc-bar); }

.upm-cricket-widget { overflow: hidden; border-radius: var(--upmc-radius); }
.upm-cricket-widget__matches { display: flex; gap: var(--upmc-gap); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.upm-cricket-widget__matches::-webkit-scrollbar { display: none; }
.upm-cricket-widget__matches > article { flex: 0 0 100%; scroll-snap-align: start; }
.upm-cricket-widget__nav { position: absolute; inset: 70px 11px auto; display: flex; justify-content: space-between; pointer-events: none; z-index: 3; }
.upm-cricket-widget__nav button { display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(10,26,50,.72); color: #fff; font: 700 24px/1 Arial,sans-serif; cursor: pointer; pointer-events: auto; }
.upm-cricket-widget__nav button:hover, .upm-cricket-widget__nav button:focus { background: var(--upmc-accent); }

/* Premium homepage/sidebar scoreboard. The archive keeps its proven card grid. */
.upm-cricket-premium {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: var(--upmc-premium-height);
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(18px, 4vw, 28px);
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: var(--upmc-radius);
	background: linear-gradient(145deg, var(--upmc-premium-bg), var(--upmc-premium-bg-2));
	background:
		radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--upmc-accent) 42%, transparent), transparent 36%),
		radial-gradient(circle at 88% 92%, color-mix(in srgb, var(--upmc-live) 25%, transparent), transparent 36%),
		linear-gradient(145deg, var(--upmc-premium-bg), var(--upmc-premium-bg-2));
	box-shadow: 0 18px 45px rgba(5,20,40,.22);
	color: var(--upmc-premium-text);
	isolation: isolate;
}
.upm-cricket-premium::after { position: absolute; inset: 0; z-index: -1; content: ""; background: linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%,transparent 72%,rgba(255,255,255,.05)); pointer-events: none; }
.upm-cricket-premium__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.upm-cricket-premium .upm-cricket-match__status { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.1); color: var(--upmc-premium-text); backdrop-filter: blur(8px); }
.upm-cricket-premium .upm-cricket-match__status.is-live { background: color-mix(in srgb,var(--upmc-live) 78%,transparent); color: #fff; }
.upm-cricket-premium .upm-cricket-match__status.is-completed { background: rgba(255,255,255,.12); color: rgba(255,255,255,.88); }
.upm-cricket-premium__format { padding: 5px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.84); font: 700 var(--upmc-meta-size)/1 var(--upmc-meta-font); letter-spacing: .08em; }
.upm-cricket-premium__series { margin: 10px 0 4px; overflow: hidden; color: var(--upmc-premium-text) !important; font: 600 var(--upmc-meta-size)/1.4 var(--upmc-meta-font); text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.upm-cricket-premium__scoreboard { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: clamp(9px,3vw,22px); margin: 15px 0; }
.upm-cricket-premium__team { display: grid; min-width: 0; justify-items: center; gap: 7px; text-align: center; }
.upm-cricket-premium__emblem { display: grid; width: var(--upmc-logo-size); height: var(--upmc-logo-size); place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.upm-cricket-premium__emblem img { display: block; width: 82%; height: 82%; object-fit: contain; }
.upm-cricket-premium__emblem span { color: var(--upmc-premium-bg); font: 800 clamp(11px,calc(var(--upmc-logo-size) * .22),18px)/1 var(--upmc-team-font); letter-spacing: .04em; }
.upm-cricket-premium__team > strong { width: 100%; overflow: hidden; color: var(--upmc-premium-text); font: 700 var(--upmc-team-size)/1.3 var(--upmc-team-font); }
.upm-cricket-premium__score b { display: block; color: var(--upmc-premium-text); font: 800 var(--upmc-score-size)/1 var(--upmc-score-font); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.upm-cricket-premium__score small { display: block; margin-top: 4px; color: rgba(255,255,255,.64); font: 600 var(--upmc-meta-size)/1.1 var(--upmc-meta-font); letter-spacing: .06em; }
.upm-cricket-premium__versus { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(255,255,255,.08); color: rgba(255,255,255,.72); font: 800 11px/1 var(--upmc-meta-font); }
.upm-cricket-premium__note { margin: 0; padding: 10px 12px !important; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(0,0,0,.15); color: var(--upmc-premium-text) !important; font: 600 calc(var(--upmc-meta-size) + 1px)/1.45 var(--upmc-font); text-align: center; }
.upm-cricket-premium__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; color: rgba(255,255,255,.62); font: 500 var(--upmc-meta-size)/1.35 var(--upmc-meta-font); }
.upm-cricket-premium__footer > span { display: flex; min-width: 0; align-items: center; gap: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upm-cricket-premium__footer .dashicons { width: 16px; height: 16px; font-size: 16px; }
.upm-cricket-premium__footer time { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.upm-cricket-widget-layout-premium .upm-cricket-widget__nav { inset: 52% 10px auto; transform: translateY(-50%); }

.upm-cricket-match { position: relative; min-width: 0; padding: var(--upmc-card-padding); overflow: hidden; border: var(--upmc-border-width) solid var(--upmc-border); border-radius: var(--upmc-radius); background: var(--upmc-card-bg); box-shadow: 0 8px 28px rgba(20,34,58,.08); }
.upm-cricket-match::before { position: absolute; inset: 0 0 auto; height: 3px; content: ""; background: var(--upmc-accent); }
.upm-cricket-match[data-match-status="live"]::before { background: var(--upmc-live); }
.upm-cricket-match__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.upm-cricket-match__status, .upm-cricket-match__format { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; font: 700 var(--upmc-meta-size)/1.1 var(--upmc-meta-font); text-transform: uppercase; letter-spacing: .02em; }
.upm-cricket-match__status { background: color-mix(in srgb, var(--upmc-accent) 10%, #fff); color: var(--upmc-accent); }
.upm-cricket-match__status.is-live { background: color-mix(in srgb, var(--upmc-live) 10%, #fff); color: var(--upmc-live); }
.upm-cricket-match__status.is-completed { background: #eef1f5; color: #566176; }
.upm-cricket-match__status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: upmc-pulse 1.3s ease-in-out infinite; }
.upm-cricket-match__format { background: #f1f4f8; color: var(--upmc-muted); }
.upm-cricket-match__series { overflow: hidden; margin: 0 0 12px; color: var(--upmc-muted); font: 600 var(--upmc-meta-size)/1.4 var(--upmc-meta-font); text-overflow: ellipsis; white-space: nowrap; }
.upm-cricket-match__teams { display: grid; gap: 7px; }
.upm-cricket-team { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed color-mix(in srgb, var(--upmc-border) 72%, transparent); }
.upm-cricket-team:last-child { border-bottom: 0; }
.upm-cricket-team__identity { display: flex; min-width: 0; align-items: center; gap: 9px; }
.upm-cricket-team__identity img, .upm-cricket-team__identity > span { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid var(--upmc-border); border-radius: 50%; background: #f5f7fa; object-fit: contain; color: var(--upmc-accent); font: 800 11px/1 system-ui,sans-serif; }
.upm-cricket-team__identity strong { overflow: hidden; color: var(--upmc-text); font: 700 var(--upmc-team-size)/1.3 var(--upmc-team-font); text-overflow: ellipsis; white-space: nowrap; }
.upm-cricket-team__score { flex: 0 0 auto; text-align: end; }
.upm-cricket-team__score b { display: block; color: var(--upmc-text); font: 800 var(--upmc-score-size)/1.05 var(--upmc-score-font); font-variant-numeric: tabular-nums; }
.upm-cricket-team__score small { display: block; margin-top: 3px; color: var(--upmc-muted); font: 500 var(--upmc-meta-size)/1.2 var(--upmc-meta-font); }
.upm-cricket-match__note { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--upmc-border); color: var(--upmc-text); font-size: calc(var(--upmc-meta-size) + 1px); font-weight: 650; line-height: 1.5; }
.upm-cricket-match__venue, .upm-cricket-match__time { display: flex; align-items: center; gap: 4px; margin: 8px 0 0; color: var(--upmc-muted); font: 500 var(--upmc-meta-size)/1.45 var(--upmc-meta-font); }
.upm-cricket-match__venue .dashicons { width: 16px; height: 16px; font-size: 16px; }
.upm-cricket-match__time { direction: ltr; justify-content: flex-end; }

.upm-cricket-archive__toolbar { display: flex; gap: 8px; margin: 0 0 18px; overflow-x: auto; scrollbar-width: none; }
.upm-cricket-archive__toolbar::-webkit-scrollbar { display: none; }
.upm-cricket-archive__toolbar button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 8px 14px; border: 1px solid var(--upmc-border); border-radius: 999px; background: #fff; color: var(--upmc-muted); font: 700 14px/1.25 var(--upmc-meta-font); cursor: pointer; }
.upm-cricket-archive__toolbar button span { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 10px; background: #eef1f5; font: 700 11px/1 system-ui,sans-serif; }
.upm-cricket-archive__toolbar button:hover, .upm-cricket-archive__toolbar button:focus, .upm-cricket-archive__toolbar button.is-active { border-color: var(--upmc-accent); background: var(--upmc-accent); color: #fff; }
.upm-cricket-archive__toolbar button.is-active span { background: rgba(255,255,255,.2); }
.upm-cricket-archive__grid { display: grid; grid-template-columns: repeat(var(--upmc-columns,3),minmax(0,1fr)); gap: var(--upmc-gap); align-items: stretch; }
.upm-cricket-archive__grid .upm-cricket-match { height: 100%; }
.upm-cricket-archive__no-filter { padding: 30px; border: 1px dashed var(--upmc-border); border-radius: var(--upmc-radius); color: var(--upmc-muted); text-align: center; }
.upm-cricket__empty { display: grid; min-height: 170px; place-items: center; align-content: center; gap: 8px; padding: 24px; border: 1px dashed var(--upmc-border); border-radius: var(--upmc-radius); background: color-mix(in srgb,var(--upmc-card-bg) 92%,var(--upmc-accent)); color: var(--upmc-muted); text-align: center; }
.upm-cricket__empty .dashicons { width: 38px; height: 38px; color: var(--upmc-accent); font-size: 38px; }
.upm-cricket__empty p { margin: 0; line-height: 1.6; }
.upm-cricket__admin-error { margin: 0 0 10px; padding: 8px 10px; border-inline-start: 4px solid #d63638; background: #fcf0f1; color: #6f1b1d; font-size: 12px; line-height: 1.45; word-break: break-word; }
.upm-cricket__updated { display: none; align-items: center; justify-content: flex-end; gap: 4px; margin: 10px 2px 0; color: var(--upmc-muted); font-size: calc(var(--upmc-meta-size) - 1px); line-height: 1.3; }
.upm-cricket__updated, .upm-cricket__updated time { font-family: var(--upmc-meta-font); }
.upm-cricket__stale { margin-inline-start: 4px; padding: 2px 5px; border-radius: 4px; background: #fff3cd; color: #765b00; }
.upm-cricket.is-refreshing .upm-cricket__live-region { opacity: .72; transition: opacity .2s ease; }

@keyframes upmc-pulse { 0%,100% { opacity: 1; box-shadow: 0 0 0 0 color-mix(in srgb,var(--upmc-live) 45%,transparent); } 50% { opacity: .55; box-shadow: 0 0 0 5px transparent; } }
@supports not (color: color-mix(in srgb,#000 50%,#fff)) {
	.upm-cricket-match__status { background: #eef5ff; }
	.upm-cricket-match__status.is-live { background: #fff0f1; }
	.upm-cricket-team { border-color: var(--upmc-border); }
	.upm-cricket__empty { background: var(--upmc-card-bg); }
}
@media (max-width: 920px) { .upm-cricket-archive__grid { grid-template-columns: repeat(var(--upmc-columns-tablet,2),minmax(0,1fr)); } }
@media (max-width: 560px) {
	.upm-cricket-head { min-height: 50px; }
	.upm-cricket-head__icon { width: 50px; min-width: 50px; min-height: 50px; }
	.upm-cricket-head__title { min-width: 0; font-size: min(var(--upmc-heading-size),23px); }
	.upm-cricket-head__more { left: 6px; max-width: 122px; padding: 7px 9px; font-size: 14px; }
	.upm-cricket-head--align-left .upm-cricket-head__more { left: auto; right: 6px; }
	.upm-cricket-head--with-more .upm-cricket-head__title { max-width: calc(100% - 136px); }
	.upm-cricket-archive__grid { grid-template-columns: repeat(var(--upmc-columns-mobile,1),minmax(0,1fr)); }
	.upm-cricket-premium { min-height: max(280px,var(--upmc-premium-height)); padding: 18px 14px; }
	.upm-cricket-premium__scoreboard { gap: 7px; }
	.upm-cricket-premium__versus { width: 31px; height: 31px; font-size: 9px; }
	.upm-cricket-premium__footer { align-items: flex-start; flex-direction: column; }
	.upm-cricket-widget-layout-premium .upm-cricket-widget__nav { inset-inline: 5px; }
}
@media (prefers-reduced-motion: reduce) {
	.upm-cricket-widget__matches { scroll-behavior: auto; }
	.upm-cricket-match__status i { animation: none; }
}