@charset "UTF-8";

:root {
    --v1-white: #FFFFFF;
    --v1-orange: #FF4D00;
    --v1-dark-bg: #2C2C2C;
    --v1-dark-border: #232323;
    --v1-dark-dropdown: #484848;
    --v1-muted-red: #cc4c4c;
    --v-title-color: #C4C4C4;
    --empty-results-text: #FF4D00;
    --v-body-color: #C4C4C4;
}

/* Cores comuns aos temas light e dark */
.v1-menu-text-white,
.v1-menu-icon {
    color: var(--v1-white) !important;
}

[data-bs-theme="dark"] .v1-menu-icon-text {
    color: var(--v1-orange) !important;
}

/* Dark theme */
[data-bs-theme="dark"] .menu-link .menu-title,
[data-bs-theme="dark"] .menu-link:hover .menu-title,
[data-bs-theme="dark"] .menu-link:hover .menu-title i {
    color: var(--v1-white) !important;
}

[data-bs-theme="dark"] .app-header-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
[data-bs-theme="dark"] .app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: var(--v1-dark-bg);
}

[data-bs-theme="dark"] .menu-sub-lg-dropdown {
    background-color: var(--v1-dark-dropdown);
}

[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link {
    filter: grayscale(1.0);
}

[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link.active {
    border-bottom: 1px solid var(--v1-orange);
    filter: none;
}

[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link:hover {
    filter: none;
}

[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--v1-orange);
    transition: color 0.2s ease;
}

[data-bs-theme="dark"] .icon-imba-card {
    color: var(--v-title-color) !important;
}

[data-bs-theme="dark"] .empty-results {
    color: var(--v-title-color) !important;
}

[data-bs-theme="dark"] .empty-results {
    color: var(--v-title-color) !important;
}

[data-bs-theme="dark"] .icon-imba {
    color: var(--v1-white) !important;
}

[data-bs-theme="dark"] .icon-imba-all {
    color: var(--v1-orange) !important;
}

[data-bs-theme="dark"] .empty-results-text {
    color: var(--empty-results-text) !important;
}

[data-bs-theme="dark"] .v1-stream-text {
    color: var(--v1-orange) !important;
}

[data-bs-theme="dark"] .bg-light {
    background-color: var(--v1-dark-bg) !important;
}

[data-bs-theme="dark"] .nav-line-tabs {
    border-bottom-color: var(--v1-dark-border);
    background: var(--v1-dark-bg);
}

[data-bs-theme="dark"] .v1-border-bottom {
    border-bottom: 5px solid var(--v1-dark-border) !important;
}

[data-bs-theme="dark"] .v1-stream-text-about,
[data-bs-theme="dark"] .v1-stream-text-viewers {
    color: var(--v1-muted-red) !important;
}

[data-bs-theme="dark"] .card-toolbar a {
    color: var(--v-title-color);
}

[data-bs-theme="dark"] .card .card-header .card-title {
    color: var(--v-title-color);
}

[data-bs-theme="dark"] .v1-bg-pot {
    background-color: var(--v1-white);
}

[data-bs-theme="dark"] .v1-bg-pot-text {
    color: var(--v1-dark-border);
}

[data-bs-theme="dark"] #imba_news .card-body, #imba_community .card-body, #imba_teams .card-body, #imba_players .card-body, #imba_streams .card-body, #imba_images .card-body, #imba_videos .card-body {
    background: var(--v1-dark-bg);
}

[data-bs-theme="dark"] #blog-post {
    background-color: var(--v1-dark-bg);
}

[data-bs-theme="dark"] #blog-post p ul {
    color: var(--v-body-color);
}

[data-bs-theme="dark"] #blog-post a {
    color: var(--v1-orange) !important;
}


[data-bs-theme="dark"] .about-op-bg {
    background-color: var(--v1-dark-bg);
}

[data-bs-theme="dark"] .comments-body {
    background-color: var(--v1-dark-bg);
}

[data-bs-theme="dark"] .separator.separator-dashed {
    border-bottom-style: dashed;
    border-bottom-color: var(--v1-dark-border);
}

[data-bs-theme="dark"] .v1-text-comments {
    color: var(--v1-orange);
}

[data-bs-theme="dark"] .v1-text-comments a {
    color: var(--v-title-color);
}

[data-bs-theme="dark"] .v1-text-comments .fa-regular {
    color: var(--empty-results-text);
}

[data-bs-theme="dark"] .post-body-color {
    color: var(--v-body-color);
}