.dark-mode-switcher {

    background: #9fa8b52e;

    color: black;

    border-radius: 50px;

    width: 50px;

    height: 22px;

    position: relative;

    cursor: pointer;

}



body .dark-mode-switcher .switcher-wrap {

    line-height: 1;

    position: absolute;

    height: 22px;

    width: 22px;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    padding: 5px;

    background: #fff;

    border-radius: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 13px;

    box-shadow: 0 0 8px #2f313930;

    transition: 0.4s cubic-bezier(0.01, 0.68, 0.42, 1.36) !important;

}



.dark-mode-switcher .light-icon {

    color: #ffb300;

}



html[scheme="dark"] .dark-mode-switcher .light-icon {

    display: none;

}



html[scheme="light"] .dark-mode-switcher .dark-icon {

    display: none;

}



html[scheme="dark"] .dark-mode-switcher .switcher-wrap {

    left: calc(100% - 22px );

}





html[scheme="dark"] {

    --body-color: #e3e7ed;

    --body-bg-color: #1f2328;

    --headings-color: #fff;

    --soft-white: #ffffff0f;

    --soft-black: #0000000f;

    --soft-black-2: #31384030;

    --shadow-soft: none;

    --card-bg: #272c31;

}



html[scheme="dark"] mark,

html[scheme="dark"] ins {

    background-color: #fff9c0;

}



html[scheme="dark"] pre {

    background-color: transparent;

    color: #fff;

}



html[scheme="dark"] blockquote {

    border-color: #fff;

}



html[scheme="dark"] .wp-block-quote:not(.is-style-plain) {

    background: var(--soft-white);

}



html[scheme="dark"] select,

html[scheme="dark"] textarea,

html[scheme="dark"] input[type="text"],

html[scheme="dark"] input[type="password"],

html[scheme="dark"] input[type="datetime"],

html[scheme="dark"] input[type="datetime-local"],

html[scheme="dark"] input[type="date"],

html[scheme="dark"] input[type="month"],

html[scheme="dark"] input[type="time"],

html[scheme="dark"] input[type="week"],

html[scheme="dark"] input[type="number"],

html[scheme="dark"] input[type="email"],

html[scheme="dark"] input[type="url"],

html[scheme="dark"] input[type="search"],

html[scheme="dark"] input[type="tel"],

html[scheme="dark"] input[type="color"] {

    background-color: #2a3036;

    border-color: #3f454b;

}



html[scheme="dark"] select:focus,

html[scheme="dark"] textarea:focus,

html[scheme="dark"] input[type="text"]:focus,

html[scheme="dark"] input[type="password"]:focus,

html[scheme="dark"] input[type="datetime"]:focus,

html[scheme="dark"] input[type="datetime-local"]:focus,

html[scheme="dark"] input[type="date"]:focus,

html[scheme="dark"] input[type="month"]:focus,

html[scheme="dark"] input[type="time"]:focus,

html[scheme="dark"] input[type="week"]:focus,

html[scheme="dark"] input[type="number"]:focus,

html[scheme="dark"] input[type="email"]:focus,

html[scheme="dark"] input[type="url"]:focus,

html[scheme="dark"] input[type="search"]:focus,

html[scheme="dark"] input[type="tel"]:focus,

html[scheme="dark"] input[type="color"]:focus {

    border-color: #ffffff5e;

}



html[scheme="dark"] .select2-container--default .select2-selection--single {

    background-color: #2a3036;

    border-color: #3f454b;

}



html[scheme="dark"] ::placeholder {

    color: #ffffff40 !important;

}



html[scheme="dark"] :-ms-input-placeholder {

    color: #ffffff40 !important;

}



html[scheme="dark"] ::-ms-input-placeholder {

    color: #ffffff40 !important;

}



html[scheme="dark"] #back-to-top .scroll-point {

    background: #fff;

}



html[scheme="dark"] .comment-list .comment-content {

    background: var(--body-bg-color);

}



html[scheme="dark"] .blog-archive-title .title {

    color: var(--headings-color);

}



html[scheme="dark"] .blog-archive-title .post-count span {

    background: var(--soft-white);

}



html[scheme="dark"] .default-post-list-pagination .page-numbers {

    color: #fff;

}



html[scheme="dark"] .single-hero-title .title {

    border-bottom-color: var(--soft-white);

}



html[scheme="dark"] .single-hero-quote {

    background: var(--body-bg-color);

}



html[scheme="dark"] .single-hero-link {

    background: var(--body-bg-color);

}



html[scheme="dark"] .single-hero-6 .content-container {

    background: var(--soft-white);

}



@media (max-width: 767px) {

    html[scheme="dark"] .single-hero-6 .content-container {

        background: none;

    }

}



html[scheme="dark"] .page-content-wrapper .post-nav-links .post-page-numbers {

    background: #000;

}



html[scheme="dark"] .page-content-wrapper .post-nav-links .post-page-numbers:hover, html[scheme="dark"] .page-content-wrapper .post-nav-links .post-page-numbers.current {

    background: var(--accent-color);

}



html[scheme="dark"] .author-social-links a {

    color: #fff;

    background: var(--soft-white);

}



html[scheme="dark"] .author-social-links a:hover {

    background: var(--accent-color);

}



html[scheme="dark"] .single-share-box-link .share-link-text {

    color: #fff;

}



html[scheme="dark"] .rivax-toc-wrap {

    background: var(--body-bg-color);

}



html[scheme="dark"] .popup-search .popup-search-container {

    background: var(--body-bg-color);

}





html[scheme="dark"] .popup-search-form .search-field::-webkit-input-placeholder, html[scheme="dark"] .popup-search-form .search-field::placeholder {

    color:  #ffffff40;

}



html[scheme="dark"] .inline-search-form .search-field {

    color: var(--body-color);

}



html[scheme="dark"] .inline-search-form .search-field::-webkit-input-placeholder, html[scheme="dark"] .inline-search-form .search-field::placeholder {

    color:  #ffffff40 !important;

}



html[scheme="dark"] .rivax-header-nav li.menu-item > a {

    color: #fff;

}



html[scheme="dark"] .rivax-header-nav li.menu-item > a:hover, html[scheme="dark"] .rivax-header-nav li.current-menu-item > a, html[scheme="dark"] .rivax-header-nav li.current-menu-ancestor > a {

    color: var(--accent-color);

}



html[scheme="dark"] .rivax-header-nav .sub-menu li.menu-item > a  {

    color: #fff;

}



html[scheme="dark"] .rivax-header-nav .sub-menu {

    background: var(--card-bg);

    box-shadow: none;

}





html[scheme="dark"] .rivax-header-v-nav li a {

    color: #ffffff;

}



html[scheme="dark"] .rivax-header-v-nav li > a:hover, html[scheme="dark"] .rivax-header-v-nav li.current-menu-item > a {

    color: var(--accent-color);

}



html[scheme="dark"] .sticky-header-default {

    background: var(--body-bg-color);

    box-shadow: none;

}



html[scheme="dark"] .offcanvas-wrapper .offcanvas-container {

    background: var(--body-bg-color) !important;

}



html[scheme="dark"] .offcanvas-close {

    color: #fff !important;

}



html[scheme="dark"] .rivax-logo-image.dark-logo + .rivax-logo-image{

    display: none;

}



html[scheme="dark"] .rivax-logo-image.dark-logo {

    display: inline;

}



html[scheme="dark"] .rivax-logo-title a {

    color: var(--headings-color);

}



html[scheme="dark"] .rivax-logo-title a:hover {

    color: var(--accent-color);

}



html[scheme="dark"] .rivax-logo-description {

    color: var(--headings-color) !important;

}



html[scheme="dark"] .rivax-divider-heading {

    --divider-color-2: #ffffff40;

}



html[scheme="dark"] .rivax-social-icons .social-item {

    border-color: var(--soft-white);

}



html[scheme="dark"] .rivax-insta-info .username,

html[scheme="dark"] .rivax-insta-info .tagline {

    color: var(--body-color) !important;

}



html[scheme="dark"] .rivax-mailchimp-input-label {

    color: var(--body-color) !important;

}



html[scheme="dark"] .rivax-mailchimp-input input {

    color: #fff !important;

}



html[scheme="dark"] .post-wrapper .title a:hover {

    color: var(--headings-color);

}





/* Elementor Default Widgets */



html[scheme="dark"] .elementor-widget-heading .elementor-heading-title {

    -webkit-text-stroke-color: var(--body-color) !important;

    stroke: var(--body-color) !important;

}



html[scheme="dark"] .elementor-drop-cap-view-framed .elementor-drop-cap, html[scheme="dark"] .elementor-drop-cap-view-default .elementor-drop-cap {

    color: var(--accent-color) !important;

    border-color: var(--accent-color) !important;

}



html[scheme="dark"] .elementor-image-box-title {

    -webkit-text-stroke-color: var(--body-color) !important;

    stroke: var(--body-color) !important;

}



html[scheme="dark"] .elementor-image-box-img img {

    border-color: var(--soft-white) !important;

}



html[scheme="dark"] .elementor-icon-box-title {

    -webkit-text-stroke-color: var(--body-color) !important;

    stroke: var(--body-color) !important;

}



html[scheme="dark"] .elementor-star-rating__title {

    color: var(--body-color) !important;

}



html[scheme="dark"] .elementor-widget-progress .elementor-title {

    color: var(--body-color) !important;

}



html[scheme="dark"] .elementor-widget-progress .elementor-progress-wrapper {

    background-color: var(--soft-white) !important;

}



html[scheme="dark"] .elementor-widget-testimonial .elementor-testimonial-content {

    color: var(--body-color) !important;

}



html[scheme="dark"] .elementor-widget-testimonial .elementor-testimonial-name {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-testimonial .elementor-testimonial-job {

    color: var(--accent-color) !important;

}



html[scheme="dark"] .elementor-widget-tabs .elementor-tab-content {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-tabs .elementor-tabs-content-wrapper,

html[scheme="dark"] .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {

    background-color: transparent !important;

}



html[scheme="dark"] .elementor-widget-tabs .elementor-tab-title, html[scheme="dark"] .elementor-widget-tabs .elementor-tab-title a {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-tabs .elementor-tab-title.elementor-active, html[scheme="dark"] .elementor-widget-tabs .elementor-tab-title.elementor-active a {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-accordion .elementor-tab-content {

    background-color: transparent !important;

    color: var(--body-color) !important;

}



html[scheme="dark"] .elementor-widget-accordion .elementor-tab-title {

    background-color: transparent !important;

}



html[scheme="dark"] .elementor-widget-accordion .elementor-accordion-icon, html[scheme="dark"] .elementor-widget-accordion .elementor-accordion-title {

    color: #fff !important;

	fill: #fff;

}



html[scheme="dark"] .elementor-widget-accordion .elementor-tab-title .elementor-accordion-icon i:before {

    color: #fff !important;

}



html[scheme="dark"] .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {

    fill: currentColor !important;

}



html[scheme="dark"] .elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i:before {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-toggle .elementor-tab-content {

    background-color: transparent !important;

    color: var(--body-color) !important;

}



html[scheme="dark"] .elementor-widget-toggle .elementor-tab-title {

    background-color: transparent !important;

}



html[scheme="dark"] .elementor-widget-toggle .elementor-toggle-icon, html[scheme="dark"] .elementor-widget-toggle .elementor-toggle-title {

    color: #fff !important;

}



html[scheme="dark"] .elementor-widget-toggle .elementor-tab-title .elementor-toggle-icon i:before {

    color: #fff !important;

}



html[scheme="dark"] .elementor-toggle-icon svg {

	fill: currentColor !important;

}





/* Woocommerce */



html[scheme="dark"] .woocommerce ul.products li.product .price {

    color: var(--headings-color);

}



html[scheme="dark"] .woocommerce div.product p.price, html[scheme="dark"] .woocommerce div.product span.price {

    color: var(--headings-color);

}



html[scheme="dark"] .woocommerce-error, html[scheme="dark"] .woocommerce-info, html[scheme="dark"] .woocommerce-message {

    background-color: var(--soft-white);

    color: var(--body-color);

}



html[scheme="dark"] .woocommerce ul.products li.product > .button {

    background: var(--soft-white);

}



html[scheme="dark"] .woocommerce ul.products li.product > .button:hover {

    background-color: var(--button-bg-hover);

}



html[scheme="dark"] .woocommerce table.shop_table td a {

    color: var(--headings-color);

}



html[scheme="dark"] #add_payment_method table.cart td.actions .coupon .input-text, html[scheme="dark"] .woocommerce-cart table.cart td.actions .coupon .input-text,

html[scheme="dark"] .woocommerce-checkout table.cart td.actions .coupon .input-text {

    border-color: var(--soft-white);

}



html[scheme="dark"] #add_payment_method #payment, html[scheme="dark"] .woocommerce-cart #payment, html[scheme="dark"] .woocommerce-checkout #payment {

    background: var(--soft-white);

}



html[scheme="dark"] .select2-dropdown {

    background-color: #2a3036;

    border-color: #3f454b;

}



html[scheme="dark"] .select2-container--default .select2-results__option[aria-selected=true],

html[scheme="dark"] .select2-container--default .select2-results__option[data-selected=true] {

    background-color: var(--soft-white);

}



html[scheme="dark"] .woocommerce #reviews #comments ol.commentlist li .meta {

    color: var(--body-color);

}



html[scheme="dark"] #add_payment_method #payment div.payment_box, html[scheme="dark"] .woocommerce-cart #payment div.payment_box, html[scheme="dark"] .woocommerce-checkout #payment div.payment_box {

    background-color: var(--soft-white);

    color: var(--body-color);

}



html[scheme="dark"] #add_payment_method #payment div.payment_box::before, html[scheme="dark"] .woocommerce-cart #payment div.payment_box::before, html[scheme="dark"] .woocommerce-checkout #payment div.payment_box::before {

    border-bottom-color: var(--soft-white);

}



html[scheme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul {

    background: var(--soft-white);

}



html[scheme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active, html[scheme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {

    background: var(--accent-color);

}



html[scheme="dark"] .woocommerce-account .woocommerce-MyAccount-navigation ul li {

    color: #ffffff;

}



/* ===== Breadcrumb text colors ===== */

/* Light mode (default) → BLACK */
#breadcrumb,
#breadcrumb a,
#breadcrumb .current {
    color: #000000;
}

/* Dark mode → WHITE */
html[scheme="dark"] #breadcrumb,
html[scheme="dark"] #breadcrumb a,
html[scheme="dark"] #breadcrumb .current {
    color: #ffffff;
}

/* Optional: delimiter ( / ) color */
#breadcrumb .delimiter {
    color: #000000;
}

html[scheme="dark"] #breadcrumb .delimiter {
    color: #ffffff;
}


/* ===============================
   Elementor Main Menu Text Color
   =============================== */

/* LIGHT MODE (Day) → BLACK */
.elementor-nav-menu--main .elementor-nav-menu > li > a {
    color: #000000;
}

/* DARK MODE → WHITE */
html[scheme="dark"] 
.elementor-nav-menu--main .elementor-nav-menu > li > a {
    color: #ffffff;
}

/* ===============================
   Hover & Active States
   =============================== */

/* Light mode hover */
.elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
.elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a {
    color: #000000;
}

/* Dark mode hover */
html[scheme="dark"] 
.elementor-nav-menu--main .elementor-nav-menu > li > a:hover,
html[scheme="dark"] 
.elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a {
    color: #ffffff;
}

/* Force main menu color */
html[scheme="dark"] 
.elementor-widget-nav-menu a {
    color: #ffffff !important;
}

.elementor-widget-nav-menu a {
    color: #000000 !important;
}

html[scheme="dark"] .elementor-widget-nav-menu a {
    color: #fcbf02 !important;
}