/* Cinema TMDB — integrazione tema Kicker (AxiomThemes)
   Rimappa le custom properties del plugin sulle variabili della skin attiva:
   cambiando skin/colori dal tema, le schede si adeguano da sole. */

:root {
	--ctmdb-accent: var(--theme-color-text_link, #e50914);
	--ctmdb-accent-contrast: var(--theme-color-inverse_link, #fff);
	--ctmdb-radius: var(--theme-var-rad, 8px);
	--ctmdb-gap: var(--theme-var-grid_gap, 16px);
	--ctmdb-card-bg: var(--theme-color-alter_bg_color, #f6f7f7);
	--ctmdb-muted: var(--theme-color-text_light, #646970);
	--ctmdb-border: var(--theme-color-bd_color, #e5e5e5);
	--ctmdb-star: var(--theme-color-text_link2, #ffd24d);
}

/* Le pagine del plugin usano l'intera larghezza di contenuto del tema:
   la sidebar è nascosta, quindi il contenitore .content non deve restare
   ristretto alla sua quota (~66%) lasciando lo spazio della sidebar. */
.ctmdb-kicker-page .content_wrap > .content,
.ctmdb-kicker-page .content {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
}

.ctmdb-kicker-page .sidebar_main,
.ctmdb-kicker-page aside.sidebar {
	display: none !important;
}

.ctmdb-content {
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* Hero a tutta larghezza (la sidebar è nascosta dal plugin su queste pagine)
   e a filo con l'header grazie alla classe remove_margins del tema. */
.ctmdb-single .ctmdb-hero {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

body.remove_margins .ctmdb-content {
	padding-bottom: 5.4rem;
}

.ctmdb-hero-inner {
	max-width: var(--theme-var-page, 1100px);
	padding-left: 16px;
	padding-right: 16px;
}

/* Hero mappato sullo schema "extra" della skin (sezioni scure del tema). */
.ctmdb-hero {
	background-color: var(--theme-color-extra_bg_color, #14181d);
}

.ctmdb-hero-inner {
	color: var(--theme-color-extra_text, #fff);
}

.ctmdb-hero .ctmdb-title,
.ctmdb-score-label,
.ctmdb-credit a strong {
	color: var(--theme-color-extra_dark, #fff);
}

.ctmdb-hero a {
	color: var(--theme-color-extra_link, #9ecbff);
}

.ctmdb-hero a:hover {
	color: var(--theme-color-extra_hover, #fff);
}

/* Titoli e testi delle card con i colori "alter" della skin. */
.ctmdb-person-name,
.ctmdb-film-title {
	color: var(--theme-color-alter_dark, inherit);
}

.ctmdb-person-role,
.ctmdb-film-meta {
	color: var(--theme-color-alter_light, var(--ctmdb-muted));
}

/* Bottone trailer con la tipografia dei bottoni del tema. */
.ctmdb-trailer-btn {
	font-size: var(--theme-font-button_font-size, 1em);
	font-weight: var(--theme-font-button_font-weight, 600);
	line-height: var(--theme-font-button_line-height, inherit);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding: 14px 32px;
}

/* Tab attivo con il colore scuro del tema. */
.ctmdb-tab-btn.is-active {
	color: var(--theme-color-text_dark, inherit);
}

/* Esiti premi coerenti con la palette. */
.ctmdb-awards-table .is-won {
	color: var(--theme-color-text_link, #00a32a);
}