/**
 * Sangeorz TV Layout
 * Version: 1.0.0
 */

/* =========================================================
   1. VARIABILE GENERALE
   ========================================================= */

body.sangeorz-tv-layout-active {
	--stv-layout-width: 1280px;
	--stv-layout-padding: 20px;
	--stv-layout-gap: 32px;

	--stv-background: #0d0d0d;
	--stv-surface: #151515;
	--stv-surface-hover: #191919;

	--stv-border-color: rgba(255, 255, 255, 0.10);
	--stv-border-color-hover: rgba(255, 255, 255, 0.18);

	--stv-text-primary: #ffffff;
	--stv-text-secondary: #b7b7b7;

	--stv-radius: 8px;

	--stv-shadow:
		0 8px 24px rgba(0, 0, 0, 0.22),
		0 2px 6px rgba(0, 0, 0, 0.18);

	--stv-shadow-hover:
		0 12px 30px rgba(0, 0, 0, 0.30),
		0 3px 8px rgba(0, 0, 0, 0.22);

	background-color: var(--stv-background);
	color: var(--stv-text-primary);
}


/* =========================================================
   2. FUNDALUL GENERAL AL SITE-ULUI
   ========================================================= */

body.sangeorz-tv-layout-active,
body.sangeorz-tv-layout-active .td-main-content-wrap,
body.sangeorz-tv-layout-active .tdc-content-wrap,
body.sangeorz-tv-layout-active .td-page-wrap,
body.sangeorz-tv-layout-active .td-main-page-wrap {
	background-color: var(--stv-background);
}


/* =========================================================
   3. CONTAINER CENTRAL — MAXIMUM 1280PX
   ========================================================= */

/*
 * Container reutilizabil pentru pluginurile SÂNGEORZ TV.
 *
 * Poate fi adăugat în HTML astfel:
 * <div class="sangeorz-tv-container">...</div>
 */
body.sangeorz-tv-layout-active .sangeorz-tv-container,
body.sangeorz-tv-layout-active .stv-container {
	width: 100%;
	max-width: var(--stv-layout-width);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--stv-layout-padding);
	padding-left: var(--stv-layout-padding);
	box-sizing: border-box;
}


/*
 * Containerele principale Newspaper.
 *
 * Nu forțăm lățimea rândurilor interne tagDiv.
 * Limităm doar containerele generale ale paginii.
 */
body.sangeorz-tv-layout-active .td-container,
body.sangeorz-tv-layout-active .td-container-border {
	width: 100%;
	max-width: var(--stv-layout-width);
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}


/* =========================================================
   4. SPAȚIEREA DINTRE SECȚIUNI
   ========================================================= */

/*
 * Clasă generală pentru orice secțiune SÂNGEORZ TV.
 */
body.sangeorz-tv-layout-active .sangeorz-tv-section,
body.sangeorz-tv-layout-active .stv-section {
	margin-bottom: var(--stv-layout-gap);
}


/*
 * Elimină marginea ultimei secțiuni dintr-un container.
 */
body.sangeorz-tv-layout-active .sangeorz-tv-container
.sangeorz-tv-section:last-child,
body.sangeorz-tv-layout-active .stv-container
.stv-section:last-child {
	margin-bottom: 0;
}


/* =========================================================
   5. STIL GENERAL PENTRU CARDURI
   ========================================================= */

/*
 * Clasă reutilizabilă pentru Hero, LIVE, Breaking și widgeturi.
 */
body.sangeorz-tv-layout-active .sangeorz-tv-card,
body.sangeorz-tv-layout-active .stv-card {
	position: relative;
	overflow: hidden;
	background-color: var(--stv-surface);
	border: 1px solid var(--stv-border-color);
	border-radius: var(--stv-radius);
	box-shadow: var(--stv-shadow);
	box-sizing: border-box;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}


/*
 * Efect discret la hover.
 *
 * Se aplică numai elementelor care primesc și clasa
 * sangeorz-tv-card-hover.
 */
body.sangeorz-tv-layout-active
.sangeorz-tv-card.sangeorz-tv-card-hover:hover,
body.sangeorz-tv-layout-active
.stv-card.stv-card-hover:hover {
	background-color: var(--stv-surface-hover);
	border-color: var(--stv-border-color-hover);
	box-shadow: var(--stv-shadow-hover);
	transform: translateY(-2px);
}


/* =========================================================
   6. COMPONENTELE EXISTENTE SÂNGEORZ TV
   ========================================================= */

/*
 * Aceste selectoare acoperă denumirile uzuale ale wrapperelor.
 * Vor fi ajustate după verificarea claselor HTML reale din
 * pluginurile Hero, Core și Breaking.
 */
body.sangeorz-tv-layout-active .sangeorztv-hero,
body.sangeorz-tv-layout-active .sangeorz-tv-hero,
body.sangeorz-tv-layout-active .stv-hero,

body.sangeorz-tv-layout-active .sangeorztv-live,
body.sangeorz-tv-layout-active .sangeorz-tv-live,
body.sangeorz-tv-layout-active .stv-live,

body.sangeorz-tv-layout-active .sangeorztv-breaking,
body.sangeorz-tv-layout-active .sangeorz-tv-breaking,
body.sangeorz-tv-layout-active .stv-breaking {
	box-sizing: border-box;
}


/*
 * Folosește această clasă pe wrapperul comun Hero + LIVE.
 */
body.sangeorz-tv-layout-active .sangeorz-tv-featured-grid,
body.sangeorz-tv-layout-active .stv-featured-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
	gap: var(--stv-layout-gap);
	align-items: stretch;
}


/* =========================================================
   7. TITLURI ȘI TEXTE
   ========================================================= */

body.sangeorz-tv-layout-active .sangeorz-tv-title,
body.sangeorz-tv-layout-active .stv-title {
	margin-top: 0;
	color: var(--stv-text-primary);
	line-height: 1.2;
}

body.sangeorz-tv-layout-active .sangeorz-tv-text,
body.sangeorz-tv-layout-active .stv-text {
	color: var(--stv-text-secondary);
}


/* =========================================================
   8. IMAGINI ȘI VIDEO
   ========================================================= */

body.sangeorz-tv-layout-active .sangeorz-tv-card img,
body.sangeorz-tv-layout-active .stv-card img,
body.sangeorz-tv-layout-active .sangeorz-tv-card iframe,
body.sangeorz-tv-layout-active .stv-card iframe {
	display: block;
	max-width: 100%;
}

body.sangeorz-tv-layout-active .sangeorz-tv-card iframe,
body.sangeorz-tv-layout-active .stv-card iframe {
	width: 100%;
	border: 0;
}


/* =========================================================
   9. TABLETĂ
   ========================================================= */

@media screen and (max-width: 1024px) {

	body.sangeorz-tv-layout-active {
		--stv-layout-padding: 18px;
		--stv-layout-gap: 24px;
	}

	body.sangeorz-tv-layout-active .sangeorz-tv-featured-grid,
	body.sangeorz-tv-layout-active .stv-featured-grid {
		grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
		gap: var(--stv-layout-gap);
	}
}


/* =========================================================
   10. MOBIL
   ========================================================= */

@media screen and (max-width: 767px) {

	body.sangeorz-tv-layout-active {
		--stv-layout-padding: 14px;
		--stv-layout-gap: 20px;
		--stv-radius: 6px;
	}

	body.sangeorz-tv-layout-active .sangeorz-tv-featured-grid,
	body.sangeorz-tv-layout-active .stv-featured-grid {
		grid-template-columns: 1fr;
	}

	body.sangeorz-tv-layout-active .sangeorz-tv-card,
	body.sangeorz-tv-layout-active .stv-card {
		box-shadow:
			0 5px 16px rgba(0, 0, 0, 0.20),
			0 1px 4px rgba(0, 0, 0, 0.16);
	}
}


/* =========================================================
   11. ECRANE FOARTE MICI
   ========================================================= */

@media screen and (max-width: 380px) {

	body.sangeorz-tv-layout-active {
		--stv-layout-padding: 10px;
		--stv-layout-gap: 16px;
	}
}


/* =========================================================
   12. ACCESIBILITATE
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	body.sangeorz-tv-layout-active
	:not(.sangeorztv-breaking):not(.sangeorztv-breaking *)
	{
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}/* ===========================
   CATEGORY / ARCHIVE PAGES
   =========================== */

/* Titlurile articolelor */
.category .entry-title a,
.category h3 a,
.category h2 a,
.archive .entry-title a,
.archive h3 a,
.archive h2 a {
    color: #ffffff !important;
}

/* Rezumatul articolului */
.category .td-excerpt,
.archive .td-excerpt,
.category .entry-summary,
.archive .entry-summary {
    color: #d5d5d5 !important;
}

/* Breadcrumb */
.category .td-crumb-container,
.category .td-crumb-container a,
.archive .td-crumb-container,
.archive .td-crumb-container a {
    color: #bdbdbd !important;
}/* ==========================================
   SÂNGEORZ TV - DARK MODE PENTRU CATEGORII
   ========================================== */

/* Titluri articole */
.td-module-title a,
.td-module-title,
.entry-title a,
.entry-title,
.tdb-title-text,
.tdb-title-text a,
h1,
h2,
h3,
h4 {
    color: #ffffff !important;
}

/* Rezumate */
.td-excerpt,
.tdb-excerpt,
.entry-summary,
.td-post-author-name,
.td-post-date,
.td-module-meta-info,
.td-post-category,
.tdb-module-excerpt {
    color: #d6d6d6 !important;
}

/* Breadcrumb */
.td-crumb-container,
.td-crumb-container a,
.tdb-breadcrumbs,
.tdb-breadcrumbs a {
    color: #c8c8c8 !important;
}

/* Hover pe titluri */
.td-module-title a:hover,
.entry-title a:hover,
.tdb-title-text a:hover {
    color: #e31e24 !important;
}