body.dark-mode-active {
  --border-color: #ccc !important;
}

.dark-mode-switch {
  display: block;
  --width-of-switch: 3em;
  --height-of-switch: 1.5em;
  --size-of-icon: 1.4em;
  --slider-offset: 0em;
  position: relative;
  width: var(--width-of-switch);
  height: var(--height-of-switch);
}

.dark-mode-switch input {
  opacity: 0;
  width: 0;
  height: 0;

}

.dark-mode-slider {
  border: solid 0px #2404642A;
  /* cor da borda*/
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  transition: .4s;
  border-radius: 30px;
}

.dark-mode-slider:before {
  position: absolute;
  content: "";
  height: var(--size-of-icon, 1.4em);
  width: var(--size-of-icon, 1.4em);
  border-radius: 20px;
  left: var(--slider-offset, 0.3em);
  top: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle, #ffcf40 30%, #ff7e00 70%);
  transition: .4s;

}

input:checked+.dark-mode-slider {
  background: #15111c;
  background-size: 15px 15px;
}

input:checked+.dark-mode-slider:before {
  left: calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, 0.3em)));
  background: #303136;
  box-shadow: inset -3px -2px 5px -2px #dcdcdc, inset -10px -4px 0 0 #b0b0b0;
  /* Cor da Lua */
}


/* Modo escuro aplicado aos contêineres com a classe 'dark' */
.dark.dark-mode-active {
  background-color: #373737 !important;
  color: white;
  transition: background-color 1s, color 1s;

}

/* Modo claro aplicado aos contêineres com a classe 'dark' (opcional) */
.dark {
  transition: background-color 1s, color 1s;
}

/* Modo escuro aplicado aos textos e títulos dentro dos contêineres com a classe 'dark' */
.dark.dark-mode-active h1,
.dark.dark-mode-active h2,
.dark.dark-mode-active h3,
.dark.dark-mode-active h4,
.dark.dark-mode-active h5,
.dark.dark-mode-active h6,
.dark.dark-mode-active p,
.dark.dark-mode-active .elementor-heading-title {
  color: white !important;
  transition: color 1s;
}

/* Modo escuro aplicado aos ícones SVG dentro dos contêineres com a classe 'dark' */
.dark.dark-mode-active .elementor-icon svg {
  fill: #ffffff;
  transition: fill 1s;

}

/* Modo escuro aplicado aos ícones de fonte dentro dos contêineres com a classe 'dark' */
.dark.dark-mode-active .elementor-icon i {
  color: #ffffff;
  transition: color 1s;

}

/* Modo claro aplicado aos textos e títulos dentro dos contêineres com a classe 'dark' */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark {
  transition: color 1s;

}

/* Modo claro aplicado aos ícones SVG dentro dos contêineres com a classe 'dark' */
.dark .elementor-icon svg {
  transition: fill 1s;

}

/* Modo claro aplicado aos ícones de fonte dentro dos contêineres com a classe 'dark' */
.dark .elementor-icon i {
  transition: color 1s;

}
body.dark-mode-active a {
  color: #FFFFFF !important;
}
/* Dark mode global para body */
body.dark-mode-active {
  background: #181818 !important;
  color: #f1f1f1 !important;
}
body.dark-mode-active .megamenu>li:hover>a,
body.dark-mode-active .megamenu>li.active>a {
  color: var(--superio-theme-color) !important;
}
body.dark-mode-active .megamenu li a {
  color: #FFFFFF !important;
}
body.dark-mode-active a:hover {
  color: var(--superio-theme-color);
}

body.dark-mode-active .candidate-detail-header.v1, body.dark-mode-active .sidebar-job .widget.has-content { 
  background: #363636;
}

body.dark-mode-active .my_resume_eduarea .edu_stats,
body.dark-mode-active .job-detail-detail .text,
body.dark-mode-active .candidate-metas {
  color: var(--superio-theme-color);
}

body.dark-mode-active .elementor-heading-title,
body.dark-mode-active h1, body.dark-mode-active h2, body.dark-mode-active h3,
body.dark-mode-active h4, body.dark-mode-active h5, body.dark-mode-active h6 {
  color: #fff !important;
}

body.dark-mode-active input,
body.dark-mode-active textarea,
body.dark-mode-active select {
  background: #222 !important;
  color: #fff !important;
  border-color: #444 !important;
}

body.dark-mode-active .btn-inverse.btn-theme:hover {
  background: #333 !important;
  color: #fff !important;
  border-color: #555 !important;
}

body.dark-mode-active .elementor-widget-icon-box .elementor-icon {
  background: var(--superio-theme-color) !important;
  color: #fff !important;
}

body.dark-mode-active .elementor-widget-divider .elementor-divider {
  border-color: #444 !important;
}

body.dark-mode-active .elementor-widget-image img {
  filter: brightness(0.85) contrast(1.1);
}

body.dark-mode-active .elementor-nav-menu--main .elementor-item {
  color: #f1f1f1 !important;
}

body.dark-mode-active .elementor-nav-menu--main .elementor-item:hover {
  color: #FFFFFF !important;
}

body.dark-mode-active .elementor-form-fields-wrapper input,
body.dark-mode-active .elementor-form-fields-wrapper textarea {
  background: #232323 !important;
  color: #fff !important;
}

body.dark-mode-active .elementor-widget-tabs .elementor-tab-title,
body.dark-mode-active .elementor-widget-tabs .elementor-tab-content {
  background: #232323 !important;
  color: #fff !important;
}

body.dark-mode-active .elementor-widget-accordion .elementor-accordion-item {
  background: #232323 !important;
  color: #fff !important;
}

body.dark-mode-active .elementor-widget-table table,
body.dark-mode-active .elementor-widget-table th,
body.dark-mode-active .elementor-widget-table td {
  background: #232323 !important;
  color: #fff !important;
  border-color: #444 !important;
}

/* Corrige backgrounds brancos comuns */
body.dark-mode-active [style*="background:#fff"],
body.dark-mode-active [style*="background: #fff"],
body.dark-mode-active [style*="background-color:#fff"],
body.dark-mode-active [style*="background-color: #fff"] {
  background: #232323 !important;
  color: #fff !important;
}

/* Corrige textos escuros forçados */
body.dark-mode-active [style*="color:#222"],
body.dark-mode-active [style*="color: #222"],
body.dark-mode-active [style*="color:#333"],
body.dark-mode-active [style*="color: #333"] {
  color: #fff !important;
}
body.dark-mode-active .job-list {
  background: #363636;
  border: 1px solid #363636;
}
body.dark-mode-active .dark-secondary {
  background-color: #363636 !important;
}
body.dark-mode-active .job-list, body.dark-mode-active .category-banner-inner, body.dark-mode-active .candidate-list {
  background: #363636;
  border: 1px solid #363636;
}
body.dark-mode-active .job-metas {
  color: #dcdcdc;
}
body.dark-mode-active .filter-listing-form.horizontal {
  border: 1px solid #363636;
  background: #363636;
}
body.dark-mode-active .filter-listing-form.horizontal .filter-listing-form-item {
  background: #363636;
}
body.dark-mode-active .filter-listing-form.horizontal .filter-listing-form-item .filter-listing-form-item-title,
body.dark-mode-active .job-detail-detail .social-title {
  color: #dcdcdc;
}
body.dark-mode-active .filter-listing-form .select2-container--default.select2-container .select2-selection--single,
body.dark-mode-active .candidate-archive-layout .candidate-tags .tag-candidate,
body.dark-mode-active .candidate-detail-tags a {
  background: #222 !important;
}
body.dark-mode-active .megamenu.effect3>li>.dropdown-menu {
  background: #363636;
  border: 1px solid var(--superio-theme-color);
}
body.dark-mode-active .apus-breadscrumb, 
body.dark-mode-active .layout-job-sidebar-v2 .sidebar .widget,
body.dark-mode-active .layout-job-sidebar-v2 .apus-sidebar .widget {
  background-color: #363636;
  background-image: none !important;
}
body.dark-mode-active .apus-breadscrumb .breadcrumb .active{
  color: var(--superio-theme-color);
}

body.dark-mode-active .filter-listing-form.horizontal .form-group{
  background: #222222;
}

body.dark-mode-active .candidate-alert-form .select2-container--default.select2-container .select2-selection--single,
body.dark-mode-active .job-alert-form .select2-container--default.select2-container .select2-selection--single,
body.dark-mode-active .jobs-ordering .select2-container--default .select2-selection--single,
body.dark-mode-active .jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode-active .form-superio-ppp .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode-active .select2-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode-active .my-jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode-active .jobs-ordering .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode-active .select2-container.select2-container--default.select2-container--focus .select2-selection--single,
body.dark-mode-active .select2-container.select2-container--default.select2-container--focus .select2-selection--multiple,
body.dark-mode-active .select2-container.select2-container--default.select2-container--open .select2-selection--single,
body.dark-mode-active .select2-container.select2-container--default.select2-container--open .select2-selection--multiple,
body.dark-mode-active .form-superio-ppp .select2-container--default .select2-selection--single,
body.dark-mode-active .select2-container--default.select2-container .select2-selection--single,
body.dark-mode-active .select2-container.select2-container--default .select2-selection--multiple,
body.dark-mode-active .cmb-repeatable-group .cmb-group-title {
  background-color: #222222 !important;
  border-color: #222222 !important;
}
body.dark-mode-active .filter-listing-form .heading-label, body.dark-mode-active .candidate-alert-form label,
body.dark-mode-active .job-alert-form label, body.dark-mode-active .filter-listing-form .circle-check .list-item label,
body.dark-mode-active .select2-container--default .select2-selection--single .select2-selection__rendered  {
  color: #dcdcdc;
}
body.dark-mode-active .pagination li>span,
body.dark-mode-active .pagination li>a,
body.dark-mode-active .apus-pagination li>span,
body.dark-mode-active .apus-pagination li>a {
  background: #222222;
  border-color: #222222;
}
body.dark-mode-active .pagination li>span:hover,
body.dark-mode-active .pagination li>span.current,
body.dark-mode-active .pagination li>a:hover,
body.dark-mode-active .pagination li>a.current,
body.dark-mode-active .apus-pagination li>span:hover,
body.dark-mode-active .apus-pagination li>span.current,
body.dark-mode-active .apus-pagination li>a:hover,
body.dark-mode-active .apus-pagination li>a.current {
  background: var(--superio-theme-color);
  border-color: var(--superio-theme-color);
  color: #fff !important;
}
body.dark-mode-active .slick-carousel.slick-vertical .slick-list:before{
  background: linear-gradient(0deg, transparent 0%, rgb(24 24 24 / 90%) 100%);
}
body.dark-mode-active .slick-carousel.slick-vertical .slick-list:after {
  background: linear-gradient(180deg, transparent 0%, rgba(24 24 24 / 90%) 100%);
}
body.dark-mode-active .light-secondary {
  background-color: #222222;
}
body.dark-mode-active .apus-mfp-zoom-in .mfp-content {
  background: #171717;
}
body.dark-mode-active .form-group label, body.dark-mode-active .register-form-wrapper form.cmb-form .cmb-th {
  color: #dcdcdc;
}
body.dark-mode-active .jobs-alert-ordering-wrapper .results-count, 
body.dark-mode-active form.cmb-form .cmb-th label {
  color: #dcdcdc;
}
body.dark-mode-active .inner-dashboard.container-fluid .sidebar-left {
  border-right: 1px solid #363636;
}
body.dark-mode-active .inner-dashboard.container-fluid .sidebar {
  background-color: #363636;
}
body.dark-mode-active .menu_short_profile li a {
  background-color: var(--superio-theme-color-01);
}
body.dark-mode-active .menu_short_profile li.active a {
  background-color: var(--superio-theme-color);
}
body.dark-mode-active .statistics .inner-header, 
body.dark-mode-active .box-dashboard-wrapper .inner-list, 
body.dark-mode-active .dashboard-wrapper-v2 .before-group-row,
body.dark-mode-active .box-review-order,
body.dark-mode-active .woocommerce ul.order_details {
  border: none;
  background: #363636;
  color: #FFF;
}
body.dark-mode-active .wp-job-board-pro-uploaded-files .wp-job-board-pro-remove-uploaded-file {
  background-color: #e44343;
}
body.dark-mode-active .top-wrapper-menu .inner-top-menu {
  border: 1px solid #363636;
    background: #363636;
    color: #FFF;
}
body.dark-mode-active .apus-header {
  background: #181818 !important;
}
body.dark-mode-active .woo-commentlist strong,
body.dark-mode-active .comment-list strong {
  color: #FFF;
}
body.dark-mode-active .woo-commentlist .comment-author,
body.dark-mode-active .comment-list .comment-author {
  color: #FFF;
}
body.dark-mode-active .apus-breadscrumb .breadcrumb li:last-child {
  color: var(--superio-theme-color);
}
body.dark-mode-active .details-product .information .price {
  color: var(--superio-theme-color) !important;
}
body.dark-mode-active .candidate-detail-header.v3, 
body.dark-mode-active .candidate-detail-header.v4,
body.dark-mode-active .candidate-detail-header.v4.v5 .candidate-tags .tag-candidate,
body.dark-mode-active .job-detail-detail.style2 {
  background: #363636;
  color: #fff;
}
body.dark-mode-active #apus-header > div > .elementor-section {
  background: #181818 !important;
  color: #fff;
}
body.dark-mode-active .select2-container .select2-dropdown,
body.dark-mode-active .select2-container .select2-selection {
  background-color: #181818 !important;
}
body.dark-mode-active .results-filter-wrapper .inner {
  background: #363636 !important;
}
body.dark-mode-active .woocommerce-error,
body.dark-mode-active .woocommerce-info,
body.dark-mode-active .woocommerce-message {
  background-color: #363636;
  color: #FFF;
}
body.dark-mode-active #add_payment_method #payment ul.payment_methods li .payment_box,
body.dark-mode-active .woocommerce-cart #payment ul.payment_methods li .payment_box,
body.dark-mode-active .woocommerce-checkout #payment ul.payment_methods li .payment_box {
  color: #FFF;
}
body.dark-mode-active #add_payment_method #payment,
body.dark-mode-active .woocommerce-cart #payment,
body.dark-mode-active .woocommerce-checkout #payment {
  background: #363636 !important;
}
body.dark-mode-active .woocommerce-checkout-review-order-table {
  background-color: #363636 !important;
  color: #FFF;
}
body.dark-mode-active .candidate-grid {
  background-color: #363636;
  border: 1px solid #363636;
}
body.dark-mode-active .testimonials-item.style5,
body.dark-mode-active .testimonials-item.style1 {
  background: #181818;
  border: 1px solid #ff5e14;
}
body.dark-mode-active .category-banner-inner.v1 .category-icon {
  background-color: #181818;
}
body.dark-mode-active .category-banner-inner.v1:hover .category-icon {
  background-color: #ff5e14;
}
body.dark-mode-active .apus-footer .footer-content {
  background-color: #181818 !important;
}
body.dark-mode-active .header-content {
  background-color: #181818 !important;
}
body.dark-mode-active .select2-container.select2-container--default .select2-dropdown {
  border: 1px solid #363636 !important;
}
body.dark-mode-active .select2-container.select2-container--default .select2-dropdown.select2-dropdown--above:before {
  border-color: #363636 transparent transparent;
}
body.dark-mode-active .post-list-item {
    background-color: #363636 !important;
    border: 1px solid #363636 !important;
}
body.dark-mode-active .sidebar, body.dark-mode-active .apus-sidebar {
    background-color: #363636 !important;
}
body.dark-mode-active .widget-search .form-control {
    color: #FFF;
    background-color: #222222 !important;
}