.navbar-brand img {
	float: left;
	margin-right: 0.5rem;
	height: 2rem;
	width: 2rem;
}

.site-settings {
	margin-right: 1rem;
}

[data-bs-theme=light] .site-settings, [data-bs-theme=light] #language-dropdown .btn {
	color: #ffffff8c;
}

#dark-mode-selector {
	white-space: nowrap;
}

[data-bs-theme=dark] .navbar {
	--bs-bg-opacity: 1;
	background-color: rgba(50,52,54,var(--bs-bg-opacity))!important;
}

[data-bs-theme=dark] .footer {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}

[data-bs-theme=light] .navbar {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}

[data-bs-theme=light] .footer {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
}


.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

@media only screen and (max-width: 768px) {
	.footer {
		font-size: 0.8rem;
	}
}

[data-bs-theme=light] .ct-result-row,
[data-bs-theme=light] .ct-result pre {
	background-color: #f8f9fa;
}

[data-bs-theme=dark] .ct-result-row,
[data-bs-theme=dark] .ct-result pre {
	color: #eef1f3;
	background-color: #161b22;
}

[data-bs-theme=dark] .ct-barcode-container,
[data-bs-theme=light] .ct-barcode-container {
	border: var(--bs-border-width) solid var(--bs-border-color);
	min-width: 250px;
	min-height: 100px;
}

[data-bs-theme=light] .ct-copy {
	background-color: #f8f9fa;
}

.ct-result-row, .ct-result pre {
	padding: 1rem;
	border-radius: 0.375rem;
}

.ct-copy-container {
	position: relative;
	height: 0;
	width: 100%;
}

.ct-copy {
	position: relative;
	left: 100%;
	transform: translateX(-112%);
	top: 0.55rem;
}

th.no-padding {
	padding-bottom: 0 !important;
}

.chart-tooltip {
	position: relative;
	opacity: 0;
	background-color: black;
	border-radius: 5px;
	padding: 10px;
	color: white;
	display: inline-block;
	white-space: nowrap;
}

.legend, .axis {
	font-size: 0.75em;
	fill: var(--bs-body-color);
}

.ct-barcode-container {
	width: auto;
	padding: 1rem;
	border-radius: 0.375rem;
	text-align: center;
}

.btn-download {
	width: auto;
}

/* JSON Syntax Highlighting - Dark Theme */
[data-bs-theme=dark] .ct-result pre code.json-highlight .json-key {
	color: #79c0ff !important;
}

[data-bs-theme=dark] .ct-result pre code.json-highlight .json-string {
	color: #a5d6a7 !important;
}

[data-bs-theme=dark] .ct-result pre code.json-highlight .json-number {
	color: #ffab70 !important;
}

[data-bs-theme=dark] .ct-result pre code.json-highlight .json-boolean {
	color: #d2a8ff !important;
}

[data-bs-theme=dark] .ct-result pre code.json-highlight .json-null {
	color: #d2a8ff !important;
}

/* JSON Syntax Highlighting - Light Theme */
[data-bs-theme=light] .ct-result pre code.json-highlight .json-key {
	color: #0550ae !important;
}

[data-bs-theme=light] .ct-result pre code.json-highlight .json-string {
	color: #0a3069 !important;
}

[data-bs-theme=light] .ct-result pre code.json-highlight .json-number {
	color: #953800 !important;
}

[data-bs-theme=light] .ct-result pre code.json-highlight .json-boolean {
	color: #8250df !important;
}

[data-bs-theme=light] .ct-result pre code.json-highlight .json-null {
	color: #8250df !important;
}

/* Dark Theme - Brighter headers and code tag styling */
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
	color: #ffffff;
}

code {
	color: #2563eb;
}

[data-bs-theme=dark] code {
	color: #a3e635;
}