/*
 * Public article References chunk display styles.
 * Edit --article-references-chunk-height to change how much of the
 * References section is shown each time Show More is clicked.
 */

body.pkp_page_article .item.references .value {
	--article-references-chunk-height: 36rem;
}

body.pkp_page_article .article-references-chunk-is-collapsed .article-references-chunk-content {
	max-height: var(--article-references-chunk-height);
	overflow: hidden;
	position: relative;
}

body.pkp_page_article .article-references-chunk-is-collapsed .article-references-chunk-content::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	bottom: 0;
	content: "";
	height: 4rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

body.pkp_page_article .article-references-chunk-is-expanded .article-references-chunk-content {
	max-height: none;
	overflow: visible;
}

body.pkp_page_article .article-references-chunk-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0.75rem 0 0;
}

body.pkp_page_article .article-references-chunk-toggle {
	background: transparent;
	border: 0;
	color: #006798;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

body.pkp_page_article .article-references-chunk-toggle[hidden] {
	display: none !important;
}

body.pkp_page_article .article-references-chunk-toggle:hover,
body.pkp_page_article .article-references-chunk-toggle:focus {
	color: #004d71;
	text-decoration: none;
}