#color-scheme-chooser {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 20px 0 auto;
}

#color-scheme-chooser input {
  display: none;
}

#color-scheme-chooser .icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
}

#color-scheme-chooser .icon svg {
  width: 19px;
  height: 19px;
  fill: #666;
}

#color-scheme-chooser label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
}

#color-scheme-chooser input[type=radio]:checked + .icon {
  background: #CCCCCC;
  border-radius: 7px;
  padding: 2px;
}

/* Dark Theme Styles */
[data-theme=dark] {
  background: #17212B;
  color: #F5F5F5;
}

[data-theme=dark] h1, [data-theme=dark] .h1,
[data-theme=dark] h2, [data-theme=dark] .h2,
[data-theme=dark] h3, [data-theme=dark] .h3,
[data-theme=dark] h4, [data-theme=dark] .h4,
[data-theme=dark] h5, [data-theme=dark] .h5 {
  color: #F5F5F5;
}

body[data-theme=dark] .navbar.bg-light,
[data-theme=dark] .bg-light,
[data-theme=dark] .footer.bg-light,
[data-theme=dark] footer.bg-light,
[data-theme=dark] .bg-white {
  background-color: #0d151e !important;
  color: #F5F5F5;
}

[data-theme=dark] .border-bottom,
[data-theme=dark] .border-top,
[data-theme=dark] .border {
  border-color: #2c2c2c !important;
}

[data-theme=dark] .logo-top {
  color: #fff0ff;
}

[data-theme=dark] .logo-top span {
  color: #b8c6d7;
}

[data-theme=dark] #color-scheme-chooser .icon svg {
  fill: #b8c6d7;
}

[data-theme=dark] #color-scheme-chooser input[type=radio]:checked + .icon {
  background: #3a3f43;
}

[data-theme=dark] #color-scheme-chooser input[type=radio]:checked + .icon svg {
  fill: #fff;
}

[data-theme=dark] .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

[data-theme=dark] .navbar-light .navbar-toggler {
  border-color: #e3e3e3;
}

[data-theme=dark] a {
  color: #70BAF5;
}

[data-theme=dark] a:hover {
  color: #92cdff;
}

[data-theme=dark] .nav-link {
  color: #CCCCCC !important;
}

[data-theme=dark] .nav-link:hover,
[data-theme=dark] .nav-item.active .nav-link {
  color: #fff0ff !important;
}

[data-theme=dark] .btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}

[data-theme=dark] .btn-primary {
  background-color: #052f5e;
  border-color: #07203a;
}

[data-theme=dark] .btn-secondary {
  background-color: #3a3f43;
  border-color: #282a2c;
}

[data-theme=dark] .form-control {
  background-color: #000000;
  border-color: #2c2c2c;
  color: #CCCCCC;
}

[data-theme=dark] .form-control:focus {
  background-color: #050505;
  color: #fff;
}

/* Dialogs specific */
[data-theme=dark] .hr24-dia._reply {
  background: #182533;
  color: #F5F5F5;
}

[data-theme=dark] .hr24-dia._reply:after {
  background: #0d151e;
  color: #b6c7db;
}

[data-theme=dark] .hr24-dia._message {
  background: #2A5278;
  color: #E3ECF2;
}

[data-theme=dark] .hr24-dia._question {
  background: #0d151e;
  color: #E3ECF2;
  border-color: #000000;
}

body[data-theme=dark] .search-box,
[data-theme=dark] .page-link,
[data-theme=dark] .page-item.disabled .page-link,
[data-theme=dark] .page-item.active .page-link {
  border-color: #000000;
}

[data-theme=dark] .hr24-dia._question:before,
[data-theme=dark] .hr24-dia._question:after {
  background: linear-gradient(0deg, rgba(2, 0, 36, 0) 0%, rgb(13, 21, 30) 30%);
}

[data-theme=dark] .btn._rounded._send-dialog {
  background: #000000;
  border-color: #0d151e;
}

[data-theme=dark] .hr24-question-text-short a {
  background-image: linear-gradient(to right, transparent 0, rgb(13, 21, 30) 15px);
}

[data-theme=dark] .hr24-dia._starter {
  color: #fff0ff;
}

[data-theme=dark] .hr24-message-text-question-toggler {
  background: #0d151e;
  color: #CCCCCC;
}

[data-theme=dark] .hr24-make-question-modal-backdrop {
  background: rgba(37, 47, 49, 0.8);
}

[data-theme=dark] .bg-dark2 {
  background-color: #0d151e !important;
}

/* Temple specific */
[data-theme=dark] .bg-dark,
[data-theme=dark] .card_temple,
[data-theme=dark] .breadcrumb._front,
[data-theme=dark] .item-block__quote blockquote,
[data-theme=dark] .item-block__quote .blockquote,
[data-theme=dark] .page-link,
[data-theme=dark] .rc-anchor-light {
  background-color: #050a0f !important;
}

[data-theme=dark] .master-nav a {
  color: #70BAF5;
}

[data-theme=dark] .navbar-brand_hram {
  color: #fff !important;
}

.app-template-default {
  #color-scheme-chooser {
    @media (min-width: 992px) {
      position: absolute;
      right: 0;
      bottom: -29px;
      background: #f8f8f8 !important;
      padding: 5px 10px;
      border-radius: 15px;
    }
  }
}


[data-theme=dark].app-template-default,
[data-theme=dark] .app-template-default {
  #color-scheme-chooser {
    @media (min-width: 992px) {
      background: #0d151e !important;
    }
  }
}