/**
 * Theme Name: Astra Child - Vijay Hazare Trophy
 * Theme URI: https://vijayhazaretrophy.net.in/
 * Description: Astra Child Theme with Custom Header, Footer, and Advanced Table Styling for Vijay Hazare Trophy 2026
 * Author: Cricket Hub
 * Author URI: https://vijayhazaretrophy.net.in/
 * Template: astra
 * Version: 1.0.0
 * Text Domain: astra-child
 */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&display=swap');

:root {
	--smat-font-heading: 'Google Sans', 'Product Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--smat-font-nav: 'Google Sans', 'Product Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--smat-font-body: 'Google Sans Text', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ==========================================================================
   GLOBAL BODY TYPOGRAPHY — GOOGLE SANS TEXT
   ========================================================================== */
html,
body,
button,
input,
select,
textarea,
p,
li,
td,
th,
.ast-container,
.entry-content,
.entry-content p,
.entry-content li,
.entry-content table,
.site-content,
.smat-footer-desc,
.smat-footer-links a,
.smat-footer-bottom,
.smat-hero-intro,
.smat-faq-answer p,
.smat-card-text,
.smat-simple-contact-text,
.smat-standings-legend,
.smat-meta-info,
.smat-card-situation {
	font-family: var(--smat-font-body) !important;
}

/* ==========================================================================
   HEADER NAVIGATION TYPOGRAPHY — GOOGLE SANS
   ========================================================================== */
.smat-site-navbar,
.smat-nav-menu,
.smat-nav-item,
.smat-nav-link,
.smat-nav-link span,
.smat-dropdown-menu,
.smat-dropdown-menu a,
.smat-mobile-menu-drawer,
.smat-mobile-nav-list,
.smat-mobile-nav-list a,
.smat-mobile-nav-list span,
.smat-btn-header-cta,
.smat-live-pill-link,
.smat-header-actions a,
.main-header-menu,
.main-header-menu .menu-item > .menu-link,
.main-navigation a,
.ast-builder-menu .menu-item > .menu-link {
	font-family: var(--smat-font-nav) !important;
	letter-spacing: -0.1px;
}

/* ==========================================================================
   GLOBAL HEADINGS TYPOGRAPHY — GOOGLE SANS
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a,
.wp-block-heading,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.smat-hero-headline,
.smat-section-title,
.smat-footer-heading,
.smat-spotlight-title,
.smat-card-heading,
.smat-quickhelp-title,
.smat-contact-grid-title,
.smat-group-title,
.smat-fspot-title,
.smat-fspot-team-name,
.smat-card-match-title,
.smat-faq-summary,
.smat-faq-question,
.page:not(.home) .entry-title,
.site-title,
.site-title a,
.smat-logo-text {
	font-family: var(--smat-font-heading) !important;
}

/* ==========================================================================
   1. BRAND LOGO STYLING (Header & Footer)
   ========================================================================== */
.smat-brand-link {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	outline: none;
}

.smat-logo-text {
	font-family: var(--smat-font-heading);
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: #0f172a;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.smat-logo-text:hover {
	opacity: 0.9;
}

.smat-logo-white {
	color: #ffffff !important;
}

.smat-logo-accent {
	background: #6dcc20;
	color: #02241a;
	font-size: 13px;
	font-weight: 800;
	padding: 2px 7px;
	border-radius: 4px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1.3;
}

/* ==========================================================================
   2. HEADER DESIGN (Sticky, Clean & Modern)
   ========================================================================== */
#masthead {
	background-color: #ffffff !important;
	border-bottom: 1px solid #e2e8f0;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	position: sticky !important;
	top: 0;
	z-index: 999;
	transition: all 0.3s ease;
}

.ast-primary-header-bar {
	background: transparent !important;
	border-bottom: none !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Site Branding Container */
.site-branding {
	display: flex;
	align-items: center;
}

/* Desktop Navigation Menu */
@media (min-width: 922px) {
	.main-header-menu {
		display: flex !important;
		align-items: center !important;
		gap: 4px !important;
		background: transparent !important;
	}

	.main-header-menu .menu-item {
		margin: 0 !important;
	}

	.main-header-menu .menu-item > .menu-link {
		font-family: var(--smat-font-nav) !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		color: #334155 !important;
		padding: 8px 14px !important;
		border-radius: 6px !important;
		transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
		text-decoration: none !important;
		display: inline-block !important;
		line-height: 1.4 !important;
	}

	/* Nav Hover State */
	.main-header-menu .menu-item:hover > .menu-link,
	.main-header-menu .menu-item > .menu-link:hover {
		color: #054632 !important;
		background-color: rgba(109, 204, 32, 0.12) !important;
		border-radius: 6px;
	}

	/* Active / Current Page Highlight */
	.main-header-menu .current-menu-item > .menu-link,
	.main-header-menu .current_page_item > .menu-link {
		color: #054632 !important;
		background-color: rgba(109, 204, 32, 0.18) !important;
		box-shadow: inset 0 -2px 0 0 #6dcc20 !important;
		border-radius: 6px;
		font-weight: 700 !important;
	}
}

/* Mobile Header & Toggle */
@media (max-width: 921px) {
	#masthead {
		padding: 4px 0;
	}

	.ast-mobile-menu-trigger-minimal {
		border: 1px solid #e2e8f0 !important;
		border-radius: 6px !important;
		padding: 6px !important;
	}

	.ast-mobile-header-wrap .main-header-menu {
		background: #ffffff !important;
		border-top: 1px solid #f1f5f9;
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
		padding: 10px 0;
	}

	.ast-mobile-header-wrap .main-header-menu .menu-item {
		border-bottom: 1px solid #f8fafc;
	}

	.ast-mobile-header-wrap .main-header-menu .menu-link {
		padding: 12px 20px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		color: #1e293b !important;
		display: block !important;
	}

	.ast-mobile-header-wrap .main-header-menu .current-menu-item > .menu-link {
		color: #054632 !important;
		background: rgba(109, 204, 32, 0.16) !important;
		border-left: 3px solid #6dcc20 !important;
	}
}

/* ==========================================================================
   3. MODERN CUSTOM FOOTER DESIGN
   ========================================================================== */
.smat-site-footer {
	background-color: #031711 !important;
	color: #94a3b8 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	border-top: 3px solid #6dcc20;
	margin-top: 0;
	padding-top: 45px;
	padding-bottom: 30px;
	width: 100%;
}

.smat-footer-container {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* 4-Column Grid */
.smat-footer-grid {
	display: grid;
	grid-template-columns: 2.2fr 1.3fr 1.3fr 1.2fr;
	gap: 40px;
	margin-bottom: 50px;
}

/* Brand Column */
.smat-footer-brand {
	padding-right: 20px;
}

.smat-footer-logo {
	display: inline-block;
	margin-bottom: 16px;
	text-decoration: none;
}

.smat-footer-logo-img {
	height: 38px;
	width: auto;
	max-width: 250px;
	object-fit: contain;
	display: block;
}

.smat-footer-desc {
	font-size: 14.5px;
	line-height: 1.65;
	color: #94a3b8;
	margin-bottom: 20px;
}

.smat-footer-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #e2e8f0;
	background: rgba(255, 255, 255, 0.06);
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.smat-badge-dot {
	width: 8px;
	height: 8px;
	background-color: #6dcc20;
	border-radius: 50%;
	display: inline-block;
}

/* Column Headings */
.smat-footer-heading {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 8px;
}

.smat-footer-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 2px;
	background-color: #6dcc20;
	border-radius: 2px;
}

/* Column Links */
.smat-footer-links {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.smat-footer-links li {
	margin-bottom: 11px;
}

.smat-footer-links a {
	color: #94a3b8 !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: all 0.2s ease;
	display: inline-block;
}

.smat-footer-links a:hover {
	color: #6dcc20 !important;
	transform: translateX(4px);
}

/* Sub-Footer Bottom Bar */
.smat-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-top: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-size: 13px;
	color: #64748b;
}

.smat-footer-copyright strong {
	color: #cbd5e1;
}

.smat-footer-disclaimer-note {
	max-width: 650px;
	line-height: 1.5;
	font-size: 12px;
	color: #64748b;
}

/* Responsive Footer Breakpoints */
@media (max-width: 980px) {
	.smat-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 35px;
	}

	.smat-footer-brand {
		grid-column: span 2;
		padding-right: 0;
	}
}

@media (max-width: 600px) {
	.smat-site-footer {
		padding-top: 45px;
		margin-top: 40px;
	}

	.smat-footer-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.smat-footer-brand {
		grid-column: span 1;
	}

	.smat-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* ==========================================================================
   4. ADVANCED TABLE STYLING SYSTEM (GlobalT20 & Modern Sports UI)
   ========================================================================== */

/* Outer Block Table Container with Card Elevation */
.wp-block-table,
figure.wp-block-table,
figure.wp-block-table.is-style-stripes,
.smat-points-table-figure,
.smat-snapshot-table-figure {
	width: 100% !important;
	overflow-x: auto !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.07), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
	border: 1px solid #e2e8f0 !important;
	margin-top: 22px !important;
	margin-bottom: 35px !important;
	padding: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	-webkit-overflow-scrolling: touch;
}

/* Custom Sleek Scrollbar for Horizontal Scrolling on Mobile */
.wp-block-table::-webkit-scrollbar {
	height: 6px;
}
.wp-block-table::-webkit-scrollbar-track {
	background: #f1f5f9;
	border-radius: 3px;
}
.wp-block-table::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 3px;
}
.wp-block-table::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

/* Table Element - Responsive Proportional Layout & Curved Corners */
.wp-block-table table,
figure.wp-block-table table,
figure.wp-block-table.is-style-stripes table,
.wp-block-table table.has-fixed-layout {
	width: 100% !important;
	table-layout: auto !important; /* Automatic natural column proportions */
	border-collapse: separate !important; /* Enables corner radiuses to curve perfectly */
	border-spacing: 0 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 14.5px !important;
	line-height: 1.55 !important;
	margin: 0 !important;
	border: none !important;
}

/* Header Row & Rounded Top Corners */
.wp-block-table thead tr,
figure.wp-block-table thead tr {
	background: #054632 !important; /* Deep Tournament Green from Logo */
}

.wp-block-table thead th,
figure.wp-block-table thead th {
	background: #054632 !important;
	color: #ffffff !important;
	padding: 14px 20px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-align: left !important;
	border: none !important;
	border-bottom: 3px solid #6dcc20 !important; /* Logo Electric Lime Accent Line */
	white-space: nowrap !important;
	vertical-align: middle !important;
}

.wp-block-table thead th strong,
figure.wp-block-table thead th strong {
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* Top Corner Radius on Header Cells */
.wp-block-table thead tr:first-child th:first-child,
figure.wp-block-table thead tr:first-child th:first-child {
	border-top-left-radius: 13px !important;
}
.wp-block-table thead tr:first-child th:last-child,
figure.wp-block-table thead tr:first-child th:last-child {
	border-top-right-radius: 13px !important;
}

/* Table Body Rows */
.wp-block-table tbody tr,
figure.wp-block-table tbody tr {
	transition: background-color 0.15s ease;
}

/* Alternating Row Stripes (White & Subtle Slate Tint) */
.wp-block-table tbody tr:nth-child(odd),
figure.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #ffffff !important;
}

.wp-block-table tbody tr:nth-child(even),
figure.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
	background-color: #f8fafc !important;
}

/* Row Hover Highlight */
.wp-block-table tbody tr:hover,
figure.wp-block-table.is-style-stripes tbody tr:hover {
	background-color: #f1f5f9 !important;
}

/* Table Data Cells */
.wp-block-table tbody td,
figure.wp-block-table tbody td,
figure.wp-block-table.is-style-stripes tbody td {
	padding: 13px 20px !important;
	font-size: 14px !important;
	color: #334155 !important;
	vertical-align: middle !important;
	border: none !important;
	border-bottom: 1px solid #edf2f7 !important;
}

.wp-block-table tbody td strong,
figure.wp-block-table tbody td strong {
	color: #0f172a !important;
	font-weight: 600;
}

/* First Column Bold Sports Identification */
.wp-block-table table tbody td:first-child:not(:only-child),
figure.wp-block-table table tbody td:first-child:not(:only-child) {
	color: #0f172a !important;
	font-weight: 600 !important;
}

/* Last Row Clean Bottom (No Line, Rounded Bottom Corners) */
.wp-block-table tbody tr:last-child td,
figure.wp-block-table tbody tr:last-child td {
	border-bottom: none !important;
}
.wp-block-table tbody tr:last-child td:first-child,
figure.wp-block-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 13px !important;
}
.wp-block-table tbody tr:last-child td:last-child,
figure.wp-block-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 13px !important;
}

/* Qualifying Rows (Top Teams in Points Table) */
.wp-block-table tbody tr[style*="#e8f5e9"],
figure.wp-block-table tbody tr[style*="#e8f5e9"] {
	background-color: #f0fdf4 !important;
	border-left: 4px solid #10b981 !important;
}

.wp-block-table tbody tr[style*="#e8f5e9"]:hover,
figure.wp-block-table tbody tr[style*="#e8f5e9"]:hover {
	background-color: #dcfce7 !important;
}

/* Badges inside tables (Upcoming, Live, Finished, Status) */
.wp-block-table td span[style*="font-weight:bold"] {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 700 !important;
	background: rgba(16, 185, 129, 0.12);
	border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Mobile Responsive Optimization */
@media (max-width: 768px) {
	.wp-block-table,
	figure.wp-block-table {
		border-radius: 12px !important;
		margin-top: 18px !important;
		margin-bottom: 24px !important;
	}

	.wp-block-table table,
	figure.wp-block-table table {
		min-width: 580px !important;
	}

	.wp-block-table thead th,
	figure.wp-block-table thead th {
		padding: 12px 14px !important;
		font-size: 12px !important;
	}

	.wp-block-table tbody td,
	figure.wp-block-table tbody td {
		padding: 11px 14px !important;
		font-size: 13px !important;
	}
}


/* ==========================================================================
   5. CLEAN FULL-WIDTH HERO SECTION (100% Width — No Right Gaps, No Hacks)
   ========================================================================== */

/* Prevent horizontal scrollbars */
html, body {
	overflow-x: hidden;
}

/* Remove default entry-header & margins on home */
.home .entry-header {
	display: none !important;
}

.home .site-content {
	padding-top: 0 !important;
}

.home .site-content > .ast-container,
.home #primary,
.home .site-main,
.home .site-main > article,
.home.ast-page-builder-template .site-main > article,
.home .ast-article-single,
.home .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.home .entry-content[data-ast-blocks-layout] > .smat-hero-simple {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* True 100% Full Width Hero - Branded to Official Logo */
.smat-hero-simple {
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	position: relative !important;
	background: radial-gradient(circle at 85% 20%, rgba(109, 204, 32, 0.18) 0%, transparent 55%), radial-gradient(circle at 10% 85%, rgba(5, 70, 50, 0.5) 0%, transparent 50%), linear-gradient(145deg, #021a12 0%, #032b1f 45%, #054632 100%) !important;
	padding: 55px 24px 60px !important;
	box-sizing: border-box !important;
	margin-top: 0 !important;
	margin-bottom: 45px !important;
	border-bottom: 1px solid rgba(109, 204, 32, 0.25) !important;
	box-shadow: 0 12px 32px -10px rgba(2, 26, 18, 0.6) !important;
}

/* Centered Inner Container */
.smat-hero-container {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	text-align: left;
}

/* Homepage Main Content Wrapper */
.smat-home-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
	box-sizing: border-box;
	width: 100%;
}

@media (max-width: 768px) {
	.smat-home-container {
		padding: 0 16px;
	}
}

@media (max-width: 480px) {
	.smat-home-container {
		padding: 0 14px;
	}
}

/* Quick Stats Grid */
.smat-quick-stats-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: -25px auto 38px auto;
	position: relative;
	z-index: 10;
}

.smat-qstat-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.smat-qstat-card:hover {
	transform: translateY(-2px);
	border-color: #6dcc20;
	box-shadow: 0 8px 24px -2px rgba(5, 70, 50, 0.14);
}

.smat-qstat-icon {
	font-size: 24px;
	line-height: 1;
	background: #f0fdf4;
	border: 1px solid #dcfce7;
	color: #054632;
	border-radius: 10px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.smat-qstat-info {
	display: flex;
	flex-direction: column;
}

.smat-qstat-val {
	font-size: 15px;
	font-weight: 800;
	color: #054632;
	font-family: var(--smat-font-heading);
	line-height: 1.25;
}

.smat-qstat-lbl {
	font-size: 12px;
	color: #64748b;
	font-weight: 500;
	line-height: 1.3;
}

body.dark-theme .smat-qstat-card {
	background: #062319;
	border: 1px solid #0d4632;
	box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.4);
}
body.dark-theme .smat-qstat-card:hover {
	border-color: #6dcc20;
	box-shadow: 0 8px 24px -2px rgba(109, 204, 32, 0.18);
}
body.dark-theme .smat-qstat-val {
	color: #f8fafc;
}
body.dark-theme .smat-qstat-lbl {
	color: #94a3b8;
}
body.dark-theme .smat-qstat-icon {
	background: #093828;
	border: 1px solid #0e563d;
	color: #6dcc20;
}

@media (max-width: 900px) {
	.smat-quick-stats-strip {
		grid-template-columns: repeat(2, 1fr);
		margin-top: -15px;
		gap: 12px;
	}
}

@media (max-width: 480px) {
	.smat-quick-stats-strip {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: -10px;
		margin-bottom: 28px;
	}
	.smat-qstat-card {
		padding: 12px 14px;
		gap: 10px;
	}
	.smat-qstat-icon {
		width: 36px;
		height: 36px;
		font-size: 19px;
	}
	.smat-qstat-val {
		font-size: 13.5px;
	}
	.smat-qstat-lbl {
		font-size: 11px;
	}
}

/* Subtle Meta Category / Subtitle */
.smat-hero-meta {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #6dcc20;
	margin-bottom: 14px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(109, 204, 32, 0.12);
	border: 1px solid rgba(109, 204, 32, 0.35);
	padding: 5px 14px;
	border-radius: 9999px;
	width: fit-content;
}

.smat-hero-meta span {
	color: #6dcc20 !important;
}

.smat-meta-sep {
	color: rgba(109, 204, 32, 0.5) !important;
}

/* Bold Headline */
.smat-hero-headline {
	font-family: var(--smat-font-heading) !important;
	font-size: 42px !important;
	font-weight: 800 !important;
	line-height: 1.18 !important;
	color: #ffffff !important;
	margin: 0 0 16px 0 !important;
	letter-spacing: -0.5px;
	max-width: 900px;
}

/* Intro Paragraph */
.smat-hero-intro {
	font-size: 17px !important;
	line-height: 1.65 !important;
	color: #cbd5e1 !important;
	max-width: 780px !important;
	margin: 0 0 28px 0 !important;
}

/* Simple, Solid Buttons */
.smat-hero-links {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.smat-btn-red {
	background: linear-gradient(135deg, #6dcc20 0%, #5cb818 100%) !important;
	color: #02241a !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	padding: 11px 24px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.2s ease !important;
	border: 1px solid #7ee429 !important;
	box-shadow: 0 4px 14px rgba(109, 204, 32, 0.38) !important;
}

.smat-btn-red:hover {
	background: linear-gradient(135deg, #7ee429 0%, #6dcc20 100%) !important;
	color: #011912 !important;
	box-shadow: 0 6px 22px rgba(109, 204, 32, 0.58) !important;
	transform: translateY(-2px);
}

.smat-btn-dark {
	background: rgba(2, 36, 26, 0.65) !important;
	color: #ffffff !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 11px 24px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.2s ease !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.smat-btn-dark:hover {
	background: rgba(5, 70, 50, 0.95) !important;
	border-color: #6dcc20 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Ultra-Responsive Mobile Breakpoints for Hero & Content */
@media (max-width: 768px) {
	.smat-hero-simple {
		padding: 40px 18px 45px !important;
		margin-bottom: 30px !important;
	}

	.smat-hero-headline {
		font-size: 28px !important;
	}

	.smat-hero-intro {
		font-size: 15px !important;
	}

	.smat-hero-links {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;
	}
}

@media (max-width: 540px) {
	.smat-hero-simple {
		padding: 32px 16px 36px !important;
		margin-bottom: 24px !important;
	}

	.smat-hero-headline {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	.smat-hero-intro {
		font-size: 14.5px !important;
		line-height: 1.6 !important;
		margin-bottom: 20px !important;
	}

	.smat-hero-links {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
		width: 100% !important;
	}

	.smat-hero-links a:first-child {
		grid-column: span 2 !important;
	}

	.smat-hero-links .smat-btn-red,
	.smat-hero-links .smat-btn-dark {
		width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		padding: 11px 12px !important;
		font-size: 13.5px !important;
		min-height: 44px !important;
	}
}

/* Ultra-Responsive Tables for Mobile */
@media (max-width: 640px) {
	/* 2-column tables fit screen naturally without forced scroll */
	.smat-table-glance table {
		min-width: 100% !important;
		width: 100% !important;
		table-layout: fixed !important;
	}
	.smat-table-glance th:first-child,
	.smat-table-glance td:first-child {
		width: 42% !important;
		font-weight: 700 !important;
		word-break: break-word;
	}
	.smat-table-glance th:last-child,
	.smat-table-glance td:last-child {
		width: 58% !important;
		word-break: break-word;
	}

	/* Multi-column tables scroll cleanly */
	.smat-table-schedule table {
		min-width: 520px !important;
	}
	.smat-snapshot-table-figure table {
		min-width: 560px !important;
	}

	.wp-block-table thead th,
	figure.wp-block-table thead th {
		padding: 10px 12px !important;
		font-size: 12px !important;
	}

	.wp-block-table tbody td,
	figure.wp-block-table tbody td {
		padding: 10px 12px !important;
		font-size: 13px !important;
	}
}


/* ==========================================================================
   6. INTERNAL LINKS STYLING (Color Only — No Background, No Padding)
   ========================================================================== */

/* All in-content links: simple branded color, no background, no padding */
.entry-content a:not(.wp-block-button__link):not(.smat-hero-btn):not(.smat-brand-link):not(.smat-btn-red):not(.smat-btn-dark):not(.smat-email-address):not(.smat-quickhelp-pill):not(.smat-contact-btn) {
	color: #054632 !important;
	background: transparent !important;
	background-color: transparent !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	display: inline !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(5, 70, 50, 0.45) !important;
	text-underline-offset: 3px !important;
	text-decoration-thickness: 1.5px !important;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.entry-content a:not(.wp-block-button__link):not(.smat-hero-btn):not(.smat-brand-link):not(.smat-btn-red):not(.smat-btn-dark):not(.smat-email-address):not(.smat-quickhelp-pill):not(.smat-contact-btn):hover {
	color: #085e43 !important;
	background: transparent !important;
	background-color: transparent !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	transform: none !important;
	text-decoration-color: #085e43 !important;
}

body.dark-theme .entry-content a:not(.wp-block-button__link):not(.smat-hero-btn):not(.smat-brand-link):not(.smat-btn-red):not(.smat-btn-dark):not(.smat-email-address):not(.smat-quickhelp-pill):not(.smat-contact-btn) {
	color: #6dcc20 !important;
	text-decoration-color: rgba(109, 204, 32, 0.4) !important;
}

body.dark-theme .entry-content a:not(.wp-block-button__link):not(.smat-hero-btn):not(.smat-brand-link):not(.smat-btn-red):not(.smat-btn-dark):not(.smat-email-address):not(.smat-quickhelp-pill):not(.smat-contact-btn):hover {
	color: #86ef35 !important;
	text-decoration-color: #86ef35 !important;
}

.entry-content a:not(.wp-block-button__link):not(.smat-hero-btn):not(.smat-brand-link):not(.smat-btn-red):not(.smat-btn-dark):not(.smat-email-address):not(.smat-quickhelp-pill):not(.smat-contact-btn) strong {
	color: inherit !important;
	font-weight: 700 !important;
}

/* ==========================================================================
   7. SUBPAGE HEADER & ENTRY STYLING
   ========================================================================== */
.page:not(.home) .entry-header {
	margin-top: 0;
	margin-bottom: 25px;
	padding-bottom: 16px;
	border-bottom: 2px solid #f1f5f9;
}

.page:not(.home) .entry-title {
	font-family: var(--smat-font-heading) !important;
	font-size: 34px !important;
	font-weight: 800 !important;
	color: #0a192f !important;
	letter-spacing: -0.5px !important;
	margin: 0 !important;
	line-height: 1.25 !important;
}

body.dark-theme .page:not(.home) .entry-title {
	color: #f8fafc !important;
}

body.dark-theme .page:not(.home) .entry-header {
	border-bottom-color: #1e293b !important;
}

/* ==========================================================================
   8. MODERN CONTACT PAGE DESIGN SYSTEM
   ========================================================================== */
.smat-contact-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #1e293b;
	margin: 0 0 40px 0;
}

.smat-contact-intro-lead {
	font-size: 16.5px !important;
	line-height: 1.65 !important;
	color: #475569 !important;
	margin-bottom: 28px !important;
	max-width: 820px;
}

/* ==========================================================================
   SIMPLE CONTACT CARD
   ========================================================================== */
.smat-simple-contact-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 32px;
	max-width: 640px;
	margin: 24px 0 32px 0;
	box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.05);
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.smat-simple-contact-icon {
	font-size: 28px;
	line-height: 1;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 12px;
	flex-shrink: 0;
}

.smat-simple-contact-body {
	flex: 1;
}

.smat-simple-contact-heading {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #040c1e !important;
	margin: 0 0 6px 0 !important;
}

.smat-simple-contact-text {
	font-size: 14.5px !important;
	color: #64748b !important;
	margin: 0 0 16px 0 !important;
	line-height: 1.5 !important;
}

.smat-simple-email-row {
	margin-bottom: 18px;
}

.smat-simple-email-link {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	color: #040c1e !important;
	text-decoration: none !important;
	border-bottom: 2px solid #6dcc20 !important;
	padding-bottom: 2px !important;
	transition: color 0.15s ease !important;
}

.smat-simple-email-link:hover {
	color: #054632 !important;
}

.smat-simple-contact-action .smat-btn-red {
	display: inline-block !important;
	padding: 10px 22px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
}

@media (max-width: 640px) {
	.smat-simple-contact-card {
		flex-direction: column;
		padding: 22px;
		gap: 16px;
	}
	.smat-simple-email-link {
		font-size: 17px !important;
	}
}

/* Primary Spotlight Contact Card */
.smat-contact-spotlight {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-top: 4px solid #054632;
	border-radius: 14px;
	padding: 32px 34px 28px;
	margin-bottom: 36px;
	box-shadow: 0 10px 28px -10px rgba(5, 70, 50, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	flex-wrap: wrap;
}

.smat-spotlight-info {
	flex: 1 1 440px;
}

.smat-spotlight-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #054632;
	background: rgba(5, 70, 50, 0.08);
	border: 1px solid rgba(5, 70, 50, 0.18);
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 12px;
}

.smat-spotlight-title {
	font-size: 23px !important;
	font-weight: 800 !important;
	color: #0a192f !important;
	margin: 0 0 8px 0 !important;
	letter-spacing: -0.3px !important;
}

.smat-spotlight-desc {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #64748b !important;
	margin: 0 0 16px 0 !important;
}

.smat-spotlight-email-box {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	padding: 10px 18px;
	margin-bottom: 16px;
}

.smat-email-address {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #0a192f !important;
	text-decoration: none !important;
	letter-spacing: -0.3px !important;
	display: inline-block !important;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
	transition: color 0.15s ease !important;
}

.smat-email-address:hover {
	color: #054632 !important;
}

.smat-spotlight-meta {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	font-size: 13px;
	color: #64748b;
}

.smat-spotlight-meta-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.smat-spotlight-action {
	flex: 0 0 auto;
}

/* 3-Column Topics Breakdown */
.smat-contact-grid-title {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: #0a192f !important;
	margin: 0 0 16px 0 !important;
	letter-spacing: -0.3px !important;
}

.smat-contact-cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 34px;
}

.smat-contact-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 24px;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	display: flex;
	flex-direction: column;
}

.smat-contact-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px -8px rgba(5, 70, 50, 0.1);
	border-color: #6dcc20;
}

.smat-card-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: #f0fdf4;
	color: #054632;
	border: 1px solid #dcfce7;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 16px;
}

.smat-card-heading {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0a192f !important;
	margin: 0 0 8px 0 !important;
}

.smat-card-text {
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #64748b !important;
	margin: 0 0 16px 0 !important;
	flex-grow: 1;
}

.smat-card-channel {
	font-size: 12.5px;
	font-weight: 600;
	color: #475569;
	background: #f8fafc;
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	display: inline-block;
}

.smat-card-channel strong {
	color: #0a192f;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
}

/* Quick Help Banner */
.smat-contact-quickhelp {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 24px 26px;
	margin-bottom: 26px;
}

.smat-quickhelp-title {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0a192f !important;
	margin: 0 0 6px 0 !important;
}

.smat-quickhelp-desc {
	font-size: 14px !important;
	color: #64748b !important;
	margin: 0 0 14px 0 !important;
}

.smat-quickhelp-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.smat-quickhelp-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #0a192f !important;
	background: #ffffff !important;
	border: 1px solid #cbd5e1 !important;
	padding: 8px 14px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
	transition: all 0.2s ease !important;
}

.smat-quickhelp-pill:hover {
	background: #0a192f !important;
	color: #ffffff !important;
	border-color: #0a192f !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(10, 25, 47, 0.12) !important;
}

/* Notice Box */
.smat-contact-notice {
	background: #fffbeb;
	border-left: 4px solid #f59e0b;
	border-radius: 8px;
	padding: 16px 20px;
	font-size: 13.5px;
	line-height: 1.6;
	color: #92400e;
}

.smat-contact-notice strong {
	color: #78350f;
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
	.smat-contact-cards-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.smat-contact-spotlight {
		padding: 24px 20px;
	}

	.smat-spotlight-email-box {
		width: 100%;
		box-sizing: border-box;
		justify-content: center;
	}

	.smat-email-address {
		font-size: 17px !important;
	}

	.smat-spotlight-action {
		width: 100%;
	}

	.smat-spotlight-action .smat-btn-red {
		width: 100%;
		text-align: center;
		display: block !important;
		box-sizing: border-box !important;
	}

	.page:not(.home) .entry-title {
		font-size: 26px !important;
	}
}

/* Dark Mode Contact Styles */
body.dark-theme .smat-contact-card,
body.dark-theme .smat-contact-spotlight,
body.dark-theme .smat-contact-assist-card {
	background: #0f1a36 !important;
	border-color: #1e293b !important;
}

body.dark-theme .smat-contact-spotlight-title,
body.dark-theme .smat-contact-assist-title,
body.dark-theme .smat-contact-card-title,
body.dark-theme .smat-contact-grid-title,
body.dark-theme .smat-spotlight-title {
	color: #f8fafc !important;
}

body.dark-theme .smat-contact-spotlight-desc,
body.dark-theme .smat-contact-assist-desc,
body.dark-theme .smat-contact-card-desc,
body.dark-theme .smat-spotlight-desc,
body.dark-theme .smat-contact-meta-item,
body.dark-theme .smat-spotlight-meta-item {
	color: #94a3b8 !important;
}

body.dark-theme .smat-email-box,
body.dark-theme .smat-spotlight-email-box {
	background: #111e3e !important;
	border-color: #334155 !important;
}

body.dark-theme .smat-email-address {
	color: #38bdf8 !important;
}

body.dark-theme .smat-contact-notice {
	background: #1e1b4b !important;
	border-left-color: #6366f1 !important;
	color: #c7d2fe !important;
}

body.dark-theme .smat-contact-notice strong {
	color: #ffffff !important;
}

/* ==========================================================================
   10. DYNAMIC POINTS TABLE & STANDINGS MODULE
   ========================================================================== */

.smat-dynamic-standings-wrapper {
	margin: 28px 0 40px 0;
	width: 100%;
}

.smat-standings-meta-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
	padding: 12px 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}

.smat-status-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 5px 12px;
	border-radius: 9999px;
}

.smat-badge-live {
	background: #dcfce7;
	color: #15803d;
	border: 1px solid #bbf7d0;
}

.smat-badge-live .smat-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
	animation: smat-pulse 2s infinite;
}

.smat-badge-verified {
	background: #e0f2fe;
	color: #0369a1;
	border: 1px solid #bae6fd;
}

.smat-badge-verified .smat-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0284c7;
}

@keyframes smat-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(34, 197, 94, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
	}
}

.smat-meta-info {
	color: #64748b;
	font-size: 13px;
}

/* Tabs Navigation */
.smat-tabs-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 8px;
	margin-bottom: 24px;
	-webkit-overflow-scrolling: touch;
}

.smat-tab-btn {
	background: #ffffff;
	border: 1px solid #cbd5e1;
	color: #334155;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 18px;
	border-radius: 8px;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.15s ease-in-out;
}

.smat-tab-btn:hover {
	background: rgba(109, 204, 32, 0.12);
	color: #054632;
	border-color: #6dcc20;
	transform: translateY(-1px);
}

.smat-tab-btn.active {
	background: #054632 !important;
	color: #ffffff !important;
	border-color: #054632 !important;
	box-shadow: 0 4px 14px rgba(5, 70, 50, 0.3), inset 0 -3px 0 0 #6dcc20 !important;
	font-weight: 700;
}

body.dark-theme .smat-tab-btn {
	background: #07271c;
	border-color: #0d4632;
	color: #cbd5e1;
}

body.dark-theme .smat-tab-btn:hover {
	background: rgba(109, 204, 32, 0.16);
	color: #6dcc20;
	border-color: #6dcc20;
}

body.dark-theme .smat-tab-btn.active {
	background: #054632 !important;
	border-color: #6dcc20 !important;
	color: #ffffff !important;
	box-shadow: 0 0 16px rgba(109, 204, 32, 0.25), inset 0 -3px 0 0 #6dcc20 !important;
}

/* Group Panels */
.smat-group-panel {
	margin-bottom: 36px;
}

.smat-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 2px solid #e2e8f0;
}

.smat-group-title {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #040c1e !important;
	margin: 0 !important;
}

.smat-group-count {
	font-size: 13px;
	color: #64748b;
	font-weight: 600;
	background: #f1f5f9;
	padding: 3px 10px;
	border-radius: 999px;
}

/* Points Table Row Styling & Tags */
.smat-team-cell {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smat-team-name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.smat-tag {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	padding: 2px 6px;
	border-radius: 4px;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

.smat-tag-q {
	background: #15803d;
	color: #ffffff;
}

.smat-tag-pq {
	background: #d97706;
	color: #ffffff;
}

.smat-row-qualified td {
	background-color: #f0fdf4 !important;
}

.smat-row-qualified:hover td {
	background-color: #dcfce7 !important;
}

.smat-row-prequalified td {
	background-color: #fffbeb !important;
}

.smat-row-prequalified:hover td {
	background-color: #fef3c7 !important;
}

.smat-qual-text {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #15803d;
	background: #dcfce7;
	padding: 3px 8px;
	border-radius: 4px;
}

/* Standings Legend */
.smat-standings-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	padding: 14px 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	font-size: 13px;
	color: #475569;
	margin-top: 20px;
}

.smat-legend-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

@media (max-width: 640px) {
	.smat-standings-meta-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.smat-standings-legend {
		flex-direction: column;
		gap: 10px;
	}
}

/* ==========================================================================
   7. INTERACTIVE FAQ ACCORDION SYSTEM (Modern Clean Card Design)
   ========================================================================== */

.smat-faq-accordion-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin-top: 24px !important;
	margin-bottom: 40px !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Individual FAQ Card - Full Container Width & Explicit Margin Reset */
.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .smat-faq-accordion-group > .smat-faq-item,
.entry-content .smat-faq-accordion-group > .smat-faq-item,
.smat-faq-accordion-group .smat-faq-item,
.smat-faq-item {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.smat-faq-item:hover {
	border-color: #cbd5e1;
	background: #ffffff;
}

/* Open Card State */
.smat-faq-item[open] {
	background: #ffffff;
	border-color: #cbd5e1;
	box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.06);
}

/* Summary / Question Header */
.smat-faq-summary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 16px 20px;
	cursor: pointer;
	list-style: none;
	user-select: none;
	outline: none;
	transition: background-color 0.15s ease;
}

/* Remove default browser details arrow */
.smat-faq-summary::-webkit-details-marker,
.smat-faq-summary::marker {
	display: none;
}

/* Question Title */
.smat-faq-question {
	font-size: 15.5px;
	font-weight: 600;
	color: #0f172a;
	line-height: 1.45;
	padding-right: 16px;
	flex: 1;
	transition: color 0.15s ease;
}

.smat-faq-item:hover .smat-faq-question {
	color: #0284c7;
}

.smat-faq-item[open] .smat-faq-question {
	color: #0f172a;
}

/* Chevron Icon (Pure CSS Chevron — Reliable & Never Stripped by WP KSES) */
.smat-faq-chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	color: #64748b;
	transition: color 0.2s ease;
}

.smat-faq-chevron::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	margin-bottom: 3px;
}

/* When Open: Rotate Arrow UP & Turn Accent RED (Matches reference screenshot) */
.smat-faq-item[open] .smat-faq-chevron {
	color: #e63946; /* Clean Scarlet Red Accent */
}

.smat-faq-item[open] .smat-faq-chevron::after {
	transform: rotate(-135deg);
	margin-bottom: -3px;
}

/* Answer Area */
.smat-faq-answer {
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0 20px 18px 20px;
	animation: smatFaqSlideDown 0.22s ease-out;
}

.smat-faq-answer p {
	font-size: 14.5px;
	line-height: 1.65;
	color: #475569;
	margin: 0;
}

.smat-faq-answer p + p {
	margin-top: 10px;
}

/* Slide Down Animation */
@keyframes smatFaqSlideDown {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Mobile Responsive Optimization */
@media (max-width: 640px) {
	.smat-faq-summary {
		padding: 14px 16px;
	}
	.smat-faq-question {
		font-size: 14.5px;
	}
	.smat-faq-answer {
		padding: 0 16px 16px 16px;
	}
	.smat-faq-answer p {
		font-size: 13.5px;
	}
}

/* ==========================================================================
   8. MODERN UNIFIED NAVBAR (Matches Reference RailLine UI)
   ========================================================================== */

:root {
	/* Official Logo Brand Colors */
	--smat-brand-primary: #054632;       /* Deep Forest Green from Logo */
	--smat-brand-primary-dark: #02241a;  /* Deep Tournament Night Green */
	--smat-brand-primary-light: #085e43; /* Medium Green */
	--smat-brand-accent: #6dcc20;        /* Electric Lime from Logo 2026 */
	--smat-brand-accent-hover: #5cb818;  /* Lime Darker */
	--smat-brand-accent-glow: rgba(109, 204, 32, 0.28);
	--smat-brand-tint: rgba(5, 70, 50, 0.08);

	--smat-nav-height: 68px;
	--smat-nav-bg: #ffffff;
	--smat-nav-border: #e8f0eb;
	--smat-nav-text: #1e293b;
	--smat-nav-text-hover: #054632;
	--smat-body-bg: #f4f7f5;
	--smat-contained-bg: #ffffff;
	--smat-card-bg: #f8faf9;
	--smat-card-border: #e2ece6;
	--smat-text-primary: #0f172a;
	--smat-text-secondary: #475569;
}

/* Dark Theme Variables */
html.dark-theme,
body.dark-theme {
	--smat-nav-bg: #031c14;
	--smat-nav-border: #0a3a2a;
	--smat-nav-text: #e2e8f0;
	--smat-nav-text-hover: #6dcc20;
	--smat-body-bg: #02120d;
	--smat-contained-bg: #041c14;
	--smat-card-bg: #07271c;
	--smat-card-border: #0c3e2d;
	--smat-text-primary: #f8fafc;
	--smat-text-secondary: #94a3b8;
	background-color: var(--smat-body-bg) !important;
	color: var(--smat-text-primary) !important;
}

body.dark-theme .ast-article-single,
body.dark-theme .site-content,
body.dark-theme .entry-content,
body.dark-theme .ast-plain-container,
body.dark-theme .site-main {
	background-color: var(--smat-contained-bg) !important;
	color: var(--smat-text-primary) !important;
}

body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4 {
	color: #f8fafc !important;
}

body.dark-theme p {
	color: #cbd5e1 !important;
}

body.dark-theme .wp-block-table,
body.dark-theme figure.wp-block-table {
	background: var(--smat-card-bg) !important;
	border-color: var(--smat-card-border) !important;
}
body.dark-theme .wp-block-table tbody tr:nth-child(odd) {
	background-color: #0f1a36 !important;
}
body.dark-theme .wp-block-table tbody tr:nth-child(even) {
	background-color: #0c152d !important;
}
body.dark-theme .wp-block-table tbody tr:hover {
	background-color: #172554 !important;
}
body.dark-theme .wp-block-table tbody td {
	color: #cbd5e1 !important;
	border-bottom-color: #1e293b !important;
}
body.dark-theme .wp-block-table tbody td strong {
	color: #f8fafc !important;
}

/* Dark mode for FAQ accordions */
body.dark-theme .smat-faq-item {
	background: var(--smat-card-bg) !important;
	border-color: var(--smat-card-border) !important;
}
body.dark-theme .smat-faq-item[open] {
	background: #111e3e !important;
	border-color: #334155 !important;
}
body.dark-theme .smat-faq-question {
	color: #f8fafc !important;
}
body.dark-theme .smat-faq-answer p {
	color: #94a3b8 !important;
}

/* Navbar Base */
.smat-site-navbar {
	position: sticky;
	top: 0;
	z-index: 999;
	width: 100%;
	height: var(--smat-nav-height);
	background: var(--smat-nav-bg);
	border-bottom: 1px solid var(--smat-nav-border);
	transition: background-color 0.2s ease, border-color 0.2s ease;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.smat-nav-container {
	max-width: 1200px; /* Matches exact first fold & content container width */
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 15px; /* Matches .smat-hero-container 15px side padding */
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 1. Left: Brand Logo */
.smat-nav-left {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.smat-brand-link {
	text-decoration: none !important;
	display: flex;
	align-items: center;
	line-height: 1;
}

.smat-header-logo {
	display: block;
	height: 36px;
	width: auto;
	max-height: 40px;
	object-fit: contain;
	transition: opacity 0.2s ease, transform 0.15s ease;
}


.smat-brand-link:hover .smat-header-logo {
	transform: scale(1.02);
}

.smat-logo-light {
	display: block;
}
.smat-logo-dark {
	display: none;
}

body.dark-theme .smat-logo-light {
	display: none !important;
}
body.dark-theme .smat-logo-dark {
	display: block !important;
}


/* 2. Middle: Navigation Links (Desktop) */
.smat-nav-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	margin: 0 16px;
	height: 100%;
}

.smat-nav-menu {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.smat-nav-item {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	height: 100%;
}

.smat-nav-link {
	font-family: var(--smat-font-nav) !important;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--smat-nav-text) !important;
	text-decoration: none !important;
	padding: 7px 11px;
	border-radius: 8px;
	border: 1px solid transparent;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

/* Nav Item Hover State (Branded to Logo Colors) */
.smat-nav-link:hover {
	color: #054632 !important;
	background-color: rgba(109, 204, 32, 0.12) !important;
	border-color: rgba(109, 204, 32, 0.35) !important;
	transform: translateY(-1px);
}

/* Nav Item Active State (Branded to Logo Colors) */
.smat-nav-item.active > .smat-nav-link {
	color: #054632 !important;
	background-color: rgba(109, 204, 32, 0.18) !important;
	border-color: rgba(109, 204, 32, 0.5) !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(5, 70, 50, 0.12);
}

/* Signature Electric Lime Bottom Indicator Bar */
.smat-nav-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	width: 28px;
	height: 3px;
	background: #6dcc20;
	border-radius: 3px 3px 0 0;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	pointer-events: none;
}

.smat-nav-item:hover::after,
.smat-nav-item.active::after {
	transform: translateX(-50%) scaleX(1);
}

/* Dark Theme Navigation Hover & Active (Glowing Electric Lime) */
body.dark-theme .smat-nav-link:hover {
	color: #6dcc20 !important;
	background-color: rgba(109, 204, 32, 0.15) !important;
	border-color: rgba(109, 204, 32, 0.4) !important;
	transform: translateY(-1px);
}

body.dark-theme .smat-nav-item.active > .smat-nav-link {
	color: #6dcc20 !important;
	background-color: rgba(109, 204, 32, 0.22) !important;
	border-color: rgba(109, 204, 32, 0.55) !important;
	font-weight: 700 !important;
	box-shadow: 0 0 14px rgba(109, 204, 32, 0.28);
}

body.dark-theme .smat-nav-item::after {
	background: #6dcc20;
	box-shadow: 0 0 8px rgba(109, 204, 32, 0.7);
}

/* Live Pulse Dot inside Navbar */
.smat-nav-live-dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ef4444;
	box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
	animation: smat-pulse-red 1.5s infinite;
	margin-right: 2px;
}

/* Dropdown Caret */
.smat-nav-caret {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	margin-bottom: 3px;
	opacity: 0.7;
}

.smat-has-dropdown:hover .smat-nav-caret {
	transform: rotate(-135deg);
	margin-bottom: -1px;
}

/* Dropdown Flyout Menu */
.smat-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(8px);
	background: var(--smat-nav-bg);
	border: 1px solid var(--smat-nav-border);
	border-radius: 10px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
	padding: 6px;
	min-width: 190px;
	list-style: none;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
	z-index: 1000;
}

.smat-has-dropdown:hover .smat-dropdown-menu,
.smat-has-dropdown:focus-within .smat-dropdown-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(2px);
}

.smat-dropdown-menu li {
	margin: 0;
	list-style: none;
}

.smat-dropdown-menu a {
	display: block;
	padding: 9px 14px;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--smat-nav-text) !important;
	text-decoration: none !important;
	border-radius: 6px;
	transition: background-color 0.15s ease, color 0.15s ease;
	white-space: nowrap;
}

.smat-dropdown-menu a:hover {
	background-color: #f1f5f9;
	color: #054632 !important;
}

body.dark-theme .smat-dropdown-menu a:hover {
	background-color: #07271c;
	color: #6dcc20 !important;
}

/* 3. Right: Dark Mode Toggle Button */
.smat-nav-right {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.smat-theme-toggle-btn {
	background: transparent;
	border: 1px solid var(--smat-nav-border);
	border-radius: 8px;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--smat-nav-text);
	cursor: pointer;
	outline: none;
	transition: all 0.2s ease;
	padding: 0;
}

.smat-theme-toggle-btn:hover {
	background: #f1f5f9;
	border-color: #cbd5e1;
	color: #054632;
}

body.dark-theme .smat-theme-toggle-btn:hover {
	background: #07271c;
	border-color: #0d4632;
	color: #6dcc20;
}

/* Moon / Sun Icon Switching */
.smat-icon-sun {
	display: none;
}
.smat-icon-moon {
	display: block;
}

body.dark-theme .smat-icon-sun {
	display: block;
	color: #fbbf24; /* Sun Gold */
}
body.dark-theme .smat-icon-moon {
	display: none;
}

/* Mobile Hamburger Button (Hidden on Desktop) */
.smat-mobile-toggle-btn {
	display: none;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 8px;
	margin-right: 12px;
	outline: none;
}

.smat-hamburger-icon {
	width: 22px;
	height: 16px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.smat-bar {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--smat-nav-text);
	border-radius: 2px;
	transition: all 0.25s ease-in-out;
}

/* Hamburger active transformation to X */
.smat-mobile-toggle-btn.is-active .smat-bar-1 {
	transform: translateY(7px) rotate(45deg);
}
.smat-mobile-toggle-btn.is-active .smat-bar-2 {
	opacity: 0;
}
.smat-mobile-toggle-btn.is-active .smat-bar-3 {
	transform: translateY(-7px) rotate(-45deg);
}

/* Mobile Menu Drawer */
.smat-mobile-menu-drawer {
	display: none;
	position: absolute;
	top: var(--smat-nav-height);
	left: 0;
	width: 100%;
	background: var(--smat-nav-bg);
	border-bottom: 1px solid var(--smat-nav-border);
	box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 998;
}

.smat-mobile-menu-drawer.is-open {
	max-height: 80vh;
	overflow-y: auto;
}

.smat-mobile-menu-inner {
	padding: 12px 20px 24px 20px;
}

.smat-mobile-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.smat-mobile-nav-list li {
	margin: 0;
	list-style: none;
}

.smat-mobile-nav-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 10px;
	font-size: 15px;
	font-weight: 500;
	color: var(--smat-nav-text) !important;
	text-decoration: none !important;
	border-bottom: 1px solid var(--smat-nav-border);
	border-left: 3px solid transparent;
	border-radius: 6px;
	transition: all 0.18s ease;
}

.smat-mobile-nav-list a:hover {
	color: #054632 !important;
	background-color: rgba(109, 204, 32, 0.12) !important;
	border-left-color: #6dcc20 !important;
	padding-left: 14px;
}

.smat-mobile-nav-list a.active {
	color: #054632 !important;
	background-color: rgba(109, 204, 32, 0.18) !important;
	border-left-color: #6dcc20 !important;
	font-weight: 700 !important;
	padding-left: 14px;
}

.smat-mobile-nav-list a.active .smat-mobile-arrow {
	color: #6dcc20 !important;
}

body.dark-theme .smat-mobile-nav-list a:hover {
	color: #6dcc20 !important;
	background-color: rgba(109, 204, 32, 0.15) !important;
	border-left-color: #6dcc20 !important;
	padding-left: 14px;
}

body.dark-theme .smat-mobile-nav-list a.active {
	color: #6dcc20 !important;
	background-color: rgba(109, 204, 32, 0.22) !important;
	border-left-color: #6dcc20 !important;
	font-weight: 700 !important;
	padding-left: 14px;
}

body.dark-theme .smat-mobile-nav-list a.active .smat-mobile-arrow {
	color: #6dcc20 !important;
}

.smat-mobile-arrow {
	font-size: 16px;
	color: #94a3b8;
}

.smat-mobile-divider {
	height: 1px;
	background: var(--smat-nav-border);
	margin: 8px 0;
}

/* Responsive Breakpoint (Tablet and Mobile: Matches Image 2) */
@media (max-width: 1024px) {
	.smat-site-navbar {
		--smat-nav-height: 60px;
	}

	.smat-nav-container {
		padding: 0 15px;
		display: grid;
		grid-template-columns: 48px 1fr 48px;
		align-items: center;
	}

	.smat-nav-left {
		grid-column: 1 / 3;
		display: contents;
	}

	/* Hamburger on the Left */
	.smat-mobile-toggle-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		grid-column: 1;
		justify-self: start;
	}

	/* Logo in the Center (Exactly like Image 2) */
	.smat-brand-link {
		grid-column: 2;
		justify-self: center;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.smat-header-logo {
		height: 28px;
		max-height: 32px;
	}



	/* Dark Mode Button on the Right */
	.smat-nav-right {
		grid-column: 3;
		justify-self: end;
	}

	/* Hide Desktop Menu */
	.smat-nav-center {
		display: none;
	}

	/* Enable Mobile Drawer */
	.smat-mobile-menu-drawer {
		display: block;
	}
}

/* ==========================================================================
   CONTAINED SITE LAYOUT (f1f5f8 Canvas with #fff Contained Middle Layout)
   ========================================================================== */
html,
body {
	background-color: #f1f5f8 !important;
}

#page {
	max-width: 1200px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: #ffffff !important;
	min-height: 100vh;
	border-left: 1px solid #e2e8f0;
	border-right: 1px solid #e2e8f0;
	box-shadow: 0 4px 25px -4px rgba(15, 23, 42, 0.05);
	position: relative;
	overflow: visible !important;
	box-sizing: border-box;
}

/* Ensure inner content wrappers remain clean white within contained #page */
.site-content,
.ast-container,
.entry-content,
.content-area,
.site-main {
	background-color: #ffffff !important;
}

/* Reset unwanted container & layout margins across all pages and viewports */
#primary,
.content-area,
.ast-plain-container #primary,
.ast-plain-container.ast-no-sidebar #primary,
.ast-separate-container #primary,
.ast-page-builder-template #primary,
.ast-page-builder-template .site .site-content #primary {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
	#primary,
	.content-area,
	.ast-plain-container.ast-no-sidebar #primary,
	.ast-plain-container #primary,
	.ast-separate-container #primary,
	.ast-page-builder-template #primary {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}

/* Clean, modern subpage content spacing */
body:not(.home) .site-content,
.page:not(.home) .site-content {
	padding-top: 20px;
	padding-bottom: 40px;
}

body:not(.home) .ast-container,
.page:not(.home) .ast-container {
	padding-left: 24px !important;
	padding-right: 24px !important;
}

/* Responsive adjustment for screens <= 1200px */
@media (max-width: 1200px) {
	#page {
		max-width: 100% !important;
		margin: 0 !important;
		border-left: none !important;
		border-right: none !important;
		box-shadow: none !important;
	}
}

@media (max-width: 768px) {
	.ast-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* Dark Mode Contained Theme */
html.dark-theme,
body.dark-theme {
	background-color: #070d1e !important;
}

body.dark-theme #page {
	background-color: #0b132b !important;
	border-color: #1e293b !important;
	box-shadow: 0 4px 25px -4px rgba(0, 0, 0, 0.5) !important;
}

body.dark-theme .site-content,
body.dark-theme .ast-container,
body.dark-theme .entry-content,
body.dark-theme .content-area,
body.dark-theme .site-main {
	background-color: #0b132b !important;
}


/* ==========================================================================
   11. LIVE SCORES & MATCH CENTER SYSTEM
   ========================================================================== */

.smat-match-center-wrapper {
	width: 100%;
	margin: 20px 0 40px 0;
}

/* Generous Full Width for Live Scores & Match Center */
.ast-page-builder-template.page-id-91 .entry-content,
.ast-page-builder-template.page-id-91 .ast-container {
	max-width: 1260px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}

/* Top Meta & Filter Controls Bar */
.smat-mc-header-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 24px;
	padding: 12px 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
}

.smat-mc-filter-group {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.smat-filter-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	color: #334155;
	font-size: 13.5px;
	font-weight: 600;
	padding: 7px 16px;
	border-radius: 9999px;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.smat-filter-btn:hover {
	background: rgba(109, 204, 32, 0.12);
	color: #054632;
	border-color: #6dcc20;
}

.smat-filter-btn.active {
	background: #054632 !important;
	color: #ffffff !important;
	border-color: #054632 !important;
	box-shadow: 0 3px 10px rgba(5, 70, 50, 0.25), inset 0 -2px 0 0 #6dcc20 !important;
}

.smat-filter-btn.btn-live.active {
	background: #dc2626 !important;
	border-color: #dc2626 !important;
	color: #ffffff !important;
}

.smat-count-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 999px;
	background: #e2e8f0;
	color: #1e293b;
}

.smat-filter-btn.active .smat-count-badge {
	background: rgba(255, 255, 255, 0.25);
	color: #ffffff;
}

.smat-dot-red {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #dc2626;
	display: inline-block;
}

.smat-filter-btn.btn-live.active .smat-dot-red {
	background: #ffffff;
}

.smat-mc-meta-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.smat-refresh-indicator {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: #64748b;
	font-weight: 500;
}

.smat-sync-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #10b981;
	box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	animation: smat-pulse-green 2s infinite;
}

@keyframes smat-pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

.smat-manual-refresh-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 600;
	color: #334155;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	padding: 5px 12px;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.15s ease;
}

.smat-manual-refresh-btn:hover {
	background: #f1f5f9;
	color: #0f172a;
}

/* Featured Match Hero Spotlight Card */
.smat-featured-match-spotlight {
	background: linear-gradient(135deg, #040c1e 0%, #0d1b3e 100%);
	border-radius: 16px;
	padding: 24px;
	color: #ffffff;
	margin-bottom: 30px;
	box-shadow: 0 10px 25px -5px rgba(4, 12, 30, 0.35);
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.smat-fspot-badge-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.smat-fspot-left {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.smat-pill-live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #dc2626;
	color: #ffffff;
	font-size: 11.5px;
	font-weight: 800;
	padding: 3px 10px;
	border-radius: 999px;
	letter-spacing: 0.04em;
}

.smat-dot-pulse {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
	animation: smat-pulse-white 1.5s infinite;
}

@keyframes smat-pulse-white {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.smat-fspot-title {
	font-size: 13.5px;
	color: #cbd5e1;
	font-weight: 500;
}

.smat-fspot-tv {
	font-size: 12.5px;
	color: #94a3b8;
	font-weight: 500;
}

/* Scoreboard layout */
.smat-fspot-scoreboard {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 20px;
	margin-bottom: 22px;
}

.smat-fspot-team {
	display: flex;
	align-items: center;
	gap: 16px;
}

.smat-team-badge-circle {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.04em;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	flex-shrink: 0;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.smat-fspot-team-name {
	font-size: 1.35rem !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	margin: 0 0 4px 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
}

.smat-batting-indicator {
	font-size: 14px;
}

.smat-fspot-team-score {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.smat-score-runs {
	font-size: 1.6rem;
	font-weight: 800;
	color: #ffffff;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.smat-score-overs {
	font-size: 13.5px;
	color: #94a3b8;
}

.smat-fspot-vs-divider {
	display: flex;
	align-items: center;
	justify-content: center;
}

.smat-vs-tag {
	font-size: 12px;
	font-weight: 800;
	color: #94a3b8;
	background: rgba(255, 255, 255, 0.08);
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* In-Play Equation Box */
.smat-fspot-equation-box {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	padding: 12px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.smat-equation-text {
	font-size: 14px;
	color: #fef08a;
}

.smat-equation-rates {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 13px;
	color: #cbd5e1;
}

.smat-equation-rates strong {
	color: #ffffff;
}

/* In-Play Strip */
.smat-fspot-inplay-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.smat-inplay-players {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	font-size: 13px;
}

.smat-inplay-label {
	color: #94a3b8;
	margin-right: 4px;
}

.smat-inplay-over-tracker {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smat-over-label {
	font-size: 12px;
	color: #94a3b8;
	text-transform: uppercase;
	font-weight: 700;
}

.smat-balls-row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.smat-ball-dot {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11.5px;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.smat-ball-dot.ball-wicket,
.smat-ball-sm.ball-wicket {
	background: #dc2626 !important;
	color: #ffffff !important;
	border-color: #ef4444 !important;
}

.smat-ball-dot.ball-six,
.smat-ball-sm.ball-six {
	background: #7c3aed !important;
	color: #ffffff !important;
	border-color: #8b5cf6 !important;
}

.smat-ball-dot.ball-four,
.smat-ball-sm.ball-four {
	background: #2563eb !important;
	color: #ffffff !important;
	border-color: #3b82f6 !important;
}

/* ==========================================================================
   Main Cards Grid
   ========================================================================== */

.smat-matches-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	gap: 22px;
	width: 100%;
}

.smat-match-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 4px 14px -2px rgba(15, 23, 42, 0.05);
	display: flex;
	flex-direction: column;
	padding: 18px 20px;
	position: relative;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	border-left-width: 4px;
}

.smat-match-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px -3px rgba(15, 23, 42, 0.08);
}

.smat-card-status-live {
	border-left-color: #dc2626;
}

.smat-card-status-completed {
	border-left-color: #10b981;
}

.smat-card-status-upcoming {
	border-left-color: #3b82f6;
}

.smat-card-top-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}

.smat-card-match-title {
	font-size: 12.5px;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.smat-card-status-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11.5px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}

.smat-card-pill-live {
	background: #fee2e2;
	color: #b91c1c;
}

.smat-dot-red-pulse {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #dc2626;
	box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7);
	animation: smat-pulse-red 1.5s infinite;
}

@keyframes smat-pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7);
	}
	70% {
		box-shadow: 0 0 0 5px rgba(220, 38, 38, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(220, 38, 38, 0);
	}
}

.smat-card-pill-completed {
	background: #dcfce7;
	color: #15803d;
}

.smat-card-pill-upcoming {
	background: #e0f2fe;
	color: #0369a1;
}

.smat-card-venue {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	color: #64748b;
	margin-bottom: 14px;
}

/* Teams Body */
.smat-card-teams-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 0;
	border-top: 1px solid #f1f5f9;
	border-bottom: 1px solid #f1f5f9;
	margin-bottom: 12px;
}

.smat-card-team-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.smat-card-team-row.is-winner .smat-card-team-name {
	font-weight: 800;
	color: #040c1e;
}

.smat-card-team-info {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smat-mini-badge {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.02em;
	flex-shrink: 0;
}

.smat-card-team-name {
	font-size: 14.5px;
	font-weight: 600;
	color: #1e293b;
	display: flex;
	align-items: center;
	gap: 6px;
}

.smat-bat-icon {
	font-size: 12px;
}

.smat-card-team-score-box {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.smat-score-val {
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
}

.smat-overs-val {
	font-size: 12px;
	color: #64748b;
	font-weight: 500;
}

/* Match Situation */
.smat-card-situation {
	margin-bottom: 12px;
}

.smat-sit-equation {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #b45309;
	background: #fef3c7;
	padding: 6px 10px;
	border-radius: 6px;
	margin-bottom: 6px;
}

.smat-sit-rates {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 12px;
	color: #64748b;
	font-weight: 600;
	padding: 0 4px;
}

.smat-sit-result {
	font-size: 13px;
	color: #15803d;
	font-weight: 700;
	margin-bottom: 4px;
}

.smat-sit-pom {
	font-size: 12px;
	color: #64748b;
}

.smat-sit-upcoming {
	font-size: 12.5px;
	color: #0369a1;
	font-weight: 600;
	background: #f0f9ff;
	padding: 6px 10px;
	border-radius: 6px;
}

/* Recent balls strip */
.smat-card-recent-strip {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 4px 0;
}

.smat-recent-label {
	font-size: 11px;
	font-weight: 700;
	color: #64748b;
	text-transform: uppercase;
}

.smat-card-balls {
	display: flex;
	align-items: center;
	gap: 5px;
}

.smat-ball-sm {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10.5px;
	font-weight: 700;
	background: #f1f5f9;
	color: #334155;
	border: 1px solid #e2e8f0;
}

/* Card Footer */
.smat-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid #f1f5f9;
}

.smat-card-broadcast-info {
	font-size: 11.5px;
	color: #64748b;
	font-weight: 500;
}

.smat-card-links {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smat-btn-card-stream {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #054632 !important;
	text-decoration: none !important;
}

.smat-btn-card-stream:hover {
	text-decoration: underline !important;
	color: #6dcc20 !important;
}

.smat-btn-card-scorecard {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	text-decoration: none !important;
}

.smat-btn-card-scorecard:hover {
	color: #054632 !important;
	text-decoration: underline !important;
}

/* Responsive Styles for Mobile */
@media (max-width: 640px) {
	.smat-mc-header-bar {
		flex-direction: column;
		align-items: flex-start;
	}

	.smat-fspot-scoreboard {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.smat-fspot-vs-divider {
		display: none;
	}

	.smat-matches-grid {
		grid-template-columns: 1fr;
	}

	.smat-card-footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

/* Upcoming Countdown & Spotlight Styles */
.smat-fspot-countdown-box {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 12px;
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.smat-countdown-heading {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #93c5fd;
	margin-bottom: 10px;
}

.smat-countdown-timer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.smat-time-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 58px;
	background: rgba(0, 0, 0, 0.28);
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.smat-time-num {
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.smat-time-label {
	font-size: 10px;
	font-weight: 600;
	color: #94a3b8;
	text-transform: uppercase;
	margin-top: 4px;
	letter-spacing: 0.04em;
}

.smat-time-sep {
	font-size: 20px;
	font-weight: 800;
	color: #60a5fa;
	line-height: 1;
	margin-top: -10px;
}

.smat-pill-upcoming-spotlight {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #0284c7;
	color: #ffffff;
	font-size: 11.5px;
	font-weight: 800;
	padding: 4px 10px;
	border-radius: 999px;
	letter-spacing: 0.04em;
}

.smat-dot-blue-pulse {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #38bdf8;
	box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.8);
	animation: smat-pulse-blue 1.5s infinite;
}

@keyframes smat-pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.8);
	}
	70% {
		box-shadow: 0 0 0 6px rgba(56, 189, 248, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(56, 189, 248, 0);
	}
}

.smat-fspot-notice-strip {
	background: rgba(2, 132, 199, 0.15);
	border: 1px solid rgba(56, 189, 248, 0.25);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	color: #e0f2fe;
	line-height: 1.5;
}

.smat-fspot-notice-strip strong {
	color: #ffffff;
}

.smat-empty-filter-state {
	grid-column: 1 / -1;
	background: #ffffff;
	border: 1px dashed #cbd5e1;
	border-radius: 14px;
	padding: 45px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
}

.smat-empty-icon {
	font-size: 42px;
	margin-bottom: 12px;
}

.smat-empty-filter-state h3 {
	font-size: 1.2rem;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 8px 0;
}

.smat-empty-filter-state p {
	font-size: 14px;
	color: #64748b;
	max-width: 520px;
	margin: 0 auto 20px auto;
	line-height: 1.6;
}

.smat-btn-view-upcoming {
	background: #004ba0;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	padding: 10px 22px;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s ease;
}

.smat-btn-view-upcoming:hover {
	background: #003673;
}

/* Dark mode adjustments for live cards */
body.dark-theme .smat-mc-header-bar {
	background: #0f172a !important;
	border-color: #1e293b !important;
}

body.dark-theme .smat-filter-btn {
	background: #07271c !important;
	border-color: #0d4632 !important;
	color: #cbd5e1 !important;
}

body.dark-theme .smat-filter-btn:hover {
	background: rgba(109, 204, 32, 0.15) !important;
	color: #6dcc20 !important;
	border-color: #6dcc20 !important;
}

body.dark-theme .smat-filter-btn.active {
	background: #054632 !important;
	border-color: #6dcc20 !important;
	color: #ffffff !important;
	box-shadow: 0 0 14px rgba(109, 204, 32, 0.3), inset 0 -2px 0 0 #6dcc20 !important;
}

body.dark-theme .smat-match-card {
	background: #0f172a !important;
	border-color: #1e293b !important;
}

body.dark-theme .smat-card-match-title {
	color: #94a3b8 !important;
}

body.dark-theme .smat-card-team-name {
	color: #f1f5f9 !important;
}

body.dark-theme .smat-score-val {
	color: #f8fafc !important;
}

body.dark-theme .smat-sit-upcoming {
	background: #032b43 !important;
	color: #38bdf8 !important;
}

body.dark-theme .smat-card-venue,
body.dark-theme .smat-card-broadcast-info {
	color: #94a3b8 !important;
}

body.dark-theme .smat-card-footer,
body.dark-theme .smat-card-teams-body {
	border-color: #1e293b !important;
}

body.dark-theme .smat-empty-filter-state {
	background: #0f172a !important;
	border-color: #334155 !important;
}

body.dark-theme .smat-empty-filter-state h3 {
	color: #f1f5f9 !important;
}

body.dark-theme .smat-empty-filter-state p {
	color: #94a3b8 !important;
}


/* ==========================================================================
   12. MATCH AVAILABILITY & LIVE SUMMARY GRID (Enhanced Modern UI)
   ========================================================================== */

.smat-match-summary-block {
	margin: 36px 0 50px 0;
	width: 100%;
}

.smat-summary-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
}

.smat-summary-title-wrap {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.smat-summary-title {
	font-family: var(--smat-font-heading) !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 !important;
	letter-spacing: -0.4px !important;
}

.smat-summary-subtitle {
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
}

.smat-summary-sync {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #16a34a;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	padding: 5px 12px;
	border-radius: 20px;
}

.smat-sync-dot {
	width: 7px;
	height: 7px;
	background-color: #16a34a;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}

.smat-sync-check-icon {
	color: #16a34a;
	flex-shrink: 0;
}

/* Header actions with Live Sync and Slider Arrows */
.smat-summary-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.smat-slider-arrows {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.smat-slider-nav-btn {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #cbd5e1;
	color: #0f172a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	padding: 0;
	outline: none;
}

.smat-slider-nav-btn:hover:not(:disabled) {
	background: #0f172a;
	color: #ffffff;
	border-color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.15);
}

.smat-slider-nav-btn:active:not(:disabled) {
	transform: translateY(0);
}

.smat-slider-nav-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	pointer-events: none;
}

.smat-summary-divider {
	height: 1px;
	background: #e2e8f0;
	width: 100%;
	margin-bottom: 20px;
}

/* Full-Width Match Rows List (One Match in One Row) */
.smat-matches-rows-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.smat-match-row-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-left: 4px solid #16a34a; /* Vibrant Green Accent for Upcoming */
	border-radius: 8px;
	padding: 12px 18px;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.18s ease, border-color 0.18s ease;
	gap: 16px;
}

.smat-match-row-item:hover {
	transform: translateY(-2px);
	border-color: #cbd5e1;
	border-left-color: #16a34a;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}

/* Hidden state for extra rows */
.smat-row-extra {
	display: none !important;
}

.smat-row-extra.smat-row-revealed {
	display: flex !important;
	animation: smatRowReveal 0.3s ease forwards;
}

@keyframes smatRowReveal {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Col 1: Date & Time */
.smat-row-col-date {
	flex: 0 0 130px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.smat-row-date {
	font-size: 13.5px;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.2px;
}

.smat-row-time {
	font-size: 11.5px;
	font-weight: 600;
	color: #64748b;
}

.smat-row-match-num {
	font-size: 10.5px;
	font-weight: 700;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Col 2: Group Badge */
.smat-row-col-group {
	flex: 0 0 115px;
}

.smat-row-group-badge {
	font-size: 11.5px;
	font-weight: 700;
	color: #0f172a;
	background: #f1f5f9;
	padding: 3px 8px;
	border-radius: 4px;
	display: inline-block;
	white-space: nowrap;
	border: 1px solid #e2e8f0;
}

/* Col 3: Teams Matchup */
.smat-row-col-teams {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-width: 0;
	padding: 0 10px;
}

.smat-row-team {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
}

.smat-row-team.smat-team-left {
	justify-content: flex-end;
}

.smat-row-team.smat-team-right {
	justify-content: flex-start;
}

.smat-row-team-name {
	font-size: 14.5px;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.smat-row-team-code {
	font-size: 11px;
	font-weight: 800;
	color: #ffffff;
	background: #0f172a;
	padding: 2px 6px;
	border-radius: 3px;
	letter-spacing: 0.5px;
	min-width: 32px;
	text-align: center;
	flex-shrink: 0;
}

.smat-row-team-code.smat-code-alt {
	background: #e63946;
}

.smat-row-vs-wrap {
	flex-shrink: 0;
}

.smat-row-vs-badge {
	font-size: 10px;
	font-weight: 800;
	color: #64748b;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	padding: 3px 8px;
	border-radius: 12px;
	letter-spacing: 0.5px;
}

/* Col 4: Venue */
.smat-row-col-venue {
	flex: 0 0 200px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.smat-row-venue-text {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	color: #64748b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.smat-row-feature-pill {
	font-size: 10.5px;
	font-weight: 600;
	color: #047857;
	background: #ecfdf5;
	padding: 2px 7px;
	border-radius: 3px;
	width: fit-content;
}

/* Col 5: Status */
.smat-row-col-status {
	flex: 0 0 105px;
	display: flex;
	justify-content: flex-end;
}

/* Responsive Match Rows */
@media (max-width: 900px) {
	.smat-row-col-venue {
		display: none;
	}
}

@media (max-width: 680px) {
	.smat-match-row-item {
		flex-direction: column;
		align-items: stretch;
		padding: 12px 14px;
		gap: 10px;
	}

	.smat-row-col-date {
		flex: none;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #f1f5f9;
		padding-bottom: 6px;
	}

	.smat-row-col-group {
		display: none;
	}

	.smat-row-col-teams {
		padding: 4px 0;
		gap: 10px;
	}

	.smat-row-col-venue {
		display: flex;
		flex: none;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-top: 1px dashed #f1f5f9;
		padding-top: 6px;
	}

	.smat-row-col-status {
		flex: none;
		justify-content: center;
	}
}

/* Single Horizontal Scrolling Row Track (Fallback / Alternative) */
.smat-matches-slider-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding: 4px 2px 14px 2px;
	margin: 0;
	cursor: grab;
	user-select: none;
}

.smat-matches-slider-track.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
	scroll-snap-type: none;
}

/* Custom Sleek Scrollbar */
.smat-matches-slider-track::-webkit-scrollbar {
	height: 6px;
}

.smat-matches-slider-track::-webkit-scrollbar-track {
	background: #f1f5f9;
	border-radius: 10px;
}

.smat-matches-slider-track::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 10px;
	transition: background 0.2s ease;
}

.smat-matches-slider-track::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

.smat-summary-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

/* Individual Match Card */
.smat-summary-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-top: 3px solid #16a34a; /* Vibrant Green Accent for Upcoming */
	border-radius: 10px;
	padding: 16px 18px 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 165px;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Match card width in single row */
.smat-matches-slider-track .smat-summary-card {
	flex: 0 0 280px;
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	scroll-snap-align: start;
}

.smat-summary-card:hover {
	transform: translateY(-3px);
	border-color: #cbd5e1;
	border-top-color: #16a34a;
	box-shadow: 0 10px 24px -6px rgba(15, 23, 42, 0.1);
}

/* Hidden state for extra cards */
.smat-card-extra {
	display: none !important;
}

.smat-card-extra.smat-card-revealed {
	display: flex !important;
	animation: smatCardReveal 0.35s ease forwards;
}

@keyframes smatCardReveal {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Card Top Row */
.smat-card-top-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.smat-card-badges {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.smat-card-group-pill {
	font-size: 11.5px;
	font-weight: 700;
	color: #0f172a;
	background: #f1f5f9;
	padding: 2px 7px;
	border-radius: 4px;
	letter-spacing: -0.2px;
}

.smat-card-match-pill {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}

.smat-card-cricket-icon {
	color: #94a3b8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.7;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.smat-summary-card:hover .smat-card-cricket-icon {
	opacity: 1;
	color: #e63946;
}

/* Matchup Section */
.smat-card-matchup {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-bottom: 12px;
	background: #f8fafc;
	padding: 10px 12px;
	border-radius: 6px;
	border: 1px solid #f1f5f9;
}

.smat-team-line {
	display: flex;
	align-items: center;
	gap: 10px;
}

.smat-team-logo-wrap {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border-radius: 50%;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.smat-summary-card:hover .smat-team-logo-wrap {
	transform: scale(1.08);
}

.smat-team-logo {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}

.smat-team-logo-fallback {
	display: none;
	font-size: 10px;
	font-weight: 800;
	color: #0f172a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.smat-logo-has-fallback .smat-team-logo,
.smat-img-error {
	display: none !important;
}

.smat-logo-has-fallback .smat-team-logo-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #f1f5f9;
	color: #334155;
	border-radius: 50%;
}

.smat-team-fullname {
	flex: 1;
	min-width: 0;
	font-size: 14.5px;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.smat-team-code {
	font-size: 11px;
	font-weight: 800;
	color: #ffffff;
	background: #0f172a;
	padding: 2px 7px;
	border-radius: 4px;
	letter-spacing: 0.5px;
	min-width: 34px;
	text-align: center;
	flex-shrink: 0;
}

.smat-team-code.smat-code-alt {
	background: #054632; /* Branded forest green from logo */
}

.smat-vs-sep {
	font-size: 10px;
	font-weight: 800;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	padding-left: 38px;
	line-height: 1;
}

/* Status & Date Bar */
.smat-card-status-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	gap: 8px;
}

.smat-status-tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.3px;
}

.smat-status-green {
	color: #16a34a;
}

.smat-status-live {
	color: #e63946;
}

.smat-status-completed {
	color: #475569;
}

.smat-dot-indicator {
	width: 6px;
	height: 6px;
	background-color: currentColor;
	border-radius: 50%;
	display: inline-block;
}

.smat-date-tag {
	font-size: 11.5px;
	font-weight: 700;
	color: #0284c7;
	background: #f0f9ff;
	border: 1px solid #bae6fd;
	padding: 2px 8px;
	border-radius: 4px;
}

/* Meta Footer */
.smat-card-meta-footer {
	display: flex;
	flex-direction: column;
	gap: 6px;
	border-top: 1px dashed #e2e8f0;
	padding-top: 10px;
}

.smat-venue-row {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	color: #64748b;
}

.smat-pin-icon {
	color: #94a3b8;
	flex-shrink: 0;
}

.smat-venue-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.smat-time-feature-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.smat-time-text {
	font-size: 11.5px;
	font-weight: 600;
	color: #475569;
}

.smat-feature-tag {
	font-size: 11px;
	font-weight: 600;
	color: #047857;
	background: #ecfdf5;
	padding: 2px 6px;
	border-radius: 4px;
}

/* Slider Footer */
.smat-slider-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px dashed #e2e8f0;
	font-size: 13px;
	color: #64748b;
	gap: 12px;
	flex-wrap: wrap;
}

.smat-slider-hint {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: #64748b;
}

.smat-slider-hint svg {
	color: #94a3b8;
	flex-shrink: 0;
}

.smat-slider-schedule-link {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #054632 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	transition: color 0.15s ease;
	margin-left: auto;
}

.smat-slider-schedule-link:hover {
	color: #085e43 !important;
}

body.dark-theme .smat-slider-schedule-link {
	color: #6dcc20 !important;
}

/* Load More Section (Fallback) */
.smat-load-more-section {
	margin-top: 26px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.smat-load-more-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #ffffff;
	color: #0f172a;
	border: 1.5px solid #cbd5e1;
	border-radius: 8px;
	padding: 11px 24px;
	font-family: var(--smat-font-heading);
	font-size: 14.5px;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
	outline: none;
}

.smat-load-more-action-btn:hover {
	background: #f8fafc;
	border-color: #0f172a;
	color: #0f172a;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.smat-load-chevron {
	color: #64748b;
	transition: transform 0.2s ease;
}

.smat-load-more-action-btn:hover .smat-load-chevron {
	color: #0f172a;
	transform: translateY(2px);
}

.smat-counter-label {
	font-size: 13px;
	color: #64748b;
}

.smat-counter-label strong {
	color: #0f172a;
}

.smat-full-schedule-cta {
	margin-top: 6px;
}

.smat-full-schedule-link {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #054632 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	transition: color 0.15s ease;
}

.smat-full-schedule-link:hover {
	color: #085e43 !important;
}

body.dark-theme .smat-full-schedule-link {
	color: #6dcc20 !important;
}

/* Responsive Grid */
@media (max-width: 1024px) {
	.smat-summary-cards-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
}

@media (max-width: 640px) {
	.smat-summary-cards-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.smat-summary-header {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Dark Mode Overrides */
body.dark-theme .smat-summary-title {
	color: #f8fafc !important;
}

body.dark-theme .smat-summary-subtitle {
	color: #94a3b8 !important;
}

body.dark-theme .smat-summary-sync {
	background: #022c22 !important;
	border-color: #065f46 !important;
	color: #34d399 !important;
}

body.dark-theme .smat-sync-dot {
	background-color: #34d399 !important;
	box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.25) !important;
}

body.dark-theme .smat-sync-check-icon {
	color: #34d399 !important;
}

body.dark-theme .smat-summary-divider {
	background: #1e293b !important;
}

body.dark-theme .smat-summary-card {
	background: #0f1a36 !important;
	border-color: #1e293b !important;
	border-top-color: #10b981 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .smat-summary-card:hover {
	background: #14234b !important;
	border-color: #334155 !important;
	border-top-color: #10b981 !important;
	box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.5) !important;
}

body.dark-theme .smat-card-group-pill {
	background: #1e293b !important;
	color: #cbd5e1 !important;
}

body.dark-theme .smat-card-match-pill {
	color: #94a3b8 !important;
}

body.dark-theme .smat-card-cricket-icon {
	color: #475569 !important;
}

body.dark-theme .smat-card-matchup {
	background: #0b132b !important;
	border-color: #1e293b !important;
}

body.dark-theme .smat-team-logo-wrap {
	background: #142042 !important;
	border-color: #1e293b !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

body.dark-theme .smat-logo-has-fallback .smat-team-logo-fallback {
	background: #1e293b !important;
	color: #cbd5e1 !important;
}

body.dark-theme .smat-team-fullname {
	color: #f8fafc !important;
}

body.dark-theme .smat-vs-sep {
	color: #64748b !important;
}

body.dark-theme .smat-date-tag {
	background: #082f49 !important;
	border-color: #0369a1 !important;
	color: #38bdf8 !important;
}

body.dark-theme .smat-card-meta-footer {
	border-top-color: #1e293b !important;
}

body.dark-theme .smat-venue-row {
	color: #94a3b8 !important;
}

body.dark-theme .smat-pin-icon {
	color: #64748b !important;
}

body.dark-theme .smat-time-text {
	color: #cbd5e1 !important;
}

body.dark-theme .smat-feature-tag {
	background: #064e3b !important;
	color: #6ee7b7 !important;
}

body.dark-theme .smat-load-more-action-btn {
	background: #0f1a36 !important;
	border-color: #334155 !important;
	color: #f8fafc !important;
}

body.dark-theme .smat-load-more-action-btn:hover {
	background: #14234b !important;
	border-color: #475569 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .smat-load-chevron {
	color: #94a3b8 !important;
}

body.dark-theme .smat-counter-label {
	color: #94a3b8 !important;
}

body.dark-theme .smat-counter-label strong {
	color: #f8fafc !important;
}

body.dark-theme .smat-slider-nav-btn {
	background: #0f1a36 !important;
	border-color: #334155 !important;
	color: #cbd5e1 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

body.dark-theme .smat-slider-nav-btn:hover:not(:disabled) {
	background: #10b981 !important;
	border-color: #10b981 !important;
	color: #ffffff !important;
}

body.dark-theme .smat-matches-slider-track::-webkit-scrollbar-track {
	background: #0b132b !important;
}

body.dark-theme .smat-matches-slider-track::-webkit-scrollbar-thumb {
	background: #1e293b !important;
}

body.dark-theme .smat-matches-slider-track::-webkit-scrollbar-thumb:hover {
	background: #334155 !important;
}

body.dark-theme .smat-slider-footer {
	border-top-color: #1e293b !important;
	color: #94a3b8 !important;
}

body.dark-theme .smat-slider-hint {
	color: #94a3b8 !important;
}

body.dark-theme .smat-slider-schedule-link {
	color: #38bdf8 !important;
}

body.dark-theme .smat-slider-schedule-link:hover {
	color: #7dd3fc !important;
}

/* Dark Theme Overrides for Full-Width Match Rows */
body.dark-theme .smat-match-row-item {
	background: #0f1a36 !important;
	border-color: #1e293b !important;
	border-left-color: #10b981 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

body.dark-theme .smat-match-row-item:hover {
	background: #14234b !important;
	border-color: #334155 !important;
	border-left-color: #10b981 !important;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important;
}

body.dark-theme .smat-row-date,
body.dark-theme .smat-row-team-name {
	color: #f8fafc !important;
}

body.dark-theme .smat-row-time,
body.dark-theme .smat-row-match-num {
	color: #94a3b8 !important;
}

body.dark-theme .smat-row-group-badge {
	background: #1e293b !important;
	border-color: #334155 !important;
	color: #cbd5e1 !important;
}

body.dark-theme .smat-row-vs-badge {
	background: #1e293b !important;
	border-color: #334155 !important;
	color: #94a3b8 !important;
}

body.dark-theme .smat-row-venue-text {
	color: #94a3b8 !important;
}

body.dark-theme .smat-row-feature-pill {
	background: #064e3b !important;
	color: #6ee7b7 !important;
}