:root {
  --bg-dm-container-header: #222426;
  --bg-dm-dark: #181a1b;
  --bg-dm-black: #17191a;
  --bg-dm-dark-disabled: #4e4e4e;
  --bg-dm-dark-light: #7a7a7a;
  --color-dm-white: #ffffff;
  --color-dm-gray: #d9d9d9;
  --color-dm-link: #c39bff;
  --color-dm-link-active: #eadcff;
  --color-dm-link-dark: #200b3e;
  --color-dm-shadow: #ffffff1a;
}

body#module-prestablog-blog.dark-mode #breadcrumb,
body#module-prestablog-blog.dark-mode main,
body#module-prestablog-blog.dark-mode #wrapper,
body#module-prestablog-blog.dark-mode .container.header-article {
  background: var(--bg-dm-container-header) !important;
}

body#module-prestablog-blog.dark-mode,
body#module-prestablog-blog.dark-mode #wrapper .bg-white {
  background: var(--bg-dm-dark) !important;
  color: var(--color-dm-gray);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body#module-prestablog-blog.dark-mode #wrapper h1,
body#module-prestablog-blog.dark-mode #wrapper h3,
body#module-prestablog-blog.dark-mode
  #breadcrumb
  .breadcrumb-item:not(.active)
  h6,
body#module-prestablog-blog.dark-mode #blog_article_linked .block_top img,
body#module-prestablog-blog.dark-mode #blog_article_linked a,
body#module-prestablog-blog.dark-mode #breadcrumb .breadcrumb-item,
body#module-prestablog-blog.dark-mode #breadcrumb .breadcrumb-item:before {
  color: var(--color-dm-link);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body#module-prestablog-blog.dark-mode #wrapper .blog-category a {
  color: var(--color-dm-gray);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body#module-prestablog-blog.dark-mode #wrapper .annexe ul li a:hover,
body#module-prestablog-blog.dark-mode #breadcrumb .breadcrumb-item .active {
  color: var(--color-dm-link-active);
}

body#module-prestablog-blog.dark-mode #wrapper #prestablog-comments,
body#module-prestablog-blog.dark-mode .container-blog .info_blog nav {
  background: var(--bg-dm-container-header);
}

body#module-prestablog-blog.dark-mode #prestablogauthor,
body#module-prestablog-blog.dark-mode .container.header-article nav:last-child,
body#module-prestablog-blog.dark-mode #wrapper .annexe,
body#module-prestablog-blog.dark-mode #wrapper .page-item a.page-link,
body#module-prestablog-blog.dark-mode #wrapper #prestablog_search,
body#module-prestablog-blog.dark-mode #wrapper #blog_product_linked,
body#module-prestablog-blog.dark-mode
  #wrapper
  #prestablog-comments
  input[type="text"],
body#module-prestablog-blog.dark-mode #wrapper #prestablog-comments textarea,
body#module-prestablog-blog.dark-mode #blog_article_linked .blog-grid,
body#module-prestablog-blog.dark-mode #blog_article_linked .block_top img,
body#module-prestablog-blog.dark-mode #blog_article_linked a {
  background: var(--bg-dm-black) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body#module-prestablog-blog.dark-mode
  #wrapper
  fieldset#prestablog-comment
  input.text,
body#module-prestablog-blog.dark-mode
  #wrapper
  fieldset#prestablog-comment
  textarea,
body#module-prestablog-blog.dark-mode #wrapper .page-item a.page-link,
body#module-prestablog-blog.dark-mode #wrapper .row.block_cont .block_cont,
body#module-prestablog-blog.dark-mode #wrapper .row.block_cont .first-article,
body#module-prestablog-blog.dark-mode #wrapper .blog-category a.categorie_blog {
  border: 1px solid var(--bg-dm-dark-light) !important;
}

body#module-prestablog-blog.dark-mode #wrapper .page-item.active a.page-link {
  background: var(--bg-dm-dark-light) !important;
}

body#module-prestablog-blog.dark-mode #wrapper .page-item.disabled a.page-link {
  background: var(--bg-dm-dark-disabled) !important;
}

body#module-prestablog-blog.dark-mode #wrapper .page-item a.page-link,
body#module-prestablog-blog.dark-mode #prestablogfont a,
body#module-prestablog-blog.dark-mode #wrapper .annexe ul li a {
  color: var(--color-dm-link);
}

body#module-prestablog-blog.dark-mode #wrapper .page-item:hover a.page-link {
  background: var(--color-dm-gray) !important;
  color: var(--bg-dm-black) !important;
}

body#module-prestablog-blog.dark-mode #wrapper .page-item a.page-link:hover,
body#module-prestablog-blog.dark-mode #prestablogfont a:hover,
body#module-prestablog-blog.dark-mode #wrapper .annexe ul li:hover a {
  color: var(--color-dm-link-active);
}

body#module-prestablog-blog.dark-mode
  #blog_article_linked
  #blog_list_1-7
  .blog-grid {
  box-shadow: 0px 10px 40px 0px var(--color-dm-shadow);
}

body#module-prestablog-blog.dark-mode
  #blog_article_linked
  #blog_list_1-7
  .blog-grid
  h3
  a {
  color: var(--color-dm-link-active) !important;
}

body#module-prestablog-blog.dark-mode
  #prestablog_bloc_search
  .btn.button-search::after,
body#module-prestablog-blog.dark-mode #wrapper .block_cont .block_bas a,
body#module-prestablog-blog.dark-mode #wrapper #prestablog-comments h4,
body#module-prestablog-blog.dark-mode #blog_article_linked .blog-grid,
body#module-prestablog-blog.dark-mode #wrapper nav span,
body#module-prestablog-blog.dark-mode #wrapper .annexe p,
body#module-prestablog-blog.dark-mode .twitter-icon {
  color: var(--color-dm-white) !important;
}

body#module-prestablog-blog.dark-mode #prestablogauthor,
body#module-prestablog-blog.dark-mode #wrapper .row.block_cont .first-article,
body#module-prestablog-blog.dark-mode #wrapper .row.block_cont .block_cont {
  border-radius: 1.25rem;
  box-shadow: 0px 10px 40px 0px var(--color-dm-shadow);
}

body#module-prestablog-blog.dark-mode #wrapper .block_cont .block_bas h3 a {
  color: var(--color-dm-link) !important;
}
body#module-prestablog-blog.dark-mode
  #wrapper
  .block_cont
  .block_bas
  h3
  a:hover {
  color: var(--color-dm-link-active) !important;
}

/* BUTTON */
#btn-dark-mode {
  float: inline-end;
}

#btn-dark-mode .toggle {
  font-size: 0.8rem;
  border: 0.125em solid currentColor;
  border-radius: 2em;
  cursor: pointer;
  display: block;
  height: 2em;
  position: relative;
  width: 3.75em;
  margin: 1rem;
}
#btn-dark-mode .toggle span {
  background-color: currentColor;
  border-radius: 2em;
  display: block;
  height: 1.6em;
  left: 0.15em;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-indent: -9999px;
  transition: left 0.25s;
  width: 1.6em;
  z-index: 2;
}

#btn-dark-mode .toggle::before,
#btn-dark-mode .toggle::after {
  content: "";
  display: block;
  border-radius: 1em;
  position: absolute;
  z-index: 1;
}

#btn-dark-mode .toggle::after {
  box-shadow: 0.25em 0.25em #5901d8;
  height: 1.125em;
  right: 0.9em;
  top: 0.125em;
  width: 1.125em;
}

#btn-dark-mode .toggle::before {
  background-color: #ffc409;
  height: 0.625em;
  outline: 0.25em dotted #ffc409;
  outline-offset: 0.125em;
  left: 0.7em;
  top: 0.7em;
  width: 0.625em;
}

#btn-dark-mode input:checked ~ .toggle span {
  left: 1.9em;
}

/* Product Card */
body#module-prestablog-blog.dark-mode .product-title {
  color: #37ecea;
}

body#module-prestablog-blog.dark-mode .product-title:hover,
body#module-prestablog-blog.dark-mode .product-title:active {
  color: #fd7325;
}
