/*
Worto Dark Mode Styles
*/

body.dark-mode {
  background: #00080c;
}

body.dark-mode mark,
body.dark-mode ins {
  background-color: #7d7425;
}

body.dark-mode select option {
  background-color: #001926;
}

body.dark-mode,
body.dark-mode button,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  color: #f2f2f2;
}

body.dark-mode a {
  color: #f2f2f2;
}

body.dark-mode a:hover {
  color: #0087cc;
}

body.dark-mode a:active {
  color: #0076b2;
}

body.dark-mode hr {
  background-color: #ccc;
}

body.dark-mode button,
body.dark-mode a[type="button"],
body.dark-mode input[type="button"],
body.dark-mode input[type="reset"],
body.dark-mode input[type="submit"] {
  background-color: #00324c;
}

body.dark-mode button:hover,
body.dark-mode a[type="button"]:hover,
body.dark-mode input[type="button"]:hover,
body.dark-mode input[type="reset"]:hover,
body.dark-mode input[type="submit"]:hover {
  background-color: #0087cc;
  color: #fff;
}

body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="url"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="range"],
body.dark-mode input[type="date"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode input[type="time"],
body.dark-mode input[type="datetime"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="color"],
body.dark-mode textarea {
  color: #d8d8d8;
  background-color: #001926;
}

body.dark-mode .site-header {
  background-color: #001926;
  box-shadow: 0 0 10px -5px gray;
}

body.dark-mode #primary-menu li > ul {
  background-color: #001926;
  box-shadow: 0 0 5px -2px gray;
}

body.dark-mode #primary-menu li > ul li:hover {
  background-color: #00080c;
}

body.dark-mode .header-buttons .search-button,
body.dark-mode .header-buttons .darkmode-button,
body.dark-mode .header-buttons .cart-button,
body.dark-mode .header-buttons .account-button {
  background-color: #00080c;
  color: #0087cc;
}

body.dark-mode .header-buttons .search-button:hover,
body.dark-mode .header-buttons .darkmode-button:hover,
body.dark-mode .header-buttons .cart-button:hover,
body.dark-mode .header-buttons .account-button:hover {
  background-color: #0087cc;
  color: #fff;
}

body.dark-mode .darkmode-button span::after {
  content: "\e28f";
}

body.dark-mode #top-footer {
  background-color: #00273a;
}

body.dark-mode #bottom-footer {
  background-color: #00324c;
}

body.dark-mode .bottom-footer .social-media-link {
  color: #f2f2f2;
  padding: 0.5rem;
}

body.dark-mode .bottom-footer .social-media-link.facebook:hover {
  color: #1877f2;
}

body.dark-mode .bottom-footer .social-media-link.twitter:hover {
  color: #1da1f2;
}

body.dark-mode .bottom-footer .social-media-link.instagram:hover {
  color: #c32aa3;
}

body.dark-mode .bottom-footer .social-media-link.youtube:hover {
  color: #ff0000;
}

body.dark-mode .bottom-footer .social-media-link.telegram:hover {
  color: #0088cc;
}

body.dark-mode .bottom-footer .social-media-link.aparat:hover {
  color: #ea1d5d;
}

body.dark-mode .page-header-container {
  background-color: #001926;
}

body.dark-mode .page-404 {
  background-color: #001926;
}

body.dark-mode .widget-sidebar {
  background-color: #001926;
}

body.dark-mode .archive-post {
  background-color: #001926;
}

body.dark-mode .post-info {
  color: #bfbfbf;
}

body.dark-mode .site-main.archive .pagination {
  background-color: #001926;
}

body.dark-mode .site-main.archive .pagination .nav-links .page-numbers {
  background-color: #00324c;
}

body.dark-mode .site-main.archive .pagination .nav-links .page-numbers.current {
  background-color: #001926;
  color: #bfbfbf;
}

body.dark-mode .single--post,
body.dark-mode .single--page,
body.dark-mode .not-found {
  background-color: #001926;
}

body.dark-mode .single-post-info {
  color: #bfbfbf;
}

body.dark-mode .wp-block-quote,
body.dark-mode .wp-block-code {
  background-color: #00080c;
}

body.dark-mode .toc-button {
  background-color: #00080c;
}

body.dark-mode .toc-button.active,
body.dark-mode .toc-button:hover {
  background-color: #00324c;
  color: #bfbfbf;
}

body.dark-mode .toc-content {
  background-color: #00080c;
}

body.dark-mode .article-source,
body.dark-mode .article-tags {
  background-color: #00080c;
  color: #f2f2f2;
}

body.dark-mode .author-area,
body.dark-mode .download-box-area,
body.dark-mode .related-posts-area,
body.dark-mode .comments-area {
  background-color: #001926;
}

body.dark-mode .download-part {
  background-color: #00080c;
}

body.dark-mode .relatedcontent {
  color: #bfbfbf;
}

body.dark-mode .comment-reply a,
body.dark-mode .comment-edit a {
  background-color: #00324c;
}

body.dark-mode .comment-reply a:hover,
body.dark-mode .comment-edit a:hover {
  background-color: #0087cc;
  color: #fff;
}

body.dark-mode #cancel-comment-reply-link {
  color: #bfbfbf;
}

body.dark-mode #cancel-comment-reply-link:hover {
  color: #c21045 !important;
}

body.dark-mode #comments ul .depth-1 {
  background-color: #00080c;
}

body.dark-mode #comments ul li li .comment-body {
  background-color: #00273a;
}

body.dark-mode #comments .pagination {
  background-color: #00080c;
}

body.dark-mode #comments .pagination .page-numbers {
  background-color: #00324c;
}

body.dark-mode #comments .pagination .page-numbers.current {
  background-color: #00080c;
  color: #f2f2f2;
}

body.dark-mode .worto-login-register-page-container {
  background-color: #001926;
}

body.dark-mode .worto-login-register-title {
  background-color: #00080c;
}

/* Woocommerce Dark Mode Styles */
body.dark-mode.woocommerce #respond input#submit,
body.dark-mode.woocommerce a.button,
body.dark-mode.woocommerce a.button.alt,
body.dark-mode.woocommerce button.button,
body.dark-mode.woocommerce input.button,
body.dark-mode.woocommerce button.button.alt,
body.dark-mode.woocommerce nav.woocommerce-pagination ul li a,
body.dark-mode.woocommerce nav.woocommerce-pagination ul li span {
  color: #f2f2f2;
  background-color: #00324c;
}

body.dark-mode.woocommerce #respond input#submit:hover,
body.dark-mode.woocommerce a.button:hover,
body.dark-mode.woocommerce a.button.alt:hover,
body.dark-mode.woocommerce button.button:hover,
body.dark-mode.woocommerce input.button:hover,
body.dark-mode.woocommerce button.button.alt:hover,
body.dark-mode.woocommerce nav.woocommerce-pagination ul li a:hover,
body.dark-mode.woocommerce nav.woocommerce-pagination ul li span:hover {
  background-color: #0087cc;
  color: #fff;
}

body.dark-mode .woocommerce-before-shop-loop {
  background-color: #001926;
}

body.dark-mode.woocommerce ul.products li.product {
  background-color: #001926;
}

body.dark-mode.woocommerce ul.products li.product .price {
  color: #bfbfbf;
}

body.dark-mode.woocommerce nav.woocommerce-pagination {
  background-color: #001926;
}

body.dark-mode.woocommerce nav.woocommerce-pagination ul li .page-numbers {
  background-color: #00324c;
}

body.dark-mode.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #00080c;
  color: #d9d9d9;
}

body.dark-mode.woocommerce div.product div.summary {
  background-color: #001926;
}

body.dark-mode .single_add_to_cart_button.button.alt,
body.dark-mode .yith-wcwl-add-button a,
body.dark-mode .yith-wcwl-wishlistexistsbrowse a {
  color: #f2f2f2;
  background-color: #00324c;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs .panel {
  background-color: #001926;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 3px solid #001926;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 3px solid #001926;
  color: #f2f2f2 !important;
  background-color: #00080c;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  color: #f2f2f2;
  background-color: #001926;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  box-shadow: -2px 2px 0 #001926;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  box-shadow: 2px 2px 0 #001926;
}

body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #d8d8d8;
}

body.dark-mode.woocommerce div.product .up-sells .product,
body.dark-mode.woocommerce div.product .related .product {
  background-color: #00080c !important;
}

body.dark-mode.woocommerce div.product .product-features {
  background-color: #001926;
}

body.dark-mode.woocommerce div.product .product-feature {
  background-color: #00080c;
}

body.dark-mode.woocommerce
  div.product
  .product-upsell-related
  .related.products,
body.dark-mode.woocommerce
  div.product
  .product-upsell-related
  .up-sells.products {
  background-color: #001926;
}

body.dark-mode .woocommerce-MyAccount-navigation .user-avatar-name {
  background-color: #00080c;
}

body.dark-mode .woocommerce-MyAccount-navigation li a {
  background-color: #00273a;
}

body.dark-mode .woocommerce-MyAccount-navigation li a:hover,
body.dark-mode .woocommerce-MyAccount-navigation li.is-active a {
  background-color: #0088cc;
  color: #fff;
}

/* Respansive Dark Mode Styles */
@media screen and (max-width: 992px) {
  body.dark-mode .menu-button,
  body.dark-mode .account-button {
    background-color: #001926;
  }

  body.dark-mode .menu-button:hover,
  body.dark-mode .account-button:hover {
    background-color: #001926;
    color: #0087cc;
  }

  body.dark-mode .mobile-search-field {
    background-color: initial !important;
  }
}

/* Widgets Dark Mode Styles */
body.dark-mode .posts-widget .posts-widget-item-content {
  color: #f2f2f2;
}

body.dark-mode .products-widget .products-widget-item-content {
  color: #f2f2f2;
}