/* TMDB Post Builder – front end. Change the colours here to match your theme. */
.tpb-post {
	--tpb-text: #e6e6e6;
	--tpb-muted: #b5b5b5;
	--tpb-panel: #1b1f24;
	--tpb-border: #2c323a;
	--tpb-blue: #29a8e0;
	--tpb-green: #3ddc4b;
	--tpb-teal: #2ec4b6;
	--tpb-dl: #1fa37a;
	--tpb-batch: #f06f6f;
	--tpb-star: #f5c518;
	color: var(--tpb-text);
	line-height: 1.6;
}
.tpb-post p { margin: 0 0 .6em; }
.tpb-post img { max-width: 100%; display: block; }

.tpb-desc { margin-bottom: 18px; }

/* Info card */
.tpb-card { display: flex; gap: 20px; background: var(--tpb-panel); border: 1px solid var(--tpb-border); border-radius: 6px; padding: 16px; margin-bottom: 22px; }
.tpb-poster { width: 190px; flex: none; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 4px; }
.tpb-info { flex: 1; min-width: 0; }
.tpb-title { margin: 0 0 4px; font-size: 1.5em; color: #fff; line-height: 1.25; }
.tpb-title span { font-size: .6em; font-weight: 400; color: var(--tpb-muted); }
.tpb-meta { color: var(--tpb-muted); font-size: .9em; margin-bottom: 14px; }
.tpb-rating { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.tpb-star {
	flex: none; width: 56px; height: 56px; padding-top: 5px;
	display: flex; align-items: center; justify-content: center;
	background: var(--tpb-star); color: #111; font-weight: 700; font-size: 14px;
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.tpb-short { color: var(--tpb-muted); font-size: .92em; }
.tpb-people { border-top: 1px solid var(--tpb-border); padding-top: 10px; font-size: .95em; }
.tpb-people p { margin: 0 0 4px; }

/* Section headings */
.tpb-h { margin: 22px 0 8px; font-size: 1.25em; }
.tpb-h-blue { color: var(--tpb-blue); }
.tpb-h-green { color: var(--tpb-green); }

.tpb-details { margin: 0 0 0 1.2em; padding: 0; }
.tpb-details li { margin: 2px 0; }

/* Screenshots */
.tpb-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.tpb-shots a { display: block; border-radius: 4px; overflow: hidden; }
.tpb-shots img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* Downloads */
.tpb-downloads { margin-top: 26px; }
.tpb-dl-heading { text-align: center; color: #fff; font-size: 1.2em; margin: 0 0 12px; }
.tpb-row {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	background: var(--tpb-panel); border: 1px solid var(--tpb-border); border-radius: 4px;
	padding: 10px 14px; margin-bottom: 8px;
}
.tpb-label { font-weight: 600; }
.tpb-ep { color: var(--tpb-teal); }
.tpb-lang { color: var(--tpb-teal); }
.tpb-size { color: var(--tpb-blue); }
.tpb-btns { display: flex; gap: 8px; flex: none; }
.tpb-post .tpb-btn { display: inline-block; padding: 8px 16px; border-radius: 3px; color: #fff; font-weight: 600; font-size: .9em; text-decoration: none; transition: filter .15s; }
.tpb-post .tpb-btn:hover, .tpb-post .tpb-btn:focus-visible { filter: brightness(1.12); color: #fff; }
.tpb-post .tpb-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.tpb-btn-dl { background: var(--tpb-dl); }
.tpb-btn-batch { background: var(--tpb-batch); }

@media (max-width: 640px) {
	.tpb-card { flex-direction: column; align-items: center; }
	.tpb-poster { width: 60%; }
	.tpb-shots { grid-template-columns: 1fr 1fr; }
	.tpb-row { flex-direction: column; align-items: stretch; text-align: center; }
	.tpb-btns { justify-content: center; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .tpb-post .tpb-btn { transition: none; } }