/**
 * Smart TOC - Minimal Template Styles
 * Clean, compact design with minimal visual footprint
 */

[id^='smart-toc-wrapper'][id^='smart-toc-wrapper'][id^='smart-toc-wrapper'] {

	/* Minimal container */
	&.template-minimal .smart-toc-container {
		background: var(--toc-background-color);
		border: 1px solid var(--toc-border-color);
		border-radius: 6px;
		overflow: hidden;
		margin: 20px 0;
	}

	/* Minimal header */
	&.template-minimal .smart-toc-header {
		padding: 10px 15px;
		border-bottom: 1px solid var(--toc-border-color);
		background: transparent;
	}

	&.template-minimal .smart-toc-title {
		font-size: 0.9em;
		font-weight: 500;
		color: var(--toc-link-text-color);
		opacity: 0.8;
	}

	/* Minimal toggle button */
	&.template-minimal .smart-toc-minimal-toggle {
		background: transparent;
		border: 1px solid var(--toc-border-color);
		color: var(--toc-link-text-color);
		width: 20px;
		height: 20px;
		min-width: 20px;
		padding: 0;
		font-size: 16px;
		font-weight: 300;
		line-height: 1;
		border-radius: 4px;
	}

	&.template-minimal .smart-toc-minimal-toggle:hover {
		background: var(--toc-active-background-color);
		border-color: var(--toc-accent-color);
		transform: none;
	}

	&.template-minimal .smart-toc-toggle-icon {
		font-size: 14px;
		font-weight: 400;
		font-family: monospace;
	}

	/* Content area */
	&.template-minimal .smart-toc-content {
		padding: 10px 0;
	}

	&.template-minimal .smart-toc-sublist .smart-toc-sublist {
		padding-left: 20px;
	}

	/* Links */
	&.template-minimal .smart-toc-link {
		padding: 5px 8px;
		font-size: 0.9em;
		border-radius: 3px;
		font-weight: normal;
	}

	/* Simple markers */
	&.template-minimal .smart-toc-list:not(.smart-toc-no-markers) .smart-toc-link::before {
		content: '▸';
		margin-right: 8px;
		color: var(--toc-border-color);
		font-size: 0.8em;
		background: none;
		width: auto;
		height: auto;
		display: inline;
		border-radius: 0;
		transition: color var(--toc-transition-speed) ease;
	}

	/* Numbers */
	&.template-minimal ol.smart-toc-list:not(.smart-toc-no-markers) .smart-toc-link::before {
		content: attr(data-number) '.';
		background: none;
		color: var(--toc-link-text-color);
		opacity: 0.6;
		font-size: 0.85em;
		padding: 0;
		min-width: auto;
		margin-right: 8px;
	}

	/* Hover styles based on setting */
	&.template-minimal[data-hover-style='simple'] .smart-toc-link:hover {
		background: var(--toc-active-background-color);
		transform: none;
	}

	&.template-minimal:not([data-hover-style='simple']) .smart-toc-link:hover {
		background: var(--toc-active-background-color);
		transform: translateX(2px);
	}

	&.template-minimal .smart-toc-link:hover::before {
		color: var(--toc-accent-color);
	}

	/* Active state */
	&.template-minimal .smart-toc-link.smart-toc-active {
		background: var(--toc-active-background-color);
		color: var(--toc-active-text-color);
	}

	&.template-minimal .smart-toc-link.smart-toc-active::before {
		color: var(--toc-accent-color);
	}

	/* Heading levels */
	&.template-minimal .smart-toc-h3 .smart-toc-link,
	&.template-minimal .smart-toc-h4 .smart-toc-link,
	&.template-minimal .smart-toc-h5 .smart-toc-link,
	&.template-minimal .smart-toc-h6 .smart-toc-link {
		font-size: 0.85em;
		opacity: 0.9;
	}

	/* Dark mode */
	@media (prefers-color-scheme: dark) {
		&.template-minimal .smart-toc-container {
			border-color: #374151;
		}

		&.template-minimal .smart-toc-header {
			border-bottom-color: #374151;
		}

		&.template-minimal .smart-toc-minimal-toggle {
			border-color: #4b5563;
		}
	}

	/* Mobile */
	@media (max-width: 768px) {
		&.template-minimal .smart-toc-container {
			margin: 15px 0;
		}

		&.template-minimal .smart-toc-header {
			padding: 8px 12px;
		}

		&.template-minimal .smart-toc-link {
			padding: 4px 6px;
			font-size: 0.85em;
		}
	}
}