@media (prefers-color-scheme: dark) {
    :root {
    --color-black: #ffffff;
    --color-dark: #e2e2e2;
    --color-white: #1e1d2b;
    --color-silver: #292B33;
    --color-gray: #a1afbf;
    --color-gray2: #637283;
    --color-light: #212332;
    --color-light2: #4e526d;
    --color-red: #c93070;
    --color-red2: #b42460;
    --color-redshadow: rgba(201, 48, 112, .5);
}

.sunico {
    display: block !important;
}

.moonico {
    display: none !important;
}

html,
body {
    background: var(--color-white);
    color: var(--color-black);
}


.owl-btbtns .owl-dots span {
    background: rgba(255, 255, 255, 0.25) !important;
}

footer ul.socials li a svg path {
    fill: var(--color-gray);
}

.title .morebtn {
    background: var(--color-light2);
    color: var(--color-dark);
}


.postlist .catitem:hover {
    background: var(--color-light2);
    color: var(--color-black);
}


.hdsearchform>input[type="text"] {
    color: var(--color-gray);
}

.socials.shareit li a:hover,
.socials.shareit li p:hover {
    background: var(--color-light2);
}

.socials.shareit li a:hover svg path,
.socials.shareit li p:hover svg path {
    fill: var(--color-black);
}

.tags a:hover,
.manba a:hover,
.tags a:focus,
.manba a:focus {
    color: var(--color-black);
}

.btn-gray:hover,
.btn-gray:focus {
    background: var(--color-light) !important;
    color: var(--color-dark) !important;
}

.owl-btbtns .owl-nav .owl-prev,
.owl-btbtns .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.25);
}

.owl-btbtns .owl-nav .owl-prev:hover,
.owl-btbtns .owl-nav .owl-next:hover {
    background: var(--color-white);
}

.modal-content {
    background: var(--color-white);
}

.hdsearchmobile ul li a:focus,
.hdsearchmobile ul li a:hover {
    color: var(--color-black);
    background: var(--color-light2);
}

.elementor-button.elementor-button--view-cart {
    color: var(--color-light);
}

.elementor-button.elementor-button--checkout {
    color: #ffffff;
}

.post-edit-link {
    background: var(--color-light2);
    color: var(--color-dark);
}

#wpdcom .ql-container {
    border-color: var(--color-light2);
}

#wpdcom .ql-container {
    background: var(--color-light2);
}

#wpdcom .ql-toolbar {
    border: 1px solid var(--color-light2);
    border-top: none;
}

#wpdcom .ql-editor>* {
    color: var(--color-dark);
}

.btn.btn-view.btn-block {
    color: var(--color-gray2);
    background: var(--color-light);
    text-align: right;
    padding: 10px 15px !important;
    font-size: 17px !important;
}

.btn.btn-view.btn-block:hover {
    color: var(--color-dark);
    background: var(--color-light2);
}

.product-categories>li>.count {
    display: inline-block;
    background: var(--color-light);
}

.bundled_product.bundled_product_summary.product {
    border: 2px solid var(--color-light2);
}

.product_item {
    border: 2px solid var(--color-light2);
}

.btn.btn-view.btn-block {
    color: var(--color-black);
    background: var(--color-light2);
}

#wpdcom .wpd-form-row .wpdiscuz-item input[type="text"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="email"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="url"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="color"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="date"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="month"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="number"],
#wpdcom .wpd-form-row .wpdiscuz-item input[type="time"],
#wpdcom textarea,
#wpdcom select {
    border: 1px solid var(--color-light2);
    color: var(--color-black);
}


.simplefavorite-button::after {
    background-image: url('../svg/mark_b.svg');
}


.simplefavorite-button.active::after {
    background-image: url('../svg/marked.svg');
}

.hd-fix.bgfill {
    background: rgba(30, 29, 43, .8);
}


.tags a::before {
    background-image: url(../svg/tag_w.svg)
}

.manba a::before {
    background-image: url(../svg/manba_w.svg)
}

.hdsearchform {
    background: var(--color-light);
}


.dropdown-menu {
    background: var(--color-light) !important;
  }

  
.hd-fix .topmenu>li.gameup>a svg path {
    fill: var(--color-red) !important;
}


.liked_clap .icon--hd.guest--hd svg path {
    fill: var(--color-gray) !important;
}
}