.site-navbar {
	margin: 0 0 12px 0;
	border: 0;
	background: transparent;
	border-radius: 0;
	min-height: 0;
}

.site-navbar .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.site-navbar .navbar-header {
	float: right;
}

.site-navbar .navbar-toggle {
	display: none;
	margin: 7px 0;
	padding: 8px 10px;
	border: 1px solid #c8c8c8;
	background: #ffffff;
	border-radius: 4px;
}

.site-navbar .navbar-toggle .icon-bar {
	display: block;
	width: 20px;
	height: 2px;
	margin: 3px 0;
	background: #555;
}

.site-navbar .navbar-collapse {
	display: block;
	border-top: 0;
}

.site-navbar .nav.navbar-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: right;
}

.site-navbar .nav.navbar-nav > li {
	display: inline;
	margin: 0;
}

.site-navbar .nav.navbar-nav > li:before {
	content: " | ";
	color: #666;
}

.site-navbar .nav.navbar-nav > li:first-child:before {
	content: "";
}

.site-navbar .nav.navbar-nav > li > a {
	display: inline-block;
	padding: 0;
	line-height: 1.2;
	text-decoration: none;
}

.site-navbar .nav.navbar-nav > li > a:hover,
.site-navbar .nav.navbar-nav > li > a:focus {
	text-decoration: none;
}

.site-nav__account {
	font-weight: bold;
	color: #b24a00;
	text-transform: none;
}

.site-nav__account-wrap {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.site-nav__badge {
	display: inline-block;
	padding: 1px 6px;
	margin-left: 4px;
	background: #fff2cc;
	color: #8a4b00;
	border: 1px solid #e0c36c;
	border-radius: 10px;
	font-size: 10px;
	vertical-align: middle;
}

#darkModeToggle {
	color: #888 !important;
	font-size: 14px;
	text-decoration: none !important;
}

#darkModeToggle .dark-mode-label {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	vertical-align: middle;
}

html.dark-mode body {
	background-color: #1a1a2e !important;
	color: #d0d0d0 !important;
}

html.dark-mode #body {
	color: #d0d0d0;
}

html.dark-mode a {
	color: #7eb8d4;
}

html.dark-mode a:hover,
html.dark-mode a:focus {
	color: #a8d4ea;
}

html.dark-mode .site-nav__account {
	color: #ff9a57 !important;
}

html.dark-mode .site-nav__badge {
	background: #2d1a00;
	color: #ff9a57;
	border-color: #5a3a00;
}

html.dark-mode .site-navbar .nav.navbar-nav > li:before {
	color: #555;
}

html.dark-mode #darkModeToggle {
	color: #f0c040 !important;
}

html.dark-mode .panel,
html.dark-mode .panel-body {
	background: #16213e;
	border-color: #2d4a6e;
	color: #d0d0d0;
}

html.dark-mode .panel-heading {
	background: #0f3460;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode .well {
	background: #16213e;
	border-color: #2d4a6e;
	color: #d0d0d0;
}

html.dark-mode .table,
html.dark-mode .table td,
html.dark-mode .table th {
	color: #d0d0d0;
	border-color: #2d4a6e;
	background-color: #0e1520;
}

html.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > td,
html.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > th {
	background-color: #131d2e;
}

html.dark-mode .table-hover > tbody > tr:hover {
	background: #263a5a;
}

html.dark-mode .form-control {
	background: #0d1b2a;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode .btn-default {
	background: #1f2d4a;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode .alert-info {
	background: #0d2137;
	border-color: #2d4a6e;
	color: #8ec8e8;
}

html.dark-mode .alert-success {
	background: #0d2a1a;
	border-color: #1a4a2a;
	color: #6ec88a;
}

html.dark-mode .alert-warning {
	background: #2a1d00;
	border-color: #4a3500;
	color: #d4a843;
}

html.dark-mode .alert-danger {
	background: #2a0d0d;
	border-color: #4a1a1a;
	color: #e88a8a;
}

html.dark-mode .pagination > li > a,
html.dark-mode .pagination > li > span {
	background: #16213e;
	border-color: #2d4a6e;
	color: #7eb8d4;
}

html.dark-mode .pagination > li.active > a,
html.dark-mode .pagination > li.active > span {
	background: #0f3460;
	border-color: #0f3460;
	color: #fff;
}

html.dark-mode .label-default {
	background: #2d4a6e;
}

html.dark-mode pre,
html.dark-mode code {
	background: #0d1421;
	border-color: #2d4a6e;
	color: #c8d8e8;
}

html.dark-mode hr {
	border-color: #2d4a6e;
}

html.dark-mode .breadcrumb {
	background: #16213e;
	color: #d0d0d0;
}

@media (max-width: 768px) {
	.site-navbar {
		margin: 0 0 14px 0;
		border: 1px solid #e7e7e7;
		background: #f8f8f8;
		border-radius: 4px;
		min-height: 42px;
	}

	.site-navbar .container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.site-navbar .navbar-header {
		float: none;
		display: flex;
		justify-content: flex-end;
	}

	.site-navbar .navbar-toggle {
		display: block;
	}

	.site-navbar .navbar-collapse {
		display: none;
		border-top: 1px solid #e2e2e2;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.site-navbar .navbar-collapse.in {
		display: block;
	}

	.site-navbar .nav.navbar-nav {
		display: block;
		text-align: left;
	}

	.site-navbar .nav.navbar-nav > li {
		display: block;
		margin: 0;
	}

	.site-navbar .nav.navbar-nav > li:before {
		content: "";
	}

	.site-navbar .nav.navbar-nav > li > a {
		display: block;
		padding: 10px 12px;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	html.dark-mode .site-navbar {
		border-color: #2d4a6e;
		background: #16213e;
	}

	html.dark-mode .site-navbar .navbar-toggle {
		border-color: #2d4a6e;
		background: #0d1b2a;
	}

	html.dark-mode .site-navbar .navbar-toggle .icon-bar {
		background: #a8d4ea;
	}

	html.dark-mode .site-navbar .navbar-collapse {
		border-top-color: #2d4a6e;
		background: #16213e;
	}

	html.dark-mode .site-navbar .nav.navbar-nav > li > a {
		color: #cfe4f2;
	}

	html.dark-mode .site-navbar .nav.navbar-nav > li > a:hover,
	html.dark-mode .site-navbar .nav.navbar-nav > li > a:focus {
		background: #1f2d4a;
		color: #ffffff;
	}
}

/* =============================================
   Arama formu – dark mode uyumu
   ============================================= */

/* Ana arama input'u */
html.dark-mode #SearchInput,
html.dark-mode #SearchInputClean {
	background: #0d1b2a;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode #SearchInput::placeholder,
html.dark-mode #SearchInputClean::placeholder {
	color: #6a8aaa;
}

/* input-group çerçevesi */
html.dark-mode .input-group-btn > .btn-default {
	background: #1f2d4a;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode .input-group-btn > .btn-default:hover {
	background: #263a5a;
}

/* Türkçe karakter butonları */
html.dark-mode .turkish_char.btn-default {
	background: #1f2d4a;
	color: #a8d4ea;
	border-color: #2d4a6e;
}

html.dark-mode .turkish_char.btn-default:hover {
	background: #263a5a;
}

/* "Gelişmiş" linki */
html.dark-mode #GelismisAramaGoster {
	color: #7eb8d4;
}

/* Gelişmiş arama navbar'ları (Kelime(ler) / Nerede aransın) */
html.dark-mode #GelismisArama .navbar-default {
	background: #16213e;
	border-color: #2d4a6e;
}

html.dark-mode #GelismisArama .navbar-default .navbar-brand {
	color: #a8d4ea;
}

html.dark-mode #GelismisArama .navbar-default .navbar-brand:hover {
	color: #d0e8f5;
}

html.dark-mode #GelismisArama .navbar-default .navbar-nav > .navbar-text {
	color: #c0c0c0;
}

html.dark-mode #GelismisArama .label-manual {
	color: #c0c0c0;
}

/* Gelişmiş arama içindeki radio butonlar için çevre */
html.dark-mode #GelismisArama .navbar-default .nav.navbar-nav li.navbar-text {
	color: #c0c0c0;
}

/* Mobil'de navbar toggle butonu */
html.dark-mode #GelismisArama .navbar-default .navbar-toggle {
	border-color: #2d4a6e;
	background: #1f2d4a;
}

html.dark-mode #GelismisArama .navbar-default .navbar-toggle .icon-bar {
	background: #a0c0d8;
}

/* Arama sonucu vurgusu (HighLightedItem) */
html.dark-mode span.HighLightedItem,
html.dark-mode span.HighLightedItem1 {
	background-color: #5a4600;
	color: #ffe8a3;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode span.HighLightedItem2 {
	background-color: #0a3e46;
	color: #bdeff7;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode span.HighLightedItem3 {
	background-color: #1d4c2a;
	color: #c8f5b3;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode span.HighLightedItem4 {
	background-color: #5a2a2a;
	color: #ffd0d0;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode span.HighLightedItem5 {
	background-color: #4a1f4f;
	color: #f5c7ff;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode span.HighLightedItem6 {
	background-color: #8f1f1f;
	color: #ffffff;
	border-radius: 2px;
	padding: 0 1px;
}

html.dark-mode mark {
	background-color: #5a4600;
	color: #ffe8a3;
}

/* =============================================
   DataTables (list.php) – dark mode uyumu
   ============================================= */

html.dark-mode .dataTables_wrapper {
	color: #d0d0d0;
}

/* Tablo kendisi */
html.dark-mode table.dataTable,
html.dark-mode table.dataTable td,
html.dark-mode table.dataTable th {
	color: #d0d0d0;
	border-color: #2d4a6e !important;
	background-color: #0e1520;
}

html.dark-mode table.dataTable thead th,
html.dark-mode table.dataTable thead td {
	background: #0f3460;
	color: #d0e8f5;
	border-bottom-color: #2d4a6e !important;
}

html.dark-mode table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > td,
html.dark-mode table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > th {
	background-color: #131d2e !important;
}

html.dark-mode table.dataTable > tbody > tr:hover {
	background-color: #263a5a !important;
}

html.dark-mode table.dataTable.table-bordered {
	border-color: #2d4a6e;
}

/* Sayfalama */
html.dark-mode .dataTables_paginate .paginate_button {
	background: #16213e !important;
	border-color: #2d4a6e !important;
	color: #7eb8d4 !important;
}

html.dark-mode .dataTables_paginate .paginate_button:hover {
	background: #263a5a !important;
	color: #d0e8f5 !important;
	border-color: #3a6a9e !important;
}

html.dark-mode .dataTables_paginate .paginate_button.current,
html.dark-mode .dataTables_paginate .paginate_button.current:hover {
	background: #0f3460 !important;
	border-color: #0f3460 !important;
	color: #fff !important;
}

html.dark-mode .dataTables_paginate .paginate_button.disabled,
html.dark-mode .dataTables_paginate .paginate_button.disabled:hover {
	color: #4a6a8a !important;
}

/* Bilgi satırı, arama kutusu vb. */
html.dark-mode .dataTables_info {
	color: #8aaccc;
}

html.dark-mode .dataTables_filter label,
html.dark-mode .dataTables_length label {
	color: #c0c0c0;
}

html.dark-mode .dataTables_filter input,
html.dark-mode .dataTables_length select {
	background: #0d1b2a;
	color: #d0d0d0;
	border: 1px solid #2d4a6e;
}

/* İşleniyor göstergesi */
html.dark-mode .dataTables_processing {
	background: #16213e;
	color: #8ec8e8;
	border-color: #2d4a6e;
}

/* chat_helper / book_helper select ve form-control */
html.dark-mode .form-control {
	background: #0d1b2a !important;
	color: #d0d0d0 !important;
	border-color: #2d4a6e !important;
}

html.dark-mode select.form-control option {
	background: #0d1b2a;
	color: #d0d0d0;
}

/* Login kutusu */
html.dark-mode .login-box .input-group-addon {
	background: #16213e;
	color: #9ec9de;
	border-color: #2d4a6e;
}

html.dark-mode .login-box .form-control {
	background: #0d1b2a !important;
	color: #d0d0d0 !important;
	border-color: #2d4a6e !important;
}

html.dark-mode .login-box .form-control::placeholder {
	color: #8ca9c2;
	opacity: 1;
}

html.dark-mode .login-box .form-control:focus {
	border-color: #4e78a8 !important;
	box-shadow: 0 0 0 2px rgba(78, 120, 168, 0.25);
}

html.dark-mode .login-box .form-control:-webkit-autofill,
html.dark-mode .login-box .form-control:-webkit-autofill:hover,
html.dark-mode .login-box .form-control:-webkit-autofill:focus,
html.dark-mode .login-box .form-control:-webkit-autofill:active {
	-webkit-text-fill-color: #d0d0d0;
	-webkit-box-shadow: 0 0 0px 1000px #0d1b2a inset;
	transition: background-color 9999s ease-in-out 0s;
}

html.dark-mode .login-box .btn.btn-default {
	background: #1f2d4a;
	color: #d0d0d0;
	border-color: #2d4a6e;
}

html.dark-mode .login-box .btn.btn-default:hover,
html.dark-mode .login-box .btn.btn-default:focus {
	background: #263a5a;
	color: #e7f3ff;
	border-color: #3a6a9e;
}

html.dark-mode .login-box .login-captcha-image {
	background: #0d1b2a;
	border: 1px solid #2d4a6e;
	border-radius: 4px;
	padding: 1px;
	filter: brightness(0.92) contrast(1.08);
}

/* Login sayfasi merkezleme */
.login-center-wrap {
	min-height: calc(100vh - 140px);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 8px;
}

.login-center-wrap .login-box {
	margin: 0;
}

/* Login captcha number input spinner oklarini gizle */
.login-box input[name="captcha"] {
	-moz-appearance: textfield;
	appearance: textfield;
}

.login-box input[name="captcha"]::-webkit-outer-spin-button,
.login-box input[name="captcha"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

@media (max-width: 768px) {
	.login-center-wrap {
		min-height: calc(100vh - 110px);
		align-items: center;
		padding-top: 16px;
	}
}