/* ============================================
   StiriPoint Theme — Main Stylesheet
   ============================================ */

:root {
	--ts-primary: #d62828;
	--ts-primary-dark: #a31e1e;
	--ts-accent: #f77f00;
	--ts-text: #1a1a1a;
	--ts-text-light: #6b7280;
	--ts-text-meta: #9ca3af;
	--ts-bg: #ffffff;
	--ts-bg-alt: #f8f9fa;
	--ts-bg-dark: #1a1a1a;
	--ts-border: #e5e7eb;
	--ts-border-light: #f3f4f6;
	--ts-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	--ts-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
	--ts-radius: 4px;
	--ts-radius-lg: 8px;
	--ts-content-width: 1280px;
	--ts-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--ts-font-serif: 'Merriweather', Georgia, serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	font-family: var(--ts-font-sans);
	color: var(--ts-text);
	background: var(--ts-bg);
	line-height: 1.6;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
a { color: var(--ts-text); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--ts-primary); }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--ts-font-sans);
	font-weight: 800;
	line-height: 1.25;
	margin: 0 0 0.6em;
	color: var(--ts-text);
}
.container { max-width: var(--ts-content-width); margin: 0 auto; padding: 0 16px; }
button { cursor: pointer; font-family: inherit; }
.screen-reader-text { position: absolute; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }

/* TICKER (consolidat mai jos în secțiunea 'v1.0 stiluri suplimentare') */

/* HEADER TOP */
.ts-header-top {
	background: var(--ts-bg-dark); color: #fff;
	padding: 6px 0; font-size: 12px;
}
.ts-header-top .container {
	display: flex; justify-content: space-between;
	align-items: center; gap: 20px;
}
.ts-header-date { color: rgba(255,255,255,0.85); }
.ts-header-weather { display: inline-flex; align-items: center; gap: 6px; color: #fff; }
.ts-header-weather strong { font-weight: 600; }

/* HEADER MAIN */
.ts-header-main {
	background: #fff; border-bottom: 1px solid var(--ts-border);
	padding: 16px 0; position: sticky; top: 0; z-index: 100;
	box-shadow: var(--ts-shadow);
}
.ts-header-main .container {
	display: flex; justify-content: space-between;
	align-items: center; gap: 20px;
}
.ts-logo a {
	font-size: 24px; font-weight: 900;
	letter-spacing: -0.5px; color: var(--ts-text);
}
.ts-logo a:hover { color: var(--ts-primary); }
.ts-logo .logo-accent { color: var(--ts-primary); }
.ts-logo img { max-height: 50px; width: auto; }

.ts-header-actions { display: flex; align-items: center; gap: 12px; }
.ts-search-toggle, .ts-mobile-toggle {
	background: none; border: 1px solid var(--ts-border);
	width: 40px; height: 40px; border-radius: var(--ts-radius);
	display: flex; align-items: center; justify-content: center;
	font-size: 16px;
}
.ts-search-toggle:hover, .ts-mobile-toggle:hover {
	background: var(--ts-bg-alt); border-color: var(--ts-primary);
	color: var(--ts-primary);
}
.ts-mobile-toggle { display: none; }
.ts-telegram-btn {
	background: #0088cc; color: #fff;
	padding: 8px 16px; border-radius: var(--ts-radius);
	font-weight: 600; font-size: 13px;
	display: inline-flex; align-items: center; gap: 6px;
}
.ts-telegram-btn:hover { background: #0077b3; color: #fff; }

.ts-search-overlay {
	display: none; position: fixed; inset: 0;
	background: rgba(0,0,0,0.85); z-index: 200;
	align-items: center; justify-content: center; padding: 20px;
}
.ts-search-overlay.active { display: flex; }
.ts-search-overlay form { width: 100%; max-width: 600px; }
.ts-search-overlay input {
	width: 100%; font-size: 24px; padding: 18px 20px;
	border: none; border-radius: var(--ts-radius); font-family: inherit;
}

/* NAV */
.ts-nav { background: var(--ts-bg-alt); border-bottom: 1px solid var(--ts-border); }
.ts-nav .container { display: flex; align-items: center; }
.ts-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.ts-nav li { position: relative; }
.ts-nav li a {
	display: block; padding: 14px 16px;
	font-weight: 600; font-size: 14px;
	text-transform: uppercase; letter-spacing: 0.5px;
	color: var(--ts-text);
	border-bottom: 3px solid transparent;
	transition: all 0.2s;
}
.ts-nav li a:hover,
.ts-nav li.current-menu-item > a,
.ts-nav li.current-cat > a {
	color: var(--ts-primary); border-bottom-color: var(--ts-primary);
}
.ts-nav li ul {
	display: none; position: absolute; top: 100%; left: 0;
	background: #fff; box-shadow: var(--ts-shadow-md);
	min-width: 200px; z-index: 50; flex-direction: column;
}
.ts-nav li:hover > ul { display: flex; }
.ts-nav li ul li a {
	padding: 10px 16px; border-bottom: 1px solid var(--ts-border-light);
	text-transform: none; font-weight: 500;
}

/* AD ZONES */
.ad-zone {
	background: var(--ts-bg-alt); padding: 20px; text-align: center;
	margin: 20px 0; border: 1px dashed var(--ts-border);
	min-height: 90px; position: relative;
}
.ad-zone::before {
	content: 'Publicitate';
	position: absolute; top: 4px; left: 8px;
	font-size: 9px; color: var(--ts-text-meta);
	text-transform: uppercase; letter-spacing: 1px;
}
.ad-zone-top { margin-top: 0; }
.ad-zone-sidebar { margin: 0 0 20px; }

/* MAIN LAYOUT */
.ts-main { padding: 20px 0 40px; }
.ts-layout { display: grid; grid-template-columns: 1fr 320px; gap: 32px; }
.ts-content { min-width: 0; }
.ts-sidebar { min-width: 0; }
body.no-sidebar .ts-layout { grid-template-columns: 1fr; }

/* HERO */
.ts-hero { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; margin-bottom: 32px; }
.ts-hero-main {
	position: relative; border-radius: var(--ts-radius-lg);
	overflow: hidden; background: #1a1a1a; min-height: 480px;
	display: block;
}
.ts-hero-main .ts-hero-thumb {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.ts-hero-main .ts-hero-thumb img {
	width: 100%; height: 100%; object-fit: cover;
	display: block;
	transition: transform 0.4s;
}
.ts-hero-main:hover .ts-hero-thumb img { transform: scale(1.04); }
.ts-hero-overlay {
	position: absolute; bottom: 0; left: 0; right: 0;
	padding: 60px 32px 28px;
	background: linear-gradient(to top, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.78) 40%, rgba(0,0,0,0.0) 100%);
	color: #fff; z-index: 2;
	pointer-events: none; /* permite click prin overlay pe imagine */
}
.ts-hero-overlay > * { pointer-events: auto; } /* dar elementele copil rămân clickable */
.ts-hero-overlay .ts-category-badge {
	display: inline-block;
	margin-bottom: 12px;
	background: var(--ts-primary, #d62828);
	color: #fff !important;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-decoration: none;
}
.ts-hero-overlay .ts-hero-title {
	font-size: clamp(22px, 2.4vw, 32px);
	line-height: 1.2;
	margin: 0 0 12px;
	font-weight: 800;
	color: #fff;
}
.ts-hero-overlay .ts-hero-title a {
	color: #fff !important;
	text-decoration: none;
}
.ts-hero-overlay .ts-hero-title a:hover {
	color: #ffcccc !important;
}
.ts-hero-overlay .ts-hero-excerpt {
	color: rgba(255,255,255,0.92); font-size: 15px;
	line-height: 1.5; margin: 0 0 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.ts-hero-overlay .ts-hero-date {
	color: rgba(255,255,255,0.78); font-size: 12px;
	font-weight: 600;
}
.ts-hero-content {
	position: absolute; bottom: 0; left: 0; right: 0;
	padding: 24px 28px;
	background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 50%, transparent 100%);
	color: #fff; z-index: 2;
}
.ts-hero-content h1, .ts-hero-content h2 {
	color: #fff; font-size: clamp(20px, 2.4vw, 32px);
	margin: 8px 0; line-height: 1.2;
}
.ts-hero-content a { color: #fff; }
.ts-hero-content a:hover { color: var(--ts-accent); }
.ts-hero-content .excerpt { color: rgba(255,255,255,0.9); font-size: 14px; }
.ts-hero-side { display: flex; flex-direction: column; gap: 16px; }
.ts-hero-side article {
	display: flex; gap: 12px; padding: 12px;
	background: var(--ts-bg-alt); border-radius: var(--ts-radius);
	transition: all 0.2s;
}
.ts-hero-side article:hover { background: #fff; box-shadow: var(--ts-shadow); }
.ts-hero-side .thumb {
	width: 110px; height: 80px; flex-shrink: 0;
	overflow: hidden; border-radius: var(--ts-radius);
}
.ts-hero-side .thumb img { width: 100%; height: 100%; object-fit: cover; }
.ts-hero-side h3 { font-size: 14px; line-height: 1.4; margin: 0; }

/* CAT BADGE */
.ts-cat-badge {
	display: inline-block; background: var(--ts-primary);
	color: #fff !important; font-size: 11px; font-weight: 700;
	text-transform: uppercase; letter-spacing: 0.5px;
	padding: 3px 10px; border-radius: var(--ts-radius);
	margin-bottom: 6px;
}
.ts-cat-badge:hover { background: var(--ts-primary-dark); color: #fff !important; }

/* SECTION HEADING */
.ts-section-heading {
	display: flex; justify-content: space-between; align-items: flex-end;
	margin: 32px 0 20px; padding-bottom: 12px;
	border-bottom: 3px solid var(--ts-primary);
}
.ts-section-heading h2 {
	font-size: 22px; margin: 0; color: var(--ts-text);
	text-transform: uppercase; letter-spacing: 0.5px;
}
.ts-section-heading h2 a { color: inherit; }
.ts-section-heading .more-link {
	color: var(--ts-primary); font-weight: 600;
	font-size: 13px; text-transform: uppercase;
}
.ts-section-heading .more-link:hover { text-decoration: underline; }

/* GRID & CARDS */
.ts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ts-grid-2 { grid-template-columns: repeat(2, 1fr); }
.ts-grid-4 { grid-template-columns: repeat(4, 1fr); }

.ts-card {
	background: #fff; border-radius: var(--ts-radius-lg); overflow: hidden;
	transition: all 0.2s; border: 1px solid var(--ts-border-light);
	display: flex; flex-direction: column;
}
.ts-card:hover { box-shadow: var(--ts-shadow-md); transform: translateY(-2px); }
.ts-card .thumb {
	position: relative; aspect-ratio: 16 / 10;
	overflow: hidden; background: var(--ts-bg-alt);
}
.ts-card .thumb img {
	width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;
}
.ts-card:hover .thumb img { transform: scale(1.05); }
.ts-card .body {
	padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1;
}
.ts-card h3 { font-size: 16px; line-height: 1.35; margin: 6px 0 10px; font-weight: 700; }
.ts-card p { font-size: 13px; color: var(--ts-text-light); margin: 0; line-height: 1.5; flex: 1; }
.ts-meta {
	font-size: 12px; color: var(--ts-text-meta); margin-top: 10px;
	display: flex; align-items: center; gap: 8px;
}
.ts-meta time { display: inline-flex; align-items: center; gap: 4px; }
.ts-meta-icon { font-size: 11px; opacity: 0.7; }
.ts-meta .dot { width: 3px; height: 3px; background: var(--ts-text-meta); border-radius: 50%; }

/* SPORT */
.ts-sport-section {
	background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
	color: #fff; padding: 32px;
	border-radius: var(--ts-radius-lg); margin: 32px 0;
}
.ts-sport-section .ts-section-heading { border-bottom-color: var(--ts-accent); margin-top: 0; }
.ts-sport-section .ts-section-heading h2 { color: #fff; }
.ts-sport-section .ts-section-heading .more-link { color: var(--ts-accent); }
.ts-sport-section .ts-card { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
.ts-sport-section .ts-card h3 a { color: #fff; }
.ts-sport-section .ts-card h3 a:hover { color: var(--ts-accent); }
.ts-sport-section .ts-card p { color: rgba(255,255,255,0.7); }
.ts-sport-section .ts-cat-badge { background: var(--ts-accent); }

/* SIDEBAR */
.ts-sidebar .widget {
	background: #fff; border-radius: var(--ts-radius-lg);
	padding: 20px; margin-bottom: 20px;
	border: 1px solid var(--ts-border-light);
}
.ts-sidebar .widget-title {
	font-size: 16px; margin: 0 0 16px; padding-bottom: 10px;
	border-bottom: 3px solid var(--ts-primary);
	text-transform: uppercase; letter-spacing: 0.5px;
}
.ts-sidebar .widget ul { list-style: none; margin: 0; padding: 0; }

.ts-list-posts li {
	display: flex; gap: 12px; padding: 12px 0;
	border-bottom: 1px solid var(--ts-border-light);
}
.ts-list-posts li:last-child { border-bottom: 0; padding-bottom: 0; }
.ts-list-posts li:first-child { padding-top: 0; }
.ts-list-posts .thumb {
	width: 80px; height: 60px; flex-shrink: 0;
	overflow: hidden; border-radius: var(--ts-radius);
}
.ts-list-posts .thumb img { width: 100%; height: 100%; object-fit: cover; }
.ts-list-posts h4 { font-size: 13px; line-height: 1.35; margin: 0 0 4px; font-weight: 600; }
.ts-list-posts .ts-meta { margin-top: 4px; font-size: 11px; }
.ts-list-posts .body { flex: 1; min-width: 0; }

.ts-top-citite { counter-reset: ts-counter; }
.ts-top-citite li {
	counter-increment: ts-counter; position: relative;
	padding-left: 36px !important;
}
.ts-top-citite li::before {
	content: counter(ts-counter);
	position: absolute; left: 0; top: 12px;
	font-size: 28px; font-weight: 900;
	color: var(--ts-primary); line-height: 1;
}
.ts-top-citite li:first-child::before { top: 0; }

/* TELEGRAM */
.ts-telegram-widget {
	background: linear-gradient(135deg, #0088cc 0%, #00a3eb 100%);
	color: #fff; padding: 24px;
	border-radius: var(--ts-radius-lg);
	text-align: center; margin-bottom: 20px;
}
.ts-telegram-widget .icon { font-size: 36px; margin-bottom: 8px; }
.ts-telegram-widget h3 {
	color: #fff; font-size: 18px; margin: 0 0 8px;
	border: 0; padding: 0;
}
.ts-telegram-widget p {
	color: rgba(255,255,255,0.9); font-size: 13px;
	margin: 0 0 16px; line-height: 1.5;
}
.ts-telegram-widget .btn {
	display: inline-block; background: #fff; color: #0088cc;
	padding: 10px 24px; border-radius: var(--ts-radius);
	font-weight: 700; font-size: 14px;
	text-transform: uppercase; letter-spacing: 0.5px;
}
.ts-telegram-widget .btn:hover { background: #f0f0f0; color: #0077b3; }

/* SINGLE */
.ts-single { background: #fff; padding: 0; }
.ts-breadcrumb { font-size: 12px; color: var(--ts-text-meta); margin-bottom: 16px; }
.ts-breadcrumb a { color: var(--ts-text-meta); }
.ts-breadcrumb a:hover { color: var(--ts-primary); }
.ts-breadcrumb .sep { margin: 0 6px; opacity: 0.5; }

.ts-single h1.entry-title {
	font-size: clamp(24px, 3.5vw, 40px); line-height: 1.2;
	margin: 12px 0 16px; letter-spacing: -0.5px; font-weight: 800;
}
.ts-single .entry-meta {
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
	font-size: 13px; color: var(--ts-text-light);
	padding-bottom: 16px; border-bottom: 1px solid var(--ts-border);
	margin-bottom: 24px;
}
.ts-single .entry-meta .author { font-weight: 600; color: var(--ts-text); }
.ts-single .entry-meta .reading-time {
	background: var(--ts-bg-alt); padding: 3px 10px;
	border-radius: var(--ts-radius); font-size: 12px;
}
.ts-single .entry-thumbnail {
	margin: 0 0 24px; border-radius: var(--ts-radius-lg); overflow: hidden;
}
.ts-single .entry-thumbnail img { width: 100%; }

.ts-single .entry-content {
	font-family: var(--ts-font-serif); font-size: 17px;
	line-height: 1.75; color: #2c2c2c;
}
.ts-single .entry-content p { margin: 0 0 1.2em; }
.ts-single .entry-content p:first-of-type {
	font-size: 19px; font-weight: 700; color: var(--ts-text);
	font-family: var(--ts-font-sans); line-height: 1.5;
}
.ts-single .entry-content h2 { font-family: var(--ts-font-sans); font-size: 24px; margin: 1.6em 0 0.6em; }
.ts-single .entry-content h3 { font-family: var(--ts-font-sans); font-size: 20px; margin: 1.4em 0 0.6em; }
.ts-single .entry-content blockquote {
	border-left: 4px solid var(--ts-primary); margin: 1.5em 0;
	padding: 0.5em 0 0.5em 24px; font-size: 1.1em; font-style: italic;
	color: var(--ts-text-light); background: var(--ts-bg-alt);
}
.ts-single .entry-content a {
	color: var(--ts-primary); text-decoration: underline;
	text-underline-offset: 3px;
}
.ts-single .entry-content img { border-radius: var(--ts-radius-lg); margin: 1em 0; }

/* SOURCE CITATION */
.tsan-source-citation {
	font-family: var(--ts-font-sans) !important; font-size: 14px !important;
	background: var(--ts-bg-alt) !important;
	border-left: 4px solid var(--ts-primary) !important;
	padding: 16px 20px !important; margin-top: 32px !important;
	border-radius: 0 var(--ts-radius) var(--ts-radius) 0 !important;
	color: var(--ts-text-light) !important;
}
.tsan-source-citation strong { color: var(--ts-text); margin-right: 6px; }
.tsan-source-citation a { color: var(--ts-primary) !important; font-weight: 600; text-decoration: none !important; }
.tsan-source-citation a:hover { text-decoration: underline !important; }

/* SHARE */
.ts-share {
	display: flex; gap: 8px; margin: 24px 0; padding: 16px 0;
	border-top: 1px solid var(--ts-border); border-bottom: 1px solid var(--ts-border);
	align-items: center; flex-wrap: wrap;
}
.ts-share .label {
	font-weight: 700; font-size: 13px; text-transform: uppercase;
	letter-spacing: 0.5px; margin-right: 8px;
}
.ts-share a {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 14px; border-radius: var(--ts-radius);
	font-size: 13px; font-weight: 600; color: #fff;
	transition: opacity 0.2s;
}
.ts-share a:hover { opacity: 0.85; color: #fff; }
.ts-share .fb { background: #1877f2; }
.ts-share .x { background: #000; }
.ts-share .tg { background: #0088cc; }
.ts-share .wa { background: #25d366; }

/* TAGS */
.ts-tags { margin: 24px 0; font-size: 13px; }
.ts-tags .label {
	font-weight: 700; text-transform: uppercase; font-size: 11px;
	letter-spacing: 1px; margin-right: 8px; color: var(--ts-text-light);
}
.ts-tags a {
	display: inline-block; background: var(--ts-bg-alt);
	padding: 4px 10px; border-radius: var(--ts-radius);
	margin: 0 4px 4px 0; font-size: 12px;
}
.ts-tags a:hover { background: var(--ts-primary); color: #fff; }

/* RELATED */
.ts-related { margin-top: 40px; padding-top: 32px; border-top: 3px solid var(--ts-primary); }
.ts-related h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 16px; }

/* ARCHIVE */
.ts-archive-header {
	background: linear-gradient(135deg, var(--ts-primary) 0%, var(--ts-accent) 100%);
	color: #fff; padding: 32px 0; margin-bottom: 24px;
}
.ts-archive-header h1 { color: #fff; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px; }
.ts-archive-header .desc { color: rgba(255,255,255,0.9); font-size: 15px; }

/* PAGINATION */
.ts-pagination { display: flex; justify-content: center; gap: 4px; margin: 40px 0; flex-wrap: wrap; }
.ts-pagination a, .ts-pagination span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 12px;
	border-radius: var(--ts-radius); font-weight: 600;
	border: 1px solid var(--ts-border); color: var(--ts-text); background: #fff;
}
.ts-pagination a:hover { background: var(--ts-primary); color: #fff; border-color: var(--ts-primary); }
.ts-pagination .current { background: var(--ts-primary); color: #fff; border-color: var(--ts-primary); }

/* FOOTER */
.ts-footer { background: var(--ts-bg-dark); color: rgba(255,255,255,0.85); margin-top: 60px; padding: 48px 0 0; }
.ts-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; margin-bottom: 32px; }
.ts-footer h4, .ts-footer .widget-title {
	color: #fff; font-size: 16px; margin: 0 0 16px;
	text-transform: uppercase; letter-spacing: 0.5px;
	border-bottom: 2px solid var(--ts-primary);
	padding-bottom: 8px; display: inline-block;
}
.ts-footer ul { list-style: none; margin: 0; padding: 0; }
.ts-footer ul li { padding: 4px 0; }
.ts-footer a { color: rgba(255,255,255,0.7); }
.ts-footer a:hover { color: #fff; }
.ts-footer-about p { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.6; }
.ts-footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 20px 0; font-size: 13px;
	display: flex; justify-content: space-between; align-items: center;
	flex-wrap: wrap; gap: 12px;
}
.ts-footer-bottom .social { display: flex; gap: 8px; }
.ts-footer-bottom .social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; background: rgba(255,255,255,0.1);
	border-radius: var(--ts-radius);
}
.ts-footer-bottom .social a:hover { background: var(--ts-primary); }

/* COMMENTS */
.ts-comments { margin-top: 40px; padding-top: 32px; border-top: 3px solid var(--ts-primary); }
.comment-list { list-style: none; padding: 0; }
.comment-list li { background: var(--ts-bg-alt); padding: 16px; border-radius: var(--ts-radius); margin-bottom: 12px; }
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	width: 100%; padding: 10px 12px;
	border: 1px solid var(--ts-border); border-radius: var(--ts-radius);
	font-family: inherit; font-size: 14px;
}
.comment-form .submit, .form-submit input {
	background: var(--ts-primary); color: #fff; border: 0;
	padding: 10px 24px; border-radius: var(--ts-radius);
	font-weight: 700; cursor: pointer;
}

/* RESPONSIVE */
@media (max-width: 1024px) {
	.ts-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-grid-4 { grid-template-columns: repeat(3, 1fr); }
	.ts-hero { grid-template-columns: 1fr; }
	.ts-hero-main { min-height: 320px; }
	.ts-layout { grid-template-columns: 1fr; }
	.ts-sidebar { margin-top: 32px; }
	.ts-footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
	.ts-mobile-toggle { display: flex; }
	.ts-nav { display: none; }
	.ts-nav.is-open { display: block; }
	.ts-nav .container { display: block; padding: 0; }
	.ts-nav ul { flex-direction: column; }
	.ts-nav li a { padding: 12px 16px; border-bottom: 1px solid var(--ts-border); }
	.ts-grid, .ts-grid-4, .ts-grid-2 { grid-template-columns: 1fr; }
	.ts-hero-main { min-height: 240px; }
	.ts-hero-content { padding: 16px; }
	.ts-header-top .container { font-size: 11px; gap: 8px; }
	.ts-header-weather { display: none; }
	.ts-footer-grid { grid-template-columns: 1fr; }
	.ts-sport-section { padding: 20px; }
	.ts-single .entry-content { font-size: 16px; }
	.ts-section-heading h2 { font-size: 18px; }
}

/* ============================================
   v1.0 — Stiluri suplimentare pentru template-uri
   (alias-uri și componente noi)
   ============================================ */

/* Topbar (data + vremea) */
.ts-topbar { background: #1a1a1a; color: #fff; font-size: 13px; padding: 8px 0; }
.ts-topbar .ts-container { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ts-topbar-left, .ts-topbar-right { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ts-date { color: rgba(255,255,255,0.92); font-weight: 500; }
.ts-clock {
	display: inline-flex; align-items: center;
	color: var(--ts-primary, #d62828);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	font-size: 14px;
	padding: 2px 10px;
	background: rgba(214, 40, 40, 0.15);
	border-radius: 4px;
}
.ts-clock::before {
	content: '🕒';
	margin-right: 4px;
	font-size: 12px;
}
.ts-bnr {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 2px 10px;
	background: rgba(255,255,255,0.08);
	border-radius: 4px;
	font-size: 12px;
}
.ts-bnr-label { color: rgba(255,255,255,0.6); font-weight: 700; letter-spacing: 0.5px; }
.ts-bnr-pair { display: inline-flex; align-items: center; gap: 4px; }
.ts-bnr-flag { font-size: 13px; }
.ts-bnr-value { font-weight: 700; font-variant-numeric: tabular-nums; color: #fff; }
.ts-weather { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; background: rgba(255,255,255,0.08); border-radius: 4px; }
.ts-weather-icon { font-size: 16px; }
.ts-weather-city { color: rgba(255,255,255,0.92); }
.ts-weather-temp { font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }

/* Mobile topbar */
@media (max-width: 768px) {
	.ts-topbar { font-size: 11px; padding: 6px 0; }
	.ts-topbar-left, .ts-topbar-right { gap: 8px; }
	.ts-clock, .ts-bnr, .ts-weather { padding: 1px 6px; font-size: 11px; }
	.ts-bnr-label { display: none; }
}

/* Header */
.ts-header { background: #fff; border-bottom: 1px solid var(--ts-border); }
.ts-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; gap: 20px; flex-wrap: wrap; }
.ts-logo-text { font-family: Inter, system-ui, sans-serif; font-weight: 900; font-size: 32px; letter-spacing: -1px; line-height: 1; text-decoration: none; }
.ts-logo-stiri-prefix { color: var(--ts-primary); }
.ts-logo-stiri-suffix { color: #1a1a1a; }
.ts-header-actions { display: flex; align-items: center; gap: 10px; }
.ts-telegram-btn-header { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: #0088cc; color: #fff; border-radius: 22px; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 0.2s; }
.ts-telegram-btn-header:hover { background: #0077b3; color: #fff; }
.ts-telegram-btn-header svg { flex-shrink: 0; }

.ts-search-toggle, .ts-menu-toggle { background: transparent; border: 1px solid #e5e5e5; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: all 0.2s; }
.ts-search-toggle:hover, .ts-menu-toggle:hover { border-color: var(--ts-primary); color: var(--ts-primary); }
.ts-menu-toggle { display: none; flex-direction: column; gap: 4px; }
.ts-menu-toggle span { display: block; width: 18px; height: 2px; background: currentColor; }

/* Nav (alias) */
.ts-nav-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.ts-nav-menu li { position: relative; }
.ts-nav-menu li a { display: block; padding: 14px 18px; color: #1a1a1a; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 0.3px; text-decoration: none; transition: color 0.2s; }
.ts-nav-menu li a:hover, .ts-nav-menu li.current-menu-item > a, .ts-nav-menu li.current-cat > a { color: var(--ts-primary); }
.ts-nav-menu li ul { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.1); z-index: 100; flex-direction: column; padding: 6px 0; }
.ts-nav-menu li:hover > ul { display: flex; }
.ts-nav-menu li ul li a { padding: 10px 18px; font-size: 13px; text-transform: none; }

/* Search overlay */
.ts-search-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.92); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.ts-search-overlay[hidden] { display: none; }
.ts-search-form { display: flex; gap: 10px; align-items: center; max-width: 700px; width: 100%; padding: 0 20px; }
.ts-search-form input[type="search"] { flex: 1; padding: 16px 20px; font-size: 18px; border: 2px solid #fff; background: transparent; color: #fff; border-radius: 6px; outline: none; }
.ts-search-form input[type="search"]::placeholder { color: rgba(255,255,255,0.6); }
.ts-search-submit { padding: 16px 24px; background: var(--ts-primary); color: #fff; border: 0; font-size: 16px; font-weight: 600; border-radius: 6px; cursor: pointer; }
.ts-search-close { background: transparent; border: 0; color: #fff; font-size: 32px; cursor: pointer; padding: 0 12px; line-height: 1; }

/* Ad zones */
.ts-ad-top { padding: 16px 0; background: #fafafa; border-bottom: 1px solid var(--ts-border); text-align: center; }
.ts-ad-sidebar { text-align: center; }

/* Ticker (corectare aliasing) */
/* (ticker - vezi mai jos) */

/* Hero (alias-uri pentru template) — refacute mai sus, păstrăm doar side */
.ts-hero-side-item { display: grid; grid-template-columns: 100px 1fr; gap: 12px; padding: 8px; border-radius: 6px; background: #fff; transition: box-shadow 0.2s; }
.ts-hero-side-item:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
.ts-hero-side-thumb { display: block; width: 100%; aspect-ratio: 1/1; overflow: hidden; border-radius: 4px; }
.ts-hero-side-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ts-hero-side-body h3 { font-size: 14px; line-height: 1.3; margin: 0 0 6px; font-weight: 700; }
.ts-hero-side-body h3 a { color: #1a1a1a; text-decoration: none; }
.ts-hero-side-body h3 a:hover { color: var(--ts-primary); }
.ts-hero-side-body time { font-size: 11px; color: #888; }

/* Section header (alias) */
.ts-section { margin: 32px 0; }
.ts-section-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0 14px; border-bottom: 3px solid var(--ts-primary); margin-bottom: 22px; }
.ts-section-title { font-size: 22px; font-weight: 800; margin: 0; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.3px; }
.ts-section-link { color: var(--ts-primary); font-size: 13px; font-weight: 600; text-decoration: none; }
.ts-section-link:hover { text-decoration: underline; }

/* Card grid */
.ts-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ts-card { background: #fff; border: 1px solid var(--ts-border); border-radius: 6px; overflow: hidden; transition: box-shadow 0.2s, transform 0.2s; display: flex; flex-direction: column; }
.ts-card:hover { box-shadow: 0 8px 22px rgba(0,0,0,0.08); transform: translateY(-2px); }
.ts-card .thumb { display: block; aspect-ratio: 16/10; overflow: hidden; }
.ts-card .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }
.ts-card:hover .thumb img { transform: scale(1.04); }
.ts-card .body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.ts-card h3 a { color: #1a1a1a; text-decoration: none; }
.ts-card h3 a:hover { color: var(--ts-primary); }
.ts-card .ts-meta { font-size: 12px; color: #888; margin-top: 10px; }

/* Front layout */
.ts-front-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 30px; margin-top: 30px; }
.ts-front-main { min-width: 0; }

/* Sport section (alias) */
.ts-section-sport { background: linear-gradient(135deg, #14151a 0%, #1f1f2a 100%); padding: 28px; border-radius: 10px; margin: 36px 0; }
.ts-section-sport .ts-section-header { border-bottom-color: var(--ts-accent); }
.ts-section-sport .ts-section-title { color: #fff; }
.ts-section-sport .ts-section-link { color: var(--ts-accent); }

.ts-sport-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 18px; }
.ts-sport-main { background: rgba(255,255,255,0.04); border-radius: 8px; overflow: hidden; }
.ts-sport-main .ts-sport-thumb { display: block; aspect-ratio: 16/9; overflow: hidden; }
.ts-sport-main .ts-sport-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ts-sport-body { padding: 18px; color: #fff; }
.ts-sport-body h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.3; }
.ts-sport-body h3 a { color: #fff; text-decoration: none; }
.ts-sport-body h3 a:hover { color: var(--ts-accent); }
.ts-sport-body p { color: rgba(255,255,255,0.75); font-size: 14px; margin: 0 0 8px; }
.ts-sport-body time { color: rgba(255,255,255,0.55); font-size: 12px; }

.ts-sport-side { display: flex; flex-direction: column; gap: 12px; }
.ts-sport-side-item { display: grid; grid-template-columns: 90px 1fr; gap: 10px; padding: 8px; background: rgba(255,255,255,0.04); border-radius: 6px; align-items: center; }
.ts-sport-side-thumb { display: block; aspect-ratio: 1/1; overflow: hidden; border-radius: 4px; }
.ts-sport-side-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ts-sport-side-item h4 { margin: 0; font-size: 13px; line-height: 1.35; }
.ts-sport-side-item h4 a { color: #fff; text-decoration: none; }
.ts-sport-side-item h4 a:hover { color: var(--ts-accent); }

/* Sidebar widgets */
.ts-widget { background: #fff; border: 1px solid var(--ts-border); border-radius: 6px; padding: 18px; margin-bottom: 22px; }
.ts-widget .widget-title { font-size: 15px; font-weight: 800; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 2px solid var(--ts-primary); text-transform: uppercase; letter-spacing: 0.3px; }
.ts-widget-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.ts-widget-item { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; }
.ts-widget-thumb { display: block; width: 70px; aspect-ratio: 1/1; overflow: hidden; border-radius: 4px; flex-shrink: 0; }
.ts-widget-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ts-widget-content { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ts-widget-title { font-size: 13px; line-height: 1.35; font-weight: 600; color: #1a1a1a; text-decoration: none; }
.ts-widget-title:hover { color: var(--ts-primary); }
.ts-widget-date { font-size: 11px; color: #888; }
.ts-widget-list-numbered { counter-reset: ts-counter; }
.ts-widget-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--ts-primary); color: #fff; font-weight: 800; font-size: 14px; border-radius: 50%; flex-shrink: 0; }

/* Telegram card widget */
.ts-telegram-card { background: linear-gradient(135deg, #0088cc 0%, #006ba6 100%); color: #fff; border-radius: 8px; padding: 22px 18px; text-align: center; }
.ts-telegram-icon { width: 60px; height: 60px; background: rgba(255,255,255,0.15); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.ts-telegram-title { color: #fff; font-size: 17px; font-weight: 800; margin: 0 0 8px; }
.ts-telegram-desc { color: rgba(255,255,255,0.9); font-size: 13px; line-height: 1.5; margin: 0 0 14px; }
.ts-telegram-btn { display: inline-block; background: #fff; color: #0088cc; padding: 10px 20px; border-radius: 22px; font-weight: 700; font-size: 14px; text-decoration: none; transition: transform 0.2s; }
.ts-telegram-btn:hover { transform: translateY(-1px); color: #006ba6; }

/* Single article */
.ts-single-wrap { padding: 30px 0 50px; }
.ts-single-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; }
.ts-single-header { margin-bottom: 22px; }
.ts-single-cat { margin: 8px 0; }
.ts-single-title { font-family: Merriweather, Georgia, serif; font-size: 36px; line-height: 1.2; font-weight: 900; margin: 8px 0 14px; color: #1a1a1a; }
.ts-single-excerpt { font-size: 18px; line-height: 1.5; color: #444; font-weight: 500; margin-bottom: 16px; }
.ts-single-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #666; padding-bottom: 16px; border-bottom: 1px solid var(--ts-border); }
.ts-single-meta strong { color: #1a1a1a; }
.ts-single-meta a { color: var(--ts-primary); text-decoration: none; font-weight: 600; }
.ts-single-meta a:hover { text-decoration: underline; }
.ts-single-sep { color: #ccc; }
.ts-single-source-meta { font-weight: 500; }
.ts-single-thumb { margin: 0 0 22px; }
.ts-single-thumb img { width: 100%; height: auto; display: block; border-radius: 6px; }
.ts-single-thumb figcaption { font-size: 12px; color: #888; padding: 6px 2px; }
.ts-single-content { font-family: Merriweather, Georgia, serif; font-size: 17px; line-height: 1.75; color: #2a2a2a; }
.ts-single-content > p:first-of-type { font-size: 19px; font-weight: 500; }
.ts-single-content p { margin: 0 0 18px; }
.ts-single-content a { color: var(--ts-primary); }
.ts-single-content h2, .ts-single-content h3 { font-family: Inter, system-ui, sans-serif; font-weight: 800; line-height: 1.3; margin: 28px 0 12px; }
.ts-single-content h2 { font-size: 24px; }
.ts-single-content h3 { font-size: 20px; }
.ts-single-content blockquote { border-left: 4px solid var(--ts-primary); padding: 12px 18px; margin: 18px 0; background: #fafafa; font-style: italic; color: #444; }
.ts-single-content img { max-width: 100%; height: auto; border-radius: 6px; }
.ts-single-content figure { margin: 20px 0; }
.ts-single-content figcaption { font-size: 13px; color: #888; padding: 6px 4px; }

/* Source citation (de la plugin) */
.tsan-source-citation { background: #fafafa; border-left: 3px solid var(--ts-primary); padding: 10px 14px; font-size: 14px; color: #555; margin: 22px 0 0; border-radius: 0 4px 4px 0; }
.tsan-source-citation a { color: var(--ts-primary); font-weight: 600; }

/* Tags */
.ts-single-tags {
	margin: 32px 0;
	padding: 20px 22px;
	background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f5 100%);
	border-radius: 12px;
	border-left: 4px solid var(--ts-primary, #d62828);
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: flex-start;
}
.ts-tags-label {
	font-weight: 800;
	font-size: 14px;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	padding-top: 4px;
}
.ts-tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	flex: 1;
	min-width: 0;
}
.ts-tag {
	display: inline-block;
	padding: 5px 12px;
	background: #fff;
	color: #555;
	font-size: 12px;
	font-weight: 600;
	border-radius: 16px;
	text-decoration: none;
	transition: all 0.2s ease;
	border: 1px solid #e0e0e0;
	white-space: nowrap;
}
.ts-tag::before {
	content: '#';
	color: var(--ts-primary, #d62828);
	font-weight: 700;
	margin-right: 1px;
}
.ts-tag:hover {
	background: var(--ts-primary, #d62828);
	color: #fff;
	border-color: var(--ts-primary, #d62828);
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(214, 40, 40, 0.25);
}
.ts-tag:hover::before {
	color: #fff;
}

@media (max-width: 600px) {
	.ts-single-tags { padding: 16px; gap: 8px; }
	.ts-tags-label { width: 100%; padding-top: 0; margin-bottom: 4px; }
}

/* Share buttons */
.ts-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 18px 0; border-top: 1px solid var(--ts-border); border-bottom: 1px solid var(--ts-border); margin: 22px 0; }
.ts-share .label { font-weight: 700; font-size: 13px; margin-right: 4px; }
.ts-share a { display: inline-block; padding: 7px 12px; border-radius: 4px; font-size: 12px; text-decoration: none; color: #fff; font-weight: 600; transition: opacity 0.2s; }
.ts-share a:hover { opacity: 0.9; }
.ts-share .fb { background: #1877f2; }
.ts-share .x { background: #1a1a1a; }
.ts-share .tg { background: #0088cc; }
.ts-share .wa { background: #25d366; }

/* Related */
.ts-related { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--ts-border); }
.ts-related-title { font-size: 18px; font-weight: 800; margin: 0 0 18px; text-transform: uppercase; letter-spacing: 0.3px; color: #1a1a1a; padding-left: 12px; border-left: 4px solid var(--ts-primary); }

/* Breadcrumb */
.ts-breadcrumb { font-size: 12px; color: #888; margin-bottom: 8px; }
.ts-breadcrumb a { color: #888; text-decoration: none; }
.ts-breadcrumb a:hover { color: var(--ts-primary); }
.ts-breadcrumb .sep { margin: 0 6px; color: #ccc; }

/* Category badge */
.ts-cat-badge { display: inline-block; padding: 3px 10px; background: var(--ts-primary); color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 3px; text-decoration: none; }
.ts-cat-badge:hover { background: var(--ts-primary-dark); color: #fff; }

/* Archive */
.ts-archive-wrap { padding: 24px 0 50px; }
.ts-archive-header { margin-bottom: 26px; padding: 24px 28px; border-radius: 8px; background: #fafafa; }
.ts-archive-header-gradient { background: linear-gradient(135deg, var(--ts-primary) 0%, var(--ts-accent) 100%); color: #fff; }
.ts-archive-header-gradient .ts-archive-title, .ts-archive-header-gradient .ts-archive-desc { color: #fff; }
.ts-archive-header-gradient .ts-breadcrumb, .ts-archive-header-gradient .ts-breadcrumb a { color: rgba(255,255,255,0.8); }
.ts-archive-title { font-size: 28px; font-weight: 800; margin: 4px 0; line-height: 1.2; }
.ts-archive-desc { font-size: 14px; opacity: 0.9; }
.ts-archive-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; }
.ts-archive-main { min-width: 0; }
.ts-no-results { padding: 40px 20px; text-align: center; background: #fafafa; border-radius: 6px; }

/* Pagination */
.ts-pagination { display: flex; justify-content: center; gap: 6px; margin: 30px 0; flex-wrap: wrap; }
.ts-pagination a, .ts-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border-radius: 4px; background: #fff; border: 1px solid var(--ts-border); color: #1a1a1a; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.ts-pagination a:hover { border-color: var(--ts-primary); color: var(--ts-primary); }
.ts-pagination .current { background: var(--ts-primary); border-color: var(--ts-primary); color: #fff; }

/* Page generic */
.ts-page-wrap { padding: 30px 0 50px; }
.ts-page-header { margin-bottom: 22px; }

/* 404 */
.ts-404-wrap { padding: 40px 0 60px; }
.ts-404 { text-align: center; padding: 50px 20px; }
.ts-404-code { font-size: 120px; font-weight: 900; color: var(--ts-primary); line-height: 1; margin-bottom: 12px; letter-spacing: -4px; }
.ts-404-title { font-size: 30px; font-weight: 800; margin: 0 0 12px; }
.ts-404-desc { color: #666; max-width: 560px; margin: 0 auto 22px; line-height: 1.6; }
.ts-404-home { display: inline-block; margin-top: 14px; color: var(--ts-primary); font-weight: 600; text-decoration: none; }
.ts-404-home:hover { text-decoration: underline; }
.ts-search-form-inline { display: inline-flex; gap: 8px; max-width: 480px; margin: 0 auto; }
.ts-search-form-inline input[type="search"] { flex: 1; padding: 12px 16px; border: 1px solid var(--ts-border); border-radius: 4px; font-size: 14px; }
.ts-search-form-inline button { padding: 12px 22px; background: var(--ts-primary); color: #fff; border: 0; border-radius: 4px; font-weight: 600; cursor: pointer; }

/* Comments */
.ts-comments { margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--ts-border); }
.ts-comments-title { font-size: 20px; font-weight: 800; margin: 0 0 18px; }
.ts-comment-list { list-style: none; padding: 0; }
.ts-comment-list .comment { padding: 16px 0; border-bottom: 1px solid var(--ts-border); }
.ts-comment-list .children { list-style: none; padding-left: 24px; margin-top: 12px; }
.ts-comment-list .comment-author { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-weight: 600; }
.ts-comment-list .comment-author img { border-radius: 50%; }
.ts-comment-list .comment-meta { font-size: 12px; color: #888; }
.ts-comment-submit { padding: 11px 22px; background: var(--ts-primary); color: #fff; border: 0; border-radius: 4px; font-weight: 600; cursor: pointer; }
.ts-comments-closed { font-style: italic; color: #888; padding: 12px 0; }

/* Footer */
.ts-footer { background: #14151a; color: #cfcfd4; padding: 40px 0 18px; margin-top: 50px; }
.ts-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.ts-footer-col h3, .ts-footer-col .widget-title { color: #fff; font-size: 15px; font-weight: 800; margin: 0 0 12px; text-transform: uppercase; letter-spacing: 0.3px; }
.ts-footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.ts-footer-col a { color: #cfcfd4; text-decoration: none; font-size: 13px; transition: color 0.2s; }
.ts-footer-col a:hover { color: #fff; }
.ts-footer-about-text { font-size: 13px; line-height: 1.6; margin: 12px 0 14px; color: #999; }
.ts-footer-telegram { display: inline-block; padding: 8px 16px; background: #0088cc; color: #fff; border-radius: 20px; font-size: 13px; font-weight: 600; text-decoration: none; }
.ts-footer-telegram:hover { background: #006ba6; color: #fff; }
.ts-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 18px; flex-wrap: wrap; }
.ts-footer-copyright { font-size: 12px; color: #888; }
.ts-footer-social { display: flex; gap: 10px; }
.ts-social-link { width: 34px; height: 34px; background: rgba(255,255,255,0.06); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; transition: background 0.2s; }
.ts-social-link:hover { background: var(--ts-primary); }
.ts-footer-nav { margin-top: 16px; }
.ts-footer-menu { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; }

/* Container */
.ts-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

/* Skip link */
.skip-link { position: absolute; left: -9999px; top: 0; }
.skip-link:focus { left: 10px; top: 10px; padding: 8px 12px; background: #fff; z-index: 100000; }

/* Mobile responsive */
@media (max-width: 1024px) {
	.ts-front-layout, .ts-single-layout, .ts-archive-layout { grid-template-columns: 1fr; }
	.ts-card-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-hero { grid-template-columns: 1fr; }
	.ts-sport-grid { grid-template-columns: 1fr; }
	.ts-footer-grid { grid-template-columns: 1fr 1fr; }
	.ts-single-title { font-size: 28px; }
}

@media (max-width: 700px) {
	.ts-card-grid { grid-template-columns: 1fr; }
	.ts-footer-grid { grid-template-columns: 1fr; }
	.ts-menu-toggle { display: inline-flex; }
	.ts-nav { display: none; }
	.ts-nav.is-open { display: block; }
	.ts-nav-menu { flex-direction: column; }
	.ts-nav-menu li a { padding: 12px 18px; border-bottom: 1px solid var(--ts-border); }
	.ts-section-sport { padding: 18px; }
	.ts-single-title { font-size: 24px; }
	.ts-single-content { font-size: 16px; }
	.ts-hero-overlay { padding: 16px; }
	.ts-hero-title { font-size: 20px; }
	.ts-404-code { font-size: 80px; }
	.ts-section-title { font-size: 18px; }
	.ts-archive-header { padding: 18px; }
	.ts-archive-title { font-size: 22px; }
}


/* ============================================
   TICKER REPARAT v1.0.1 — fără suprapuneri
   ============================================ */
.ts-ticker {
	background: var(--ts-primary);
	color: #fff;
	border-bottom: 2px solid var(--ts-primary-dark);
	overflow: hidden;
	position: relative;
	height: 38px;
	display: flex;
	align-items: center;
}
.ts-ticker-inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 16px;
	display: flex;
	align-items: stretch;
	gap: 0;
	width: 100%;
	height: 100%;
}
.ts-ticker-label {
	background: #fff;
	color: var(--ts-primary);
	padding: 0 14px;
	font-weight: 900;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	border-radius: 3px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 6px 14px 6px 0;
	position: relative;
	z-index: 3;
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
.ts-ticker-label::before {
	content: '';
	width: 8px;
	height: 8px;
	background: var(--ts-primary);
	border-radius: 50%;
	animation: ts-pulse 1.5s infinite;
}
@keyframes ts-pulse { 0%,100%{opacity:1;} 50%{opacity:0.25;} }

/* Mască: track-ul are overflow hidden și un gradient fade la stânga ca să mascheze label-ul */
.ts-ticker-track {
	flex: 1;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
}
.ts-ticker-track::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 24px;
	background: linear-gradient(to right, var(--ts-primary) 0%, transparent 100%);
	pointer-events: none;
	z-index: 2;
}
.ts-ticker-track::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 24px;
	background: linear-gradient(to left, var(--ts-primary) 0%, transparent 100%);
	pointer-events: none;
	z-index: 2;
}
.ts-ticker-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 36px;
	white-space: nowrap;
	animation: ts-ticker-scroll 80s linear infinite;
	will-change: transform;
}
.ts-ticker-list li {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
}
.ts-ticker-list a {
	color: #fff;
	text-decoration: none;
	opacity: 0.95;
}
.ts-ticker-list a:hover {
	opacity: 1;
	text-decoration: underline;
}
@keyframes ts-ticker-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* Pauză animație la hover ca să poată citi */
.ts-ticker:hover .ts-ticker-list { animation-play-state: paused; }

/* Mobile */
@media (max-width: 600px) {
	.ts-ticker { height: 34px; }
	.ts-ticker-label { font-size: 10px; padding: 0 10px; margin: 4px 10px 4px 0; }
	.ts-ticker-label::before { width: 6px; height: 6px; }
	.ts-ticker-list { gap: 24px; }
	.ts-ticker-list li { font-size: 12px; }
}

/* ============================================
   Anti-dark-mode override: WP Dark Mode plugin
   inversează automat culorile, dar ticker-ul,
   header-ul și badge-urile trebuie să rămână roșii
   ============================================ */
.wp-dark-mode-active .ts-ticker,
[data-wp-dark-mode-active] .ts-ticker,
html.wp-dark-mode-active .ts-ticker {
	background: var(--ts-primary) !important;
	color: #fff !important;
}
.wp-dark-mode-active .ts-ticker-list a,
[data-wp-dark-mode-active] .ts-ticker-list a {
	color: #fff !important;
}
.wp-dark-mode-active .ts-cat-badge,
[data-wp-dark-mode-active] .ts-cat-badge {
	background: var(--ts-primary) !important;
	color: #fff !important;
}
.wp-dark-mode-active .ts-archive-header-gradient,
[data-wp-dark-mode-active] .ts-archive-header-gradient {
	background: linear-gradient(135deg, var(--ts-primary) 0%, var(--ts-accent) 100%) !important;
	color: #fff !important;
}
.wp-dark-mode-active .ts-telegram-card,
[data-wp-dark-mode-active] .ts-telegram-card {
	background: linear-gradient(135deg, #0088cc 0%, #006ba6 100%) !important;
	color: #fff !important;
}

/* ============================================
   Widget Categorii Modern v1.0.1
   ============================================ */

/* Container widget */
.ts-categorii-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Item categorie — card individual */
.ts-cat-item {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	position: relative;
}

.ts-cat-item a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 11px 14px !important;
	background: var(--ts-bg-alt, #f8f9fa);
	border-radius: 8px;
	color: var(--ts-text, #1a1a1a) !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	border-left: 3px solid var(--cat-color, var(--ts-primary));
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

/* Strălucire pe partea stângă la hover */
.ts-cat-item a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 3px;
	background: var(--cat-color, var(--ts-primary));
	transition: width 0.25s ease;
}

.ts-cat-item a:hover {
	background: #fff !important;
	color: var(--cat-color, var(--ts-primary)) !important;
	transform: translateX(3px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
	border-left-color: transparent;
}

.ts-cat-item a:hover::before {
	width: 6px;
}

/* Iconiță */
.ts-cat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: var(--cat-color, var(--ts-primary));
	border-radius: 6px;
	font-size: 16px;
	flex-shrink: 0;
	color: #fff;
	transition: transform 0.25s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.ts-cat-item a:hover .ts-cat-icon {
	transform: scale(1.08) rotate(-3deg);
}

/* Nume categorie */
.ts-cat-name {
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Count badge */
.ts-cat-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 22px;
	padding: 0 8px;
	background: rgba(0, 0, 0, 0.06);
	color: #666;
	border-radius: 11px;
	font-size: 11px;
	font-weight: 700;
	flex-shrink: 0;
	transition: all 0.25s ease;
}

.ts-cat-item a:hover .ts-cat-count {
	background: var(--cat-color, var(--ts-primary));
	color: #fff;
}

/* Dark mode protection */
.wp-dark-mode-active .ts-cat-item a,
[data-wp-dark-mode-active] .ts-cat-item a {
	background: rgba(255, 255, 255, 0.04) !important;
	color: #e8e8ec !important;
}
.wp-dark-mode-active .ts-cat-item a:hover,
[data-wp-dark-mode-active] .ts-cat-item a:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: var(--cat-color, var(--ts-primary)) !important;
}
.wp-dark-mode-active .ts-cat-count,
[data-wp-dark-mode-active] .ts-cat-count {
	background: rgba(255, 255, 255, 0.1);
	color: #ccc;
}

/* ============================================
   Override și pentru widget-ul WP standard "Categories"
   (pentru cazul în care cineva folosește widget-ul nativ)
   ============================================ */
.widget_categories ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.widget_categories ul li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.widget_categories ul li a {
	display: block !important;
	padding: 10px 14px !important;
	background: var(--ts-bg-alt, #f8f9fa) !important;
	color: var(--ts-text, #1a1a1a) !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	border-radius: 6px;
	border-left: 3px solid var(--ts-primary);
	transition: all 0.2s ease;
}

.widget_categories ul li a:hover {
	background: var(--ts-primary) !important;
	color: #fff !important;
	transform: translateX(3px);
	box-shadow: 0 3px 10px rgba(214, 40, 40, 0.2);
}

/* ============================================
   FIX v1.0.3 — Articole similare (related posts)
   Specificity mai mare ca să înlocuiască eventuale
   stiluri agresive de la WP Dark Mode sau alte
   plugin-uri care suprascriu cardurile
   ============================================ */

.ts-related {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 3px solid var(--ts-primary, #d62828);
}

.ts-related-title {
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 18px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--ts-text, #1a1a1a);
	padding-left: 12px;
	border-left: 4px solid var(--ts-primary, #d62828);
}

.ts-related .ts-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.ts-related .ts-card,
.ts-card {
	display: flex !important;
	flex-direction: column !important;
	background: #fff !important;
	border: 1px solid var(--ts-border, #e5e7eb) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	transition: all 0.25s ease !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ts-related .ts-card:hover,
.ts-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.ts-related .ts-card > a.thumb,
.ts-card > a.thumb {
	display: block !important;
	aspect-ratio: 16 / 10;
	overflow: hidden !important;
	background: #f5f5f5;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 0 !important;
}

.ts-related .ts-card > a.thumb img,
.ts-card > a.thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.4s ease !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
}

.ts-related .ts-card:hover > a.thumb img,
.ts-card:hover > a.thumb img {
	transform: scale(1.05);
}

.ts-related .ts-card > .body,
.ts-card > .body {
	padding: 14px 16px 16px !important;
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	gap: 8px;
}

.ts-related .ts-card .body h3,
.ts-card .body h3 {
	font-size: 15px !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	font-weight: 700 !important;
	padding: 0 !important;
	border: 0 !important;
}

.ts-related .ts-card .body h3 a,
.ts-card .body h3 a {
	color: var(--ts-text, #1a1a1a) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.ts-related .ts-card .body h3 a:hover,
.ts-card .body h3 a:hover {
	color: var(--ts-primary, #d62828) !important;
}

.ts-related .ts-card .body p,
.ts-card .body p {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--ts-text-light, #6b7280) !important;
	margin: 0 !important;
	flex: 1;
}

.ts-related .ts-card .body .ts-meta,
.ts-card .body .ts-meta {
	font-size: 12px !important;
	color: var(--ts-text-meta, #9ca3af) !important;
	margin-top: 6px;
	padding: 0 !important;
}

.ts-related .ts-card .ts-cat-badge,
.ts-card .ts-cat-badge {
	display: inline-block !important;
	width: auto !important;
	background: var(--ts-primary, #d62828) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 3px 8px !important;
	border-radius: 3px !important;
	text-decoration: none !important;
	border: 0 !important;
	align-self: flex-start;
}

/* Responsive: 2 coloane pe tabletă, 1 pe mobil */
@media (max-width: 1024px) {
	.ts-related .ts-card-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 600px) {
	.ts-related .ts-card-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Dark mode */
.wp-dark-mode-active .ts-related .ts-card,
.wp-dark-mode-active .ts-card,
[data-wp-dark-mode-active] .ts-related .ts-card,
[data-wp-dark-mode-active] .ts-card {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.wp-dark-mode-active .ts-related .ts-card .body h3 a,
.wp-dark-mode-active .ts-card .body h3 a,
[data-wp-dark-mode-active] .ts-related .ts-card .body h3 a,
[data-wp-dark-mode-active] .ts-card .body h3 a {
	color: #f0f0f0 !important;
}

/* ============================================
   v1.0.4 — Author meta: verified badge,
   data+oră, reading time cu icon
   ============================================ */
.ts-single-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 13px !important;
	color: var(--ts-text-light, #6b7280) !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid var(--ts-border, #e5e7eb) !important;
	margin-bottom: 24px !important;
}

.ts-single-author {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

.ts-single-author .ts-author-name {
	color: var(--ts-text, #1a1a1a) !important;
	font-weight: 700 !important;
	margin: 0 2px 0 4px !important;
}

.ts-author-verified {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin-left: 1px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.ts-author-verified svg {
	display: block;
	width: 18px;
	height: 18px;
}

/* Hover tooltip simplu */
.ts-author-verified:hover {
	transform: scale(1.1);
	transition: transform 0.15s ease;
}

.ts-single-sep {
	color: var(--ts-text-meta, #9ca3af) !important;
	margin: 0 2px;
	user-select: none;
}

.ts-single-date {
	color: var(--ts-text-light, #6b7280) !important;
	display: inline-flex;
	align-items: center;
	gap: 0;
}

.ts-single-time {
	color: var(--ts-text-meta, #9ca3af) !important;
	font-weight: 500;
}

.ts-single-reading {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	background: var(--ts-bg-alt, #f8f9fa);
	padding: 3px 10px 3px 8px;
	border-radius: 12px;
	font-size: 12px !important;
	font-weight: 500;
	color: var(--ts-text-light, #6b7280) !important;
}

.ts-single-reading svg {
	color: var(--ts-primary, #d62828);
}

/* Dark mode protection pentru bifa verificată */
.wp-dark-mode-active .ts-single-author .ts-author-name,
[data-wp-dark-mode-active] .ts-single-author .ts-author-name {
	color: #f0f0f0 !important;
}
.wp-dark-mode-active .ts-single-reading,
[data-wp-dark-mode-active] .ts-single-reading {
	background: rgba(255, 255, 255, 0.08);
}

/* Responsive — pe mobil itemii curg unul sub altul mai natural */
@media (max-width: 600px) {
	.ts-single-meta {
		gap: 6px !important;
		font-size: 12px !important;
	}
	.ts-single-sep {
		display: none;
	}
	.ts-single-author,
	.ts-single-date,
	.ts-single-reading {
		flex-basis: auto;
	}
}

/* Ascunde citation-ul vechi din content (în cazul în care filter-ul PHP nu-l prinde) */
.entry-content .tsan-source-citation,
.ts-single-content .tsan-source-citation {
	display: none !important;
}

/* ============================================
   v1.0.5 — Ascunde secțiuni "Articole similare"
   duplicat injectate de plugin-uri în content
   (păstrăm DOAR pe a temei, .ts-related)
   ============================================ */

/* Sassy Social Share related */
.heateor_sss_related,
.heateor_sss_horizontal_sharing + .heateor_sss_related,
.entry-content .heateor_sss_related,
.ts-single-content .heateor_sss_related {
	display: none !important;
}

/* YARPP (Yet Another Related Posts) */
.entry-content .yarpp-related,
.ts-single-content .yarpp-related,
.entry-content .yarpp,
.ts-single-content .yarpp {
	display: none !important;
}

/* CRP (Contextual Related Posts) */
.entry-content .crp_related,
.ts-single-content .crp_related {
	display: none !important;
}

/* Jetpack Related */
.entry-content .jp-relatedposts,
.ts-single-content .jp-relatedposts {
	display: none !important;
}

/* StiriPoint Growth Suite related */
.entry-content .tgs-related,
.entry-content .tgs-related-posts,
.ts-single-content .tgs-related,
.ts-single-content .tgs-related-posts {
	display: none !important;
}

/* Yoast Schema/blocks */
.entry-content .yoast-related,
.ts-single-content .yoast-related {
	display: none !important;
}

/* Strict fallback: orice <h3>/<h4> cu textul "Articole similare" în content
   urmat de o listă/grid de imagini-link-uri */
.entry-content > h3:not(.ts-related-title),
.ts-single-content > h3:not(.ts-related-title) {
	/* Doar dacă conținutul textului e "Articole similare" exact */
}

/* Plus, ascunde explicit linkuri grupate "related" generice */
.entry-content .related,
.entry-content .related-posts,
.ts-single-content .related,
.ts-single-content .related-posts {
	display: none !important;
}

/* ============================================
   v1.0.6 — Hero Side Cards (premium redesign)
   Cards laterale cu border roșu, animație,
   numerotare și hover dramatic
   ============================================ */

/* Resetează stilul vechi flat */
.ts-hero-side {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	counter-reset: side-counter;
}

.ts-hero-side-item {
	display: grid !important;
	grid-template-columns: 130px 1fr !important;
	gap: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid #e8e8e8 !important;
	border-left: 4px solid var(--ts-primary, #d62828) !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	position: relative !important;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
	counter-increment: side-counter;
}

/* Linia roșie verticală care crește la hover */
.ts-hero-side-item::before {
	content: '';
	position: absolute;
	left: -4px;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(to bottom, var(--ts-primary, #d62828) 0%, var(--ts-accent, #f77f00) 100%);
	transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 2;
}

/* Numerotare absolută (1, 2, 3) — brand mark */
.ts-hero-side-item::after {
	content: counter(side-counter);
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 32px;
	font-weight: 900;
	font-family: var(--ts-font-sans, Inter), sans-serif;
	color: rgba(214, 40, 40, 0.08);
	line-height: 1;
	letter-spacing: -2px;
	z-index: 1;
	transition: all 0.35s ease;
	pointer-events: none;
}

.ts-hero-side-item:hover {
	transform: translateX(4px);
	border-color: transparent !important;
	border-left-color: transparent !important;
	box-shadow: 0 8px 24px rgba(214, 40, 40, 0.15), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.ts-hero-side-item:hover::before {
	width: 6px;
}

.ts-hero-side-item:hover::after {
	color: rgba(214, 40, 40, 0.18);
	transform: scale(1.15) translateY(-2px);
}

/* Imagine */
.ts-hero-side-thumb {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100px !important;
	aspect-ratio: auto !important;
	overflow: hidden !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

.ts-hero-side-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.5s ease !important;
}

.ts-hero-side-item:hover .ts-hero-side-thumb img {
	transform: scale(1.08);
}

/* Overlay subtil peste imagine */
.ts-hero-side-thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, transparent 0%, rgba(214, 40, 40, 0.0) 70%, rgba(214, 40, 40, 0.15) 100%);
	pointer-events: none;
	transition: opacity 0.35s ease;
	opacity: 0;
}

.ts-hero-side-item:hover .ts-hero-side-thumb::after {
	opacity: 1;
}

/* Body (text) */
.ts-hero-side-body {
	padding: 12px 14px 12px 14px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 6px !important;
	position: relative;
	z-index: 2;
	background: linear-gradient(135deg, #fff 0%, #fafafa 100%);
}

/* Badge categorie - mai vizibil */
.ts-hero-side-body .ts-cat-badge {
	display: inline-block !important;
	width: auto !important;
	background: var(--ts-primary, #d62828) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	padding: 3px 8px !important;
	border-radius: 2px !important;
	text-decoration: none !important;
	border: 0 !important;
	align-self: flex-start !important;
	box-shadow: 0 2px 4px rgba(214, 40, 40, 0.2);
	margin: 0 !important;
}

.ts-hero-side-item:hover .ts-cat-badge {
	background: var(--ts-primary-dark, #a31e1e) !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px rgba(214, 40, 40, 0.3);
}

/* Titlu */
.ts-hero-side-body h3 {
	font-size: 14px !important;
	line-height: 1.35 !important;
	margin: 2px 0 0 !important;
	font-weight: 700 !important;
	color: #1a1a1a !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: color 0.25s ease !important;
}

.ts-hero-side-body h3 a {
	color: inherit !important;
	text-decoration: none !important;
}

.ts-hero-side-item:hover .ts-hero-side-body h3 {
	color: var(--ts-primary, #d62828) !important;
}

/* Time/data */
.ts-hero-side-body time {
	font-size: 11px !important;
	color: #888 !important;
	font-weight: 500 !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 2px;
}

.ts-hero-side-body time::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: var(--ts-primary, #d62828);
	border-radius: 50%;
	animation: ts-side-pulse 2s ease-in-out infinite;
}

@keyframes ts-side-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.8); }
}

/* Animație de intrare (când se încarcă) */
.ts-hero-side-item {
	animation: ts-side-fadein 0.5s ease backwards;
}
.ts-hero-side-item:nth-child(1) { animation-delay: 0.0s; }
.ts-hero-side-item:nth-child(2) { animation-delay: 0.1s; }
.ts-hero-side-item:nth-child(3) { animation-delay: 0.2s; }
.ts-hero-side-item:nth-child(4) { animation-delay: 0.3s; }

@keyframes ts-side-fadein {
	from { opacity: 0; transform: translateX(20px); }
	to   { opacity: 1; transform: translateX(0); }
}

/* Dark mode protection */
.wp-dark-mode-active .ts-hero-side-item,
[data-wp-dark-mode-active] .ts-hero-side-item {
	background: #1f1f25 !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
	border-left-color: var(--ts-primary, #d62828) !important;
}
.wp-dark-mode-active .ts-hero-side-body,
[data-wp-dark-mode-active] .ts-hero-side-body {
	background: linear-gradient(135deg, #1f1f25 0%, #18181d 100%) !important;
}
.wp-dark-mode-active .ts-hero-side-body h3,
[data-wp-dark-mode-active] .ts-hero-side-body h3 {
	color: #f0f0f0 !important;
}

/* Responsive — pe mobil cards stack vertical normal */
@media (max-width: 700px) {
	.ts-hero-side-item {
		grid-template-columns: 100px 1fr !important;
	}
	.ts-hero-side-body h3 {
		font-size: 13px !important;
		-webkit-line-clamp: 2 !important;
	}
	.ts-hero-side-item::after {
		font-size: 24px;
		top: 4px;
		right: 8px;
	}
}

/* === AUDIO PLAYER "Ascultă articolul" === */
.ts-audio-player {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	background: linear-gradient(135deg, #d62828 0%, #a4161a 100%);
	border-radius: 12px;
	margin: 16px 0 24px;
	color: #fff;
	box-shadow: 0 4px 14px rgba(214, 40, 40, 0.25);
}
.ts-audio-btn {
	width: 48px; height: 48px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	border: 0;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	flex-shrink: 0;
}
.ts-audio-btn:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.05); }
.ts-audio-btn svg { display: block; }
.ts-audio-info { flex: 1; min-width: 0; }
.ts-audio-label { font-weight: 700; font-size: 15px; margin-bottom: 2px; }
.ts-audio-meta { font-size: 12px; opacity: 0.9; }
.ts-audio-controls { display: flex; align-items: center; gap: 8px; }
.ts-audio-speed {
	background: rgba(255, 255, 255, 0.2);
	border: 0;
	color: #fff;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}
.ts-audio-speed option { background: #1a1a1a; color: #fff; }
.ts-audio-player.is-playing { background: linear-gradient(135deg, #2a9d2a 0%, #1d7a1d 100%); }
.ts-audio-player.is-playing .ts-audio-btn { background: rgba(255, 255, 255, 0.25); }

/* === DATA PUBLICARE / ACTUALIZARE === */
.ts-single-dates {
	display: inline-flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}
.ts-single-dates time {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.ts-date-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--ts-text-meta, #6b6b6b);
	font-weight: 500;
}
.ts-single-dates strong {
	font-weight: 700;
	color: var(--ts-text, #1a1a1a);
	font-variant-numeric: tabular-nums;
}
.ts-single-modified .ts-date-label::before {
	content: '🔄 ';
}

@media (max-width: 600px) {
	.ts-audio-player { flex-wrap: wrap; padding: 12px 14px; gap: 10px; }
	.ts-audio-info { flex-basis: calc(100% - 60px); }
	.ts-audio-controls { flex-basis: 100%; justify-content: flex-end; }
	.ts-single-dates { flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* Spinner pentru audio loading */
.ts-spin {
	animation: ts-spin 1s linear infinite;
	transform-origin: center;
}
@keyframes ts-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.ts-audio-player.is-loading .ts-audio-btn {
	background: rgba(255, 255, 255, 0.15);
	cursor: wait;
}

/* === COMENTARII === */
.ts-comments {
	margin: 40px 0;
	padding: 32px;
	background: #f8f9fa;
	border-radius: var(--ts-radius-lg, 12px);
}
.ts-comments-title {
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 24px;
	color: var(--ts-text, #1a1a1a);
	display: flex;
	align-items: center;
	gap: 8px;
}
.ts-comments-title::before {
	content: '💬';
	font-size: 24px;
}

.ts-comment-list {
	list-style: none;
	padding: 0;
	margin: 0 0 32px;
}
.ts-comment-list li.comment {
	background: #fff;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 14px;
	border-left: 3px solid var(--ts-primary, #d62828);
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.ts-comment-list .comment-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
.ts-comment-list .comment-author {
	font-weight: 700;
	color: var(--ts-text, #1a1a1a);
	font-size: 15px;
}
.ts-comment-list .comment-author .says { display: none; }
.ts-comment-list .comment-author .avatar {
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
.ts-comment-list .comment-metadata {
	font-size: 12px;
	color: #888;
}
.ts-comment-list .comment-metadata a {
	color: #888;
	text-decoration: none;
}
.ts-comment-list .comment-content {
	color: #333;
	line-height: 1.6;
	font-size: 15px;
}
.ts-comment-list .reply {
	margin-top: 8px;
}
.ts-comment-list .reply a {
	font-size: 12px;
	color: var(--ts-primary, #d62828);
	font-weight: 600;
	text-decoration: none;
}
.ts-comment-list .children {
	list-style: none;
	margin: 12px 0 0;
	padding-left: 24px;
	border-left: 2px solid #eee;
}

/* Form */
.comment-respond {
	background: #fff;
	border-radius: 10px;
	padding: 24px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.comment-reply-title {
	font-size: 18px;
	font-weight: 800;
	margin: 0 0 16px;
	color: var(--ts-text, #1a1a1a);
}
.comment-form-author,
.comment-form-comment {
	margin-bottom: 14px;
}
.comment-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	font-size: 13px;
	color: #555;
}
.comment-form .required {
	color: var(--ts-primary, #d62828);
}
.comment-form input[type="text"],
.comment-form textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	transition: border-color 0.2s, box-shadow 0.2s;
	box-sizing: border-box;
}
.comment-form input[type="text"]:focus,
.comment-form textarea:focus {
	outline: none;
	border-color: var(--ts-primary, #d62828);
	box-shadow: 0 0 0 3px rgba(214, 40, 40, 0.1);
}
.comment-form textarea {
	resize: vertical;
	min-height: 110px;
}
.form-submit {
	margin: 18px 0 0;
}
.ts-comment-submit,
.form-submit input[type="submit"] {
	background: var(--ts-primary, #d62828);
	color: #fff !important;
	border: 0;
	padding: 12px 28px;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s;
}
.ts-comment-submit:hover,
.form-submit input[type="submit"]:hover {
	background: #a4161a;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(214, 40, 40, 0.3);
}

@media (max-width: 600px) {
	.ts-comments { padding: 20px 16px; }
	.comment-respond { padding: 16px; }
}

/* === COMMENTS COUNT pe carduri === */
.ts-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.ts-meta-comments {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--ts-text-meta, #6b6b6b);
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	transition: color 0.2s;
}
.ts-meta-comments:hover {
	color: var(--ts-primary, #d62828);
}
.ts-meta-comments .ts-meta-icon {
	font-size: 13px;
}

/* Small cards meta */
.ts-small-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
}
.ts-small-comments {
	color: var(--ts-text-meta, #6b6b6b);
	text-decoration: none;
	font-size: 11px;
	font-weight: 600;
	transition: color 0.2s;
}
.ts-small-comments:hover { color: var(--ts-primary, #d62828); }

/* Hero side meta */
.ts-hero-side-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	font-size: 11px;
	color: var(--ts-text-meta, #6b6b6b);
}
.ts-hero-side-comments {
	color: var(--ts-text-meta, #6b6b6b);
	text-decoration: none;
	font-weight: 600;
	transition: color 0.2s;
}
.ts-hero-side-comments:hover { color: var(--ts-primary, #d62828); }

/* Hero main meta */
.ts-hero-meta {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.ts-hero-comments {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: color 0.2s;
}
.ts-hero-comments:hover { color: #fff; }

/* Sport meta */
.ts-sport-meta {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 8px;
}
.ts-sport-comments {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: color 0.2s;
}
.ts-sport-comments:hover { color: #fff; }

/* === FIX v1.0.6: Logo în footer dark (day mode) === */
/* Footer e mereu dark — așa că "Point" trebuie să fie alb acolo, indiferent de mod */
.ts-footer .ts-logo-stiri-prefix {
	color: var(--ts-primary) !important;  /* "Stiri" - roșu vizibil */
}
.ts-footer .ts-logo-stiri-suffix {
	color: #ffffff !important;  /* "Point" - alb pe fundal dark al footer-ului */
}
.ts-footer .ts-logo-text {
	font-family: Inter, system-ui, sans-serif;
	font-weight: 900;
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 1;
}