/* Tennis.bg livescore (2026-09-24). Extends the legacy "Мачове на живо"
 * block rules in style.css (#livescore-matches ...) and styles /livescore.
 * Loaded by index.phtml only when a live block or the page is rendered. */

/* ---------- Homepage block (legacy look, new data) ---------- */
#livescore-matches .heading .ls-all-link {
	float: right;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	margin-top: 6px;
}
#livescore-matches #livescore-matches-tables { overflow: hidden; }
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	padding: 4px 0 3px 8px;
	min-height: 22px;
}
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status .ls-tournament {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
	color: #cfcfcf;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
}
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status i { flex: 0 0 12px; top: 0; margin: 0 10px 0 0; }
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status .ls-status-paused,
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status .ls-status-done { color: #bdbdbd; }
#livescore-matches #livescore-matches-tables table.livescore-match { table-layout: fixed; width: 100%; }
#livescore-matches #livescore-matches-tables tr td.ls-flag { width: 26px; text-align: center; padding: 5px 2px 5px 6px; }
#livescore-matches #livescore-matches-tables tr td.name {
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}
#livescore-matches #livescore-matches-tables tr td.name a,
#livescore-matches #livescore-matches-tables tr td.name span { color: #fff; }
#livescore-matches #livescore-matches-tables tr td.name a:hover { text-decoration: underline; }
#livescore-matches #livescore-matches-tables tr td.ls-serve-cell { width: 14px; padding: 5px 0; text-align: center; }
#livescore-matches #livescore-matches-tables tr td.ls-set,
#livescore-matches #livescore-matches-tables tr td.ls-pts {
	width: 28px;
	text-align: center;
	border-left: 1px solid #4d4d4d;
	font-size: 13px;
}
#livescore-matches #livescore-matches-tables tr td.ls-set-current { color: #98BF1F; font-weight: bold; }
#livescore-matches #livescore-matches-tables tr td.ls-pts { width: 34px; color: #ffd54f; font-weight: bold; }
#livescore-matches .ls-rank { color: #bdbdbd; font-weight: normal; font-size: 11px; }
#livescore-matches .ls-serve {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffd54f;
}

/* ---------- /livescore page ---------- */
.ls-page { margin: 10px 0 30px 0; }
.ls-page .ls-empty { padding: 24px 0; font-size: 16px; }
.ls-page .ls-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 6px 16px;
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
}
.ls-page .ls-count { font-weight: bold; color: #222; }
.ls-page .ls-count i.blinking {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #e81524;
	margin-right: 4px;
}
.ls-page .ls-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px 0; }
.ls-page .ls-filter {
	border: 1px solid #d0d0d0;
	background: #fff;
	color: #333;
	padding: 5px 12px;
	border-radius: 16px;
	font-size: 13px;
	cursor: pointer;
}
.ls-page .ls-filter.active { background: #ff5913; border-color: #ff5913; color: #fff; }
.ls-page .ls-tour { margin-bottom: 18px; }
.ls-page .ls-tour-title {
	font-size: 18px;
	margin: 0 0 8px 0;
	padding: 6px 10px;
	background: #232323;
	color: #fff;
}
.ls-page .ls-tournament-block { margin-bottom: 12px; }
.ls-page .ls-tournament-title {
	font-size: 15px;
	margin: 0;
	padding: 6px 10px;
	background: #f1f1f1;
	border-left: 3px solid #ff5913;
	overflow-wrap: anywhere;
}
.ls-page .ls-match { border: 1px solid #e6e6e6; border-top: 0; padding: 6px 10px 8px 10px; background: #fff; }
.ls-page .ls-match.ls-status-finished { background: #fafafa; }
.ls-page .ls-match-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #777;
	min-height: 18px;
}
.ls-page .ls-round { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ls-page .ls-state { flex: 0 0 auto; display: flex; align-items: center; gap: 5px; }
.ls-page .ls-state strong.live { color: #e81524; font-style: italic; }
.ls-page .ls-state i.blinking { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #98BF1F; }
.ls-page .ls-state .ls-status-paused { color: #ef6c00; }
.ls-page .ls-state .ls-status-done { color: #888; }
.ls-page table.ls-score { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
.ls-page table.ls-score td { padding: 3px 0; vertical-align: middle; }
.ls-page table.ls-score td.ls-flag { width: 24px; }
.ls-page table.ls-score td.ls-name { width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ls-page table.ls-score td.ls-name a { color: #1a1a1a; font-weight: 500; }
.ls-page table.ls-score td.ls-name a:hover { color: #ff5913; }
.ls-page table.ls-score tr.ls-bul td.ls-name a,
.ls-page table.ls-score tr.ls-bul td.ls-name span { font-weight: bold; }
.ls-page table.ls-score td.ls-serve-cell { width: 14px; text-align: center; }
.ls-page table.ls-score td.ls-set { width: 26px; text-align: center; color: #666; }
.ls-page table.ls-score td.ls-set-won { color: #111; font-weight: bold; }
.ls-page table.ls-score td.ls-set-current { color: #111; font-weight: bold; background: #f3f8e6; }
.ls-page table.ls-score td.ls-pts { width: 34px; text-align: center; font-weight: bold; color: #fff; background: #98BF1F; }
.ls-page .ls-rank { color: #888; font-size: 12px; }
.ls-page .ls-serve { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #98BF1F; }
.ls-page .ls-flag img, .ls-page .ls-flag-empty { display: inline-block; width: 16px; height: 11px; vertical-align: middle; }
.ls-page .ls-note { color: #777; font-size: 13px; }

@media only screen and (max-width: 767px) {
	#livescore-matches .heading { font-size: 18px; }
	.ls-page .ls-meta, .ls-page .ls-filters, .ls-page .ls-empty, .ls-page .ls-note { padding-left: 8px; padding-right: 8px; }
	#livescore-matches #livescore-matches-tables .livescore-match-container { width: 96%; margin: 1% 2%; float: none; display: block; }
	.ls-page table.ls-score { font-size: 13px; }
	.ls-page table.ls-score td.ls-set { width: 22px; }
	.ls-page table.ls-score td.ls-pts { width: 30px; }
}

/* Editor-selected upcoming match on the homepage: start time, no score. */
#livescore-matches #livescore-matches-tables .livescore-match-container .match-status .ls-status-time {
	color: #ffd54f;
	font-weight: bold;
	padding-right: 10px;
	white-space: nowrap;
}