/*
 * Styles for the "Ficha Técnica" box, person pages and popup cards.
 * Self-contained: the theme's old styles/lumiere.css no longer applies to
 * this markup. Colours use the theme's variables when they exist.
 */

/* Shared */
.caprese-movies-small { font-size: small; }
.caprese-movies-label { font-size: 115%; font-weight: 700; padding-right: 5px; }
.caprese-movies-imdb-icon { display: inline; vertical-align: middle; }
.caprese-movies-imdb-link { margin-left: 8px; }

/* "Ficha Técnica" box */
#caprese-movies-widget-title { display: none; } /* the box already shows the movie title */

.caprese-movies-box { padding-bottom: 20px; }
.caprese-movies-box::after { content: ""; display: block; clear: both; }

.caprese-movies-row { display: flow-root; margin-top: 10px; text-align: left; }
.caprese-movies-row a { color: grey; text-decoration: none !important; }
.caprese-movies-row a:hover { color: #ff8e8b; }

.caprese-movies-row-title {
	margin-top: 0;
	background-color: var(--main-header-color, grey);
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-size: 140%;
	font-weight: 700;
	padding: 10px;
	text-align: center;
}

/* The poster floats left; short rows (runtime, director, country) sit beside it. */
.caprese-movies-row-pic { display: contents; }
.caprese-movies-pic { float: left; width: 40%; margin: 10px 15px 10px 0; }
.caprese-movies-pic img { display: block; width: 100%; height: auto; }

.caprese-movies-row-actor,
.caprese-movies-row-writer,
.caprese-movies-row-producer,
.caprese-movies-row-source { clear: both; }
.caprese-movies-row-source { margin-top: 20px; }

.caprese-movies-credit {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px dashed #aaa;
}
.caprese-movies-credit:nth-of-type(odd) { border-bottom-color: #ddd; }
.caprese-movies-credit-name { flex: auto; text-align: left; }
.caprese-movies-credit-role { flex: auto; text-align: right; }

/* Person page */
.caprese-movies-person .caprese-movies-pic { width: 27%; margin: 25px 20px 10px 0; }
.caprese-movies-line { padding: 10px 10px 0; text-align: left; }
.caprese-movies-bio { min-height: 20vh; }
.caprese-movies-bio-more summary { cursor: pointer; font-weight: 700; }
.caprese-movies-imdb { padding-bottom: 10px; }
.caprese-movies-imdb a { color: var(--main-header-color, grey); font-weight: 700; }
.caprese-movies-reviews { clear: both; }
.caprese-movies-role-heading { font-style: italic; text-align: center; }

.caprese-movies-related .gp-post-item {
	display: flex;
	border-bottom: 1px solid var(--tomato-color, #fe4a49);
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.caprese-movies-related .gp-post-item .gp-post-thumbnail { margin-right: 20px; }

/* Popup cards */
dialog.cpm-popup {
	max-width: min(480px, calc(100vw - 32px));
	border: 1px solid #000;
	border-radius: 10px;
	padding: 20px;
}
dialog.cpm-popup::backdrop { background: rgba(0, 0, 0, 0.5); }
dialog.cpm-popup h3 { margin-top: 0; }
.cpm-popup-img { float: left; margin: 0 15px 10px 0; }
.cpm-popup-close {
	float: right;
	border: 0;
	background: none;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}