/*
 * Forschung – kézi kiegészítések az atomikus markuphoz (a generált forschung.css az eredeti gim-* stílusokat adja).
 * Minden szelektor body.gim előtaggal (lásd components.css hatókör-megjegyzés).
 */

/* Videó-trigger: az eredeti <span class="gim-video-trigger-icon"> (fekete kör, lejátszás-ikon) ::before-ként */
body.gim .gim-video-trigger {
	background: transparent;
	border-radius: 0;
	line-height: 1.5;
	letter-spacing: normal;
}
body.gim .gim-video-trigger::before {
	content: "";
	display: inline-flex;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgb(26, 26, 26) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.14v13.72a1 1 0 001.5.86l11.04-6.86a1 1 0 000-1.72L9.5 4.28a1 1 0 00-1.5.86z' fill='white'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	transition: background-color 0.3s ease, transform 0.3s ease;
}
body.gim .gim-video-trigger:hover::before {
	background-color: rgb(255, 146, 92);
	transform: scale(1.08);
}

/* Modal bezáró gomb: az eredeti inline X-SVG maszkként */
body.gim .gim-modal-close {
	width: 40px;
	height: 40px;
	padding: 8px;
}
body.gim .gim-modal-close::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
