/*
 * Report bibliography — styling for the tlycs_bibliography widget.
 *
 * Lifted verbatim from the Impact Report page CSS (l2e-work/impact-report-2025
 * build.py and its donor twin carried the identical block, once each), with one
 * change: the scope moves from the page classes `.ir25` / `.ir25d` to the
 * widget's own wrapper class, so one copy now serves both editions. Specificity
 * is unchanged and there are no `!important` declarations — there were none
 * before either.
 *
 * Every rule here is a genuine component style with no control behind it: a
 * <details> disclosure, its ::-webkit-details-marker, the [open] state that
 * swaps the hint text and rotates the chevron, and the hanging indent on each
 * citation. None of that is expressible in the Elementor panel at any depth,
 * which is exactly what makes it a theme asset rather than unfinished
 * conversion.
 *
 * Enqueued by tlycs_enqueue_elementor_widget_styles() in functions.php, which
 * only loads it on pages whose _elementor_data contains the widget.
 */

.elementor .elementor-widget-tlycs_bibliography .bib-collapse {
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	margin: 0;
	background: #fff;
	overflow: hidden;
}

.elementor .elementor-widget-tlycs_bibliography .bib-summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background: #ececec;
	gap: 12px;
}

.elementor .elementor-widget-tlycs_bibliography .bib-summary:hover {
	background: #e0e0e0;
}

.elementor .elementor-widget-tlycs_bibliography .bib-summary::-webkit-details-marker {
	display: none;
}

.elementor .elementor-widget-tlycs_bibliography .bib-summary .bib-title {
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	/* The report sets this heading in uppercase with 0.08em tracking (measured
	   1.28px at 16px on the source page); without both it reads as body text. */
	text-transform: uppercase;
	letter-spacing: 1.28px;
	color: #231F20;
}

.elementor .elementor-widget-tlycs_bibliography .bib-summary .bib-hint {
	font-size: 12px;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-weight: 600;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin-left: auto;
	margin-right: 12px;
}

.elementor .elementor-widget-tlycs_bibliography .bib-hint-hide {
	display: none;
}

.elementor .elementor-widget-tlycs_bibliography .bib-collapse[open] .bib-hint .bib-hint-show {
	display: none;
}

.elementor .elementor-widget-tlycs_bibliography .bib-collapse[open] .bib-hint .bib-hint-hide {
	display: inline;
}

.elementor .elementor-widget-tlycs_bibliography .bib-chev {
	font-size: 18px;
	color: #555;
	transition: transform 0.2s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1.5px solid #555;
}

.elementor .elementor-widget-tlycs_bibliography .bib-collapse[open] .bib-chev {
	transform: rotate(180deg);
}

.elementor .elementor-widget-tlycs_bibliography .bib-list {
	padding: 20px;
}

.elementor .elementor-widget-tlycs_bibliography .bib-item {
	font-family: 'Instrument Sans', Arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 1.65;
	margin-bottom: 8px;
	padding-left: 16px;
	text-indent: -16px;
}

.elementor .elementor-widget-tlycs_bibliography .bib-item:last-child {
	margin-bottom: 0;
}

.elementor .elementor-widget-tlycs_bibliography .bib-item a {
	color: #E64C3C;
}

.elementor .elementor-widget-tlycs_bibliography .bib-item em {
	font-style: italic;
}