/* ==========================================================================
   Cuprins (TOC) — o singură sursă pentru tot site-ul.
   Folosit pe articole ([sumar_tehnic]) și pe orice pagină care apelează
   maghost_toc_render(). Același markup, aceleași clase, același aspect.
   ========================================================================== */
.toc-sidebar {
	background: #fff;
	border: 3px solid #E9E0DE;
	border-radius: 34px;
	margin-bottom: 25px;
	overflow: hidden;
	align-self: flex-start;
}
.toc-title {
	font-family: "macha", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 16px;
	color: #1B141A;
	margin-top: 0;
}
.toc-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.toc-sidebar li {
	margin: 5px 0;
	margin-bottom: 16px;
}
/* Linkurile au rolul „navigare” (.elim-t-nav, assets/global/type.css din temă):
   Macha 400 · 18 / 1.3 · mov; activ portocaliu subliniat. */
.toc-sidebar li a {
	text-decoration: none;
	transition: color 0.3s ease;
	font-style: normal;
	display: block;
}
.toc-sidebar li a:not(.active):hover {
	text-decoration: underline;
	color: #483041;
}

/* Buton mobil */
.toc-mobile-header {
	display: none;
	padding: 10px;
	text-align: center;
}
.toc-toggle-btn {
	border: none;
	border-radius: 5px;
	padding: 0;
	font-family: "macha", sans-serif;
	font-size: 16px;
	color: #483041;
	background: none;
	font-weight: 500;
}

/* Desktop - sticky */
@media screen and (min-width: 992px) {
	.toc-sidebar {
		position: sticky;
		top: 60px;
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 30px;
	}
	.toc-mobile-header { display: none; }
	.toc-sticky-wrapper { display: block !important; }
}

/* Mobil - ascuns până la click */
@media screen and (max-width: 991px) {
	.toc-sidebar {
		float: none;
		width: 100%;
		position: relative;
	}
	.toc-mobile-header { display: block; }
	.toc-sticky-wrapper {
		display: none;
		padding: 15px 20px;
	}
	.toc-sidebar.active .toc-sticky-wrapper {
		display: block;
	}
}