/* Dark Mode CSS */
body.dark-mode {
  background: #1a1a2e no-repeat top center;
  background-blend-mode: overlay;
  color: #e5e5e5;
}

body.dark-mode .white_back {
  background: #252a41;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}

body.dark-mode .menu_one li a {
  color: #d493eb;
}

body.dark-mode #menux ul {
  background: #252a41;
}

body.dark-mode #menux ul li a {
  color: #d493eb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.dark-mode .list_ {
  box-shadow: 0 0 0 1px #3a3f5a;
}

body.dark-mode .list_ li a {
  border-bottom: 1px solid #3a3f5a;
  color: #e5e5e5;
}

body.dark-mode .img-back,
body.dark-mode .img-back-cat {
  border: 1px solid #3a3f5a;
}

body.dark-mode .dizi-boxpost a,
body.dark-mode .dizi-boxpost-cat a {
  color: #d493eb;
}

body.dark-mode .form-control {
color: #fff;
background-color: #3a3f5a;
}

body.dark-mode .dizi-boxpost-cat p,
body.dark-mode .dizi_content,
body.dark-mode .comments-ss {
  color: #e5e5e5;
}

body.dark-mode .pagination > li > a,
body.dark-mode .pagination > li > span {
  background-color: #252a41;
  border-color: #3a3f5a;
  color: #e5e5e5;
}

body.dark-mode .parts li a {
  background: #3a3f5a;
  color: #e5e5e5;
}

body.dark-mode .onceki li a,
body.dark-mode .sonraki li a {
  background: #252a41;
  color: #e5e5e5;
}

body.dark-mode .parts li .active,
body.dark-mode .onceki li .active,
body.dark-mode .sonraki li .active {
  background: #744484 !important;
  color: #fff;
}

body.dark-mode footer {
  background: #252a41;
}

body.dark-mode footer p,
body.dark-mode footer ul li a {
  color: #e5e5e5;
}

body.dark-mode .commentss {
  background: #3a3f5a;
  color: #e5e5e5;
}

body.dark-mode .fb-color {
  background-color: #5b7db1;
}

body.dark-mode .tw-color {
  background-color: #3b87b2;
}

body.dark-mode .comment-color {
  background-color: #8a9a9e ;
}

body.dark-mode .commentss font[color="#800080"] {
  color: #744484 !important;
}


body.dark-mode .mobil-header {
  background: #252a41;
}

body.dark-mode .mobilleftmenu li a {
  color: #d493eb !important;
}

body.dark-mode .mobilleftmenu li {
  border-bottom: 1px solid #3a3f5a !important;
}

.theme-toggle-btn {
  background: #e0e0e0;
  border: 1px solid #ccc;
  border-radius: 40px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.theme-toggle-btn i {
    font-size: 140%;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
}

.toggle-switch {
  width: 49px;
  height: 25px;
  border-radius: 40px;
  background-color: #ccc;
  position: relative;
  transition: background-color 0.3s ease;
}

.switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  background-color: white;
  border-radius: 50%;
  transition: left 0.3s ease;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

body.dark-mode .toggle-switch {
  background-color: #744484;
}

body.dark-mode .switch-handle {
  left: 26px; 
}
body.dark-mode .theme-toggle-btn {
  background: #3a3f5a;
  border-color: #744484;
}


.theme-toggle-btn-mobil {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  z-index: 2;
  background: #e0e0e0;
  border: 1px solid #ccc;
  border-radius: 32px; 
  padding: 3.2px;       
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, border-color 0.3s ease;
  padding-right: 8px;  
}

.theme-toggle-btn-mobil i {
  font-size: 100%;
  margin-right: 3px;
  margin-left: 3px;
}

.toggle-switch-mobil {
  width: 39.2px;   
  height: 20px;    
  border-radius: 32px;
  background-color: #ccc;
  position: relative;
  transition: background-color 0.3s ease;
}

.switch-handle-mobil {
  position: absolute;
  top: 1.6px;       
  left: 1.6px;
  width: 16.8px;   
  height: 16.8px;
  background-color: white;
  border-radius: 50%;
  transition: left 0.3s ease;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

body.dark-mode .toggle-switch-mobil {
  background-color: #744484;
}

body.dark-mode .switch-handle-mobil {
  left: 20.8px;
}

body.dark-mode .theme-toggle-btn-mobil {
  background: #3a3f5a;
  border-color: #744484;
}

html.dark-mode body {
  background: #1a1a2e no-repeat top center;
  background-blend-mode: overlay;
  color: #e5e5e5;
}

html.dark-mode .white_back {
  background: #252a41;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}

html.dark-mode .menu_one li a {
  color: #d493eb;
}

html.dark-mode #menux ul {
  background: #252a41;
}

html.dark-mode #menux ul li a {
  color: #d493eb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

html.dark-mode .list_ {
  box-shadow: 0 0 0 1px #3a3f5a;
}

html.dark-mode .list_ li a {
  border-bottom: 1px solid #3a3f5a;
  color: #e5e5e5;
}

html.dark-mode .img-back,
html.dark-mode .img-back-cat {
  border: 1px solid #3a3f5a;
}

html.dark-mode .dizi-boxpost a,
html.dark-mode .dizi-boxpost-cat a {
  color: #d493eb;
}

html.dark-mode .form-control {
color: #fff;
background-color: #3a3f5a;
}

html.dark-mode .dizi-boxpost-cat p,
html.dark-mode .dizi_content,
html.dark-mode .comments-ss {
  color: #e5e5e5;
}

html.dark-mode .pagination > li > a,
html.dark-mode .pagination > li > span {
  background-color: #252a41;
  border-color: #3a3f5a;
  color: #e5e5e5;
}

html.dark-mode .parts li a {
  background: #3a3f5a;
  color: #e5e5e5;
}

html.dark-mode .onceki li a,
html.dark-mode .sonraki li a {
  background: #252a41;
  color: #e5e5e5;
}

html.dark-mode .parts li .active,
html.dark-mode .onceki li .active,
html.dark-mode .sonraki li .active {
  background: #744484 !important;
  color: #fff;
}

html.dark-mode footer {
  background: #252a41;
}

html.dark-mode footer p,
html.dark-mode footer ul li a {
  color: #e5e5e5;
}

html.dark-mode .commentss {
  background: #3a3f5a;
  color: #e5e5e5;
}

html.dark-mode .fb-color {
  background-color: #5b7db1;
}

html.dark-mode .tw-color {
  background-color: #3b87b2;
}

html.dark-mode .comment-color {
  background-color: #8a9a9e ;
}

html.dark-mode .commentss font[color="#800080"] {
  color: #744484 !important;
}

html.dark-mode .commentss.spoiler {
  color: rgba(229, 229, 229, 0.01);
  text-shadow: 0 0 10px #e5e5e5;
}

html.dark-mode .mobil-header {
  background: #252a41;
}

html.dark-mode .mobilleftmenu li a {
  color: #d493eb !important;
}

html.dark-mode .mobilleftmenu li {
  border-bottom: 1px solid #3a3f5a !important;
}

html.dark-mode .toggle-switch {
  background-color: #744484;
}

html.dark-mode .switch-handle {
  left: 26px;
}

html.dark-mode .theme-toggle-btn {
  background: #3a3f5a;
  border-color: #744484;
}

html.dark-mode .toggle-switch-mobil {
  background-color: #744484;
}

html.dark-mode .switch-handle-mobil {
  left: 23px;
}

html.dark-mode .theme-toggle-btn-mobil {
  background: #3a3f5a;
  border-color: #744484;
}

body.dark-mode .panelLeft,
html.dark-mode .panelLeft {
  background: #252a41 !important;
  color: #e5e5e5;
}

body.dark-mode .panelRight,
html.dark-mode .panelRight {
  background: #252a41 !important;
  color: #e5e5e5;
}

body.dark-mode .panelLeft a,
body.dark-mode .panelRight a,
html.dark-mode .panelLeft a,
html.dark-mode .panelRight a {
  color: #d493eb;
}

body.dark-mode .panelLeft li,
body.dark-mode .panelRight li,
html.dark-mode .panelLeft li,
html.dark-mode .panelRight li {
  border-bottom: 1px solid #3a3f5a;
}

body.dark-mode .reply-form-container,
html.dark-mode .reply-form-container {
  background: #3a3f5a;
  border-color: #3a3f5a;
}

body.dark-mode .reply-form-container input[type="text"],
body.dark-mode .reply-form-container input[type="email"],
body.dark-mode .reply-form-container textarea,
html.dark-mode .reply-form-container input[type="text"],
html.dark-mode .reply-form-container input[type="email"],
html.dark-mode .reply-form-container textarea {
  background: #252a41;
  color: #e5e5e5;
  border-color: #3a3f5a;
}

body.dark-mode .reply-form-container input::placeholder,
body.dark-mode .reply-form-container textarea::placeholder,
html.dark-mode .reply-form-container input::placeholder,
html.dark-mode .reply-form-container textarea::placeholder {
  color: #999;
}

body.dark-mode .reply-form-container label,
html.dark-mode .reply-form-container label {
  color: #e5e5e5;
}

body.dark-mode .cevaplar-wrapper,
html.dark-mode .cevaplar-wrapper {
  border-top-color: #3a3f5a;
}

body.dark-mode .cevaplar-wrapper a,
html.dark-mode .cevaplar-wrapper a {
  color: #d493eb;
}

body.dark-mode .yorum-cevap,
html.dark-mode .yorum-cevap {
  background: #3a3f5a;
  border-left-color: #744484;
}

body.dark-mode .reply-form-container button[style*="background:#ccc"],
html.dark-mode .reply-form-container button[style*="background:#ccc"] {
  background: #3a3f5a !important;
  color: #e5e5e5 !important;
}

body.dark-mode .cevaplar-list .commentss,
html.dark-mode .cevaplar-list .commentss {
  background: #3a3f5a;
  color: #e5e5e5;
}

body.dark-mode .cevaplar-list .commentss font[color="#800080"],
html.dark-mode .cevaplar-list .commentss font[color="#800080"] {
  color: #d493eb !important;
}

body.dark-mode .cevaplar-list .commentss.spoiler,
html.dark-mode .cevaplar-list .commentss.spoiler {
  color: rgba(229, 229, 229, 0.01);
  text-shadow: 0 0 10px #e5e5e5;
}

body.dark-mode .cevaplar-list .spoiler-text,
html.dark-mode .cevaplar-list .spoiler-text {
  color: #e5e5e5;
}

body.dark-mode .reply-form-container,
html.dark-mode .reply-form-container {
	background: #3a3f5a;
	border-color: #3a3f5a;
}

body.dark-mode .reply-input,
body.dark-mode .reply-textarea,
html.dark-mode .reply-input,
html.dark-mode .reply-textarea {
	background: #252a41;
	color: #e5e5e5;
	border-color: #3a3f5a;
}

body.dark-mode .reply-input::placeholder,
body.dark-mode .reply-textarea::placeholder,
html.dark-mode .reply-input::placeholder,
html.dark-mode .reply-textarea::placeholder {
	color: #999;
}

body.dark-mode .reply-checkbox-wrapper label,
html.dark-mode .reply-checkbox-wrapper label {
	color: #e5e5e5;
}

body.dark-mode .reply-cancel-btn,
html.dark-mode .reply-cancel-btn {
	background: #3a3f5a;
	color: #e5e5e5;
}

body.dark-mode .reply-cancel-btn:hover,
html.dark-mode .reply-cancel-btn:hover {
	background: #4a4f6a;
}

body.dark-mode .commentss font[color="#800080"],
html.dark-mode .commentss font[color="#800080"] {
  color: #d493eb !important;
}