/*
 * by Václav Pavlík
	The abstract "bubble" appears next to the clicked row of the table. Clicking the same row again hides it. Clicking anywhere else closes it automatically. Works nicely on both desktop and mobile browsers.
*/

:root {
	--fade-duration: 240ms;
}

tbody tr[data-abstract]:hover {
	cursor: pointer;
}

/* styling for the inserted abstract row */
.abstract-row td {
	border-top: none;
	font-style: italic;
/*	padding: 14px 12px;
	font-size: 0.95rem;*/
}

/* content that will fade in/out */
.abstract-content {
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity var(--fade-duration) ease, transform var(--fade-duration) ease;
	will-change: opacity, transform;
}

.abstract-content.show {
	opacity: 1;
	transform: translateY(0);
	transition: opacity var(--fade-duration) ease, transform var(--fade-duration) ease;
	will-change: opacity, transform;
}

/* optional: reduce motion support */
@media (prefers-reduced-motion: reduce) {
	.abstract-content {
		transition: none;
		transform: none;
	}
}