/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 22 2026 | 12:35:36 */
/*
===== Кастомный горизонтальный разделитель =====
*/
.tk-custom-hr-wrapper {
	margin: 0 !important;
	padding: 10px 0;
	pointer-events: auto;
	position: relative;
}
.tk-custom-hr-wrapper > .tk-custom-hr {
	margin: 0 !important;
	/*     margin-block-start: 4em; */
	/*     margin-block-end: 4em; */
	border: none;
	height: 2px;
	background: linear-gradient(to right,
		transparent 0%,
		var(--wp--preset--color--accent-6) 47%,
		transparent 48%,
		transparent 52%,
		var(--wp--preset--color--accent-6) 53%,
		transparent 100%
	);
	/* --- */
	/*     z-index: 1; */
	/* 	padding: 10px; */
	/*     clear: both; */
	/*     overflow: visible !important; */
}
.tk-custom-hr-wrapper > .tk-custom-hr::after {
	content: "🦴";
	/*     content: '§'; */
	/* content: '~'; */
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	transform-origin: 50% 50%;
	padding: 0.5rem !important;
/* 	color: var(--wp--preset--color--accent-2); */
	/*     background-color: transparent 100%; */
	/* --- */
	font-size: var(--wp--preset--font-size--large) !important;
	/* 	border: 1px solid red; */
	/* Вместо box-shadow используем background + padding для перекрытия линии */
	/*     border-radius: 50%; */
	transition: transform 0.3s ease;
	/*     z-index: 2; */
	/*     pointer-events: none; */
	/* Добавляем белый фон через дополнительный слой */
	/*     box-shadow: 0 0 0 8px transparent; */
}
/* Анимация при наведении на разделитель */
/* .u-hr-with-bone:hover::after { */
.tk-custom-hr-wrapper:hover .tk-custom-hr::after {
	transform: translate(-50%, -50%) scale(1.2) rotate(20deg);
}
/* Дополнительно: если внутри hr есть текст или контент, скрываем его */
.tk-custom-hr-wrapper > .tk-custom-hr * {
	display: none;
}
/*  */