/* fix conflict */
/* html.dark .lity-content a, .lity-content a {
    color: #333;
} */

/* #comments, #respond, .comments-area, #wpdcom.wpd-dark {
    background-color: transparent !important;
} */

/* fix text color in comment author shover info */
/* .wcai-content, .wcai-content a, html.dark .wcai-content a {
    color: #383838;
} */

/* fix wpdiscuz theme */
.wpd-wrapper .wpd-current-page,
.wcai-wrapper .wcai-current-page {
    border: 1px solid #ddd !important;
}

.lity-wrap .wpd-item a:hover,
.wpd-wrapper .wpd-list-item:hover,
.wpd-wrapper .wpd-page-link:hover:not(.wpd-current-page),
.wcai-wrapper .wcai-list-item:hover,
.wcai-wrapper .wcai-page-link:hover:not(.wcai-current-page) {
    color: var(--primary-color) !important;
}

#wpdcom .wpd-auth .wpd-login a {
    color: var(--primary-color);
}

#wpdcom .wpd-tools-actions .wpd-cta-button {
    line-height: inherit;
}

#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button {
    padding-top: 8px;
    padding-bottom: 3px;
    line-height: 1.5;
}

#wpdcom .wpdiscuz-subscribe-form-button input[type="submit"] {
    padding: 0 !important;
}

.wcai-wrapper .wcai-profile-stat-box:not(:first-child) {
    border-left: none;
}

.wcai-wrapper .wcai-profile-stat-box {
    margin: 0;
}

#wpdcom .wpd-comment-text, #comments {
    color: rgb(var(--gray-300)) !important;
}

/* dark theme */
html.dark .wpd-wrapper .wpd-post-item-link > a  {
    color: var(--secondary-color);
}
html.dark .wpd-wrapper .wpd-list-item.wpd-active,
html.dark .wcai-wrapper .wcai-list-item.wcai-active {
    color: #fff;
}

html.dark .lity-content > div {
    background-color: rgb(var(--gray-900)) !important;
}

html.dark .wpd-wrapper .wpd-content-item,
html.dark .wpd-wrapper .wpd-item,
html.dark .wpd-wrapper .wpd-page-link,
html.dark .wpd-wrapper .wpd-page-link:last-of-type,
html.dark .wcai-wrapper .wcai-page-link:last-of-type,
html.dark .wpd-wrapper .wpd-current-page,
html.dark .wcai-wrapper .wcai-list,
html.dark .wcai-wrapper .wcai-list-item:not(.wcai-active),
html.dark .wcai-wrapper .wcai-item,
body.text-ui-liht .wcai-wrapper .wcai-current-page,
body.text-ui-liht .wcai-wrapper .wcai-page-link {
    border-color: #ffffff54 !important;
}

html.dark .wpd-wrapper .wpd-list-item {
    border-left-color: #ffffff54 !important;
    border-bottom-color: #ffffff54 !important;
}

html.dark .wpd-wrapper .wpd-list-item:not(.wpd-active) {
    border-top-color: #ffffff54 !important;
}

html.dark .wpd-wrapper .wpd-list {
    border-right-color: #ffffff54 !important;
}

html.dark #wpdcom .wpd-tools-actions,
html.dark #wpdcom .wpdiscuz-sort-buttons,
html.dark .wcaiInfoShort .wcai-wrapper .wcai-content {
    background-color: rgb(var(--gray-800));
    border: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) ;
}

html.dark #wpdcom .wpd-tools-actions .wpd-cta-button:hover,
html.dark #wpdcom .wpdiscuz-sort-buttons .wpdiscuz-sort-button:hover {
    background-color: rgb(var(--gray-900));
}

html.dark .wcaiInfoShort .wcai-wrapper .wcai-content:after,
html.dark .wcaiInfoShort .wcai-wrapper .wcai-content:before {
    border-right-color: rgb(var(--gray-800));
}

html.dark .wcai-wrapper .wcai-content-item-short {
    border: none;
}

html.dark .wcai-wrapper .wcai-profile-stat-box-val,
html.dark .wcai-wrapper .wcai-stat-box-val {
    background-color: #171717 !important;
}

html.dark .wcai-wrapper .wcai-profile-stat-box,
html.dark .wcai-wrapper .wcai-stat-box {
    border-color: #ffffff54 !important;
}

html.dark .wpd-wrapper .wpd-page-link:hover:not(.wpd-current-page),
html.dark .wcai-wrapper .wcai-page-link:hover:not(.wcai-current-page) {
    background-color: #b0b0b008;
}

html.dark #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header {
    background-color: #333;
}

html.dark .wun-head {
    background-color: rgb(var(--gray-800));
}

html.dark .wun-head .wun-head-bell-wrap .wun-head-bell {
    fill: rgb(var(--gray-300));
}

html.dark .wun-content .wun-item:hover {
    background: #282828;
}

html.dark #wpdcom.wpd-dark.wpd-layout-3 .wpd-comment .wpd-comment-footer .wpd-tool-wrap {
    background-color: unset;
}

html.dark .wcai-wrapper .wcai-list-item, html.dark .wcai-wrapper .wcai-stat-box, .wcai-wrapper .wcai-profile-stat-box {
    color: rgb(var(--gray-300));
}

.wcai-wrapper .wcai-profile-stat-box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}