/* ========================================
   Additional Theme Styles
   ======================================== */

/* Docs Children List */
.docs-children {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--zb-color-border);
}

.docs-children ul {
	list-style: none;
	padding: 0;
	margin: 16px 0 0 0;
	display: grid;
	gap: 8px;
}

.docs-children li a {
	display: block;
	padding: 12px 16px;
	border: 1px solid var(--zb-color-border);
	border-radius: 8px;
	color: var(--zb-color-text);
	transition: all 0.15s;
}

.docs-children li a:hover {
	border-color: var(--zb-color-primary);
	background: rgba(37, 99, 235, 0.04);
	text-decoration: none;
}

/* Docs Content Images */
.docs-content__body img {
	border: 1px solid var(--zb-color-border);
	border-radius: 8px;
	margin: 16px 0;
}

/* Table Styles */
.docs-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 16px 0 24px;
}

.docs-content th,
.docs-content td {
	padding: 10px 16px;
	border: 1px solid var(--zb-color-border);
	text-align: left;
}

.docs-content th {
	background: var(--zb-color-bg-secondary);
	font-weight: 600;
	font-size: 14px;
}

.docs-content td {
	font-size: 14px;
}

/* Blockquote / Notice */
.docs-content blockquote {
	margin: 16px 0;
	padding: 16px 20px;
	background: var(--zb-color-bg-secondary);
	border-left: 0;
	border-radius: 8px;
}

.docs-content blockquote p:last-child {
	margin-bottom: 0;
}

/* Lists */
.docs-content ul,
.docs-content ol {
	margin: 0 0 16px 0;
	padding-left: 24px;
}

.docs-content li {
	margin-bottom: 4px;
}

/* Mobile Sidebar Toggle */
@media (max-width: 768px) {
	.docs-sidebar {
		display: none;
	}

	.docs-sidebar.is-open {
		display: block;
	}
}