/* Tema escuro — só ativo com html[data-theme="dark"]. Tema light = CSS legado intacto. */

html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background-color: #0e1217;
    color: #c8d0d8;
}

html[data-theme="dark"] #main_wrapper {
    background-color: #0e1217;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(249, 155, 29, 0.07), transparent 55%),
        url(images/pattern.png);
    background-repeat: no-repeat, repeat;
    background-position: center top, top left;
}

/* Conteúdo */
html[data-theme="dark"] body .blog,
html[data-theme="dark"] body .normal-page,
html[data-theme="dark"] body .portfolio {
    background: transparent;
    color: #c8d0d8;
}

html[data-theme="dark"] .wcontainer,
html[data-theme="dark"] .textwidget,
html[data-theme="dark"] body .modal-content,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .message-box {
    background-color: #1a2129 !important;
    border-color: #2a3440 !important;
    color: #c8d0d8;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .wcontainer p,
html[data-theme="dark"] .wcontainer td,
html[data-theme="dark"] .wcontainer th,
html[data-theme="dark"] .wcontainer li,
html[data-theme="dark"] .normal-page p,
html[data-theme="dark"] .normal-page td,
html[data-theme="dark"] .normal-page th {
    color: #c8d0d8;
}

html[data-theme="dark"] .wcontainer h1,
html[data-theme="dark"] .wcontainer h2,
html[data-theme="dark"] .wcontainer h3,
html[data-theme="dark"] .wcontainer h4,
html[data-theme="dark"] .normal-page h1,
html[data-theme="dark"] .normal-page h2,
html[data-theme="dark"] .normal-page h3,
html[data-theme="dark"] .normal-page h4 {
    color: #e8ecef;
}

html[data-theme="dark"] .wcontainer a,
html[data-theme="dark"] .normal-page a {
    color: #f99b1d;
}

html[data-theme="dark"] .wcontainer a:hover,
html[data-theme="dark"] .normal-page a:hover {
    color: #ffb347;
}

/* Títulos de seção (mantém tpattern do legado sobre fundo escuro) */
html[data-theme="dark"] .title-wrapper {
    background: url(../images/tpattern.png) repeat-x center right #151b22 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .title-wrapper:after {
    background: #151b22 !important;
}

html[data-theme="dark"] .title h3,
html[data-theme="dark"] .title h4,
html[data-theme="dark"] h3.widget-title,
html[data-theme="dark"] .modal-header h3,
html[data-theme="dark"] .widget h3 {
    background: #151b22 !important;
    color: #e8ecef !important;
}

html[data-theme="dark"] .title {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .widget {
    color: #c8d0d8;
}

/* Menu / navbar superior (legado + menuBranco = branco)
   Não pintar .navbar-wrapper: ele tem margin-bottom:100px e criaria uma tarja. */
html[data-theme="dark"] .nav-top-divider {
    background-color: #0b0f14 !important;
}

html[data-theme="dark"] .navbar-wrapper {
    background: transparent !important;
}

html[data-theme="dark"] .top-menu-bar,
html[data-theme="dark"] .top-menu-bar.affix {
    background-color: #0b0f14 !important;
    border-bottom: 1px solid #1e2630;
}

html[data-theme="dark"] body .navbar-inverse,
html[data-theme="dark"] .navbar.navbar-inverse {
    background-color: #121820 !important;
    border-color: #1e2630 !important;
}

html[data-theme="dark"] .navbar-collapse:before {
    border-color: transparent #121820 transparent transparent !important;
}

html[data-theme="dark"] .navbar-collapse:after {
    border-color: #121820 transparent transparent transparent !important;
}

html[data-theme="dark"] .logo,
html[data-theme="dark"] .logo.col-lg-3 {
    background-color: transparent !important;
}

html[data-theme="dark"] .bar_mix,
html[data-theme="dark"] .ubermenu-skin-clean-white,
html[data-theme="dark"] .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
    background: transparent !important;
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white.ubermenu-responsive-toggle:hover {
    background: #1a2129 !important;
    color: #f99b1d !important;
}

@media (max-width: 959px) {
    html[data-theme="dark"] .navbar-collapse .ubermenu.ubermenu-main:not(.ubermenu-responsive-collapse) {
        background: #151b21 !important;
        border-color: #2a3138 !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    }

    html[data-theme="dark"] .navbar-collapse .ubermenu.ubermenu-main > .ubermenu-nav > .ubermenu-item-level-0 {
        border-bottom-color: #2a3138 !important;
    }

    html[data-theme="dark"] .navbar-collapse .ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop {
        background: #1a2129 !important;
    }

    html[data-theme="dark"] .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
        background: #1a2129 !important;
        color: #e0e0e0 !important;
        border: 1px solid #2a3138;
    }
}

html[data-theme="dark"] .navbar-inverse .nav > li > a,
html[data-theme="dark"] .ubermenu > ul > .ubermenu-item > a,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-target {
    color: #d0d7de !important;
    background: transparent !important;
}

html[data-theme="dark"] .ubermenu > ul > .ubermenu-item > a span.ubermenu-target-title {
    color: #e8ecef !important;
}

html[data-theme="dark"] .navbar-inverse .nav > li > a span,
html[data-theme="dark"] .ubermenu > ul > .ubermenu-item > a span:not(.ubermenu-target-title) {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target,
html[data-theme="dark"] .navbar-inverse .nav > li > a:hover,
html[data-theme="dark"] .ubermenu > ul > .ubermenu-item > a:hover {
    background: rgba(249, 155, 29, 0.12) !important;
    color: #f99b1d !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target span.ubermenu-target-title,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target span.ubermenu-target-title,
html[data-theme="dark"] body .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target span:not(.ubermenu-target-title),
html[data-theme="dark"] .navbar-inverse .nav > li > a:hover span {
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu.ubermenu-submenu-drop,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-tab-content-panel {
    background: #1a2129 !important;
    border-color: #2a3440 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item .ubermenu-item-layout-default:hover,
html[data-theme="dark"] .ubermenu-nojs.ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
    background: #24303a !important;
    color: #f99b1d !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-tabs-group,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-tab > .ubermenu-target,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-tab-content-panel {
    border-color: #2a3440 !important;
}

/* Notícias */
html[data-theme="dark"] .newsb-title a,
html[data-theme="dark"] .newsbv .newsb-title a,
html[data-theme="dark"] .widget .newsb-title a {
    color: #e8ecef !important;
}

html[data-theme="dark"] .newsb-title a:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .news-home-more {
    color: #f99b1d !important;
}

html[data-theme="dark"] .news-home-more:hover {
    color: #ffc36a !important;
}

html[data-theme="dark"] .elo-tier-chip,
html[data-theme="dark"] .elo-div-chip {
    background: #151b21 !important;
    border-color: #2a3440 !important;
    color: #d0d7de !important;
}

html[data-theme="dark"] .elo-tier-chip.is-active,
html[data-theme="dark"] .elo-div-chip.is-active {
    border-color: #f99b1d !important;
    background: rgba(249, 155, 29, 0.12) !important;
    color: #f99b1d !important;
}

html[data-theme="dark"] .elo-ladder-table th {
    border-bottom-color: #2a3440 !important;
    color: #8b98a5 !important;
}

html[data-theme="dark"] .elo-ladder-table td {
    border-bottom-color: #1f262d !important;
    color: #d0d7de !important;
}

html[data-theme="dark"] .elo-ladder-table .col-name a {
    color: #e8ecef !important;
}

html[data-theme="dark"] .elo-ladder-table .col-name a:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .elo-ladder-lead,
html[data-theme="dark"] .elo-ladder-msg,
html[data-theme="dark"] .elo-ladder-foot {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .news-browse-input {
    background: #12171c !important;
    border-color: #2a3440 !important;
    color: #e8ecef !important;
}

html[data-theme="dark"] .news-chip {
    background: #151b21 !important;
    border-color: #2a3440 !important;
    color: #d0d7de !important;
}

html[data-theme="dark"] .news-chip.is-active {
    background: color-mix(in srgb, var(--chip-color, #e0043f) 22%, #151b21) !important;
}

html[data-theme="dark"] .news-chip-count {
    background: #1f262d !important;
    color: #9aa5b1 !important;
}

html[data-theme="dark"] .news-card {
    background: #151b21 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .news-card-body h2 a {
    color: #e8ecef !important;
}

html[data-theme="dark"] .news-card-body h2 a:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .news-card-body p,
html[data-theme="dark"] .news-card-body time,
html[data-theme="dark"] .news-browse-meta,
html[data-theme="dark"] .news-page-status {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .news-page-btn {
    background: #151b21 !important;
    border-color: #2a3440 !important;
    color: #d0d7de !important;
}

html[data-theme="dark"] .news-card.is-skeleton .news-card-media,
html[data-theme="dark"] .sk {
    background: linear-gradient(90deg, #1a2129 25%, #222a33 50%, #1a2129 75%);
    background-size: 200% 100%;
}

html[data-theme="dark"] .post-meta,
html[data-theme="dark"] .postbcont p {
    color: #8b98a5 !important;
}

/* Inputs no conteúdo (não mexe no search do header) */
html[data-theme="dark"] .normal-page input[type=text],
html[data-theme="dark"] .normal-page input[type=search],
html[data-theme="dark"] .normal-page input[type=password],
html[data-theme="dark"] .normal-page input[type=email],
html[data-theme="dark"] .normal-page select,
html[data-theme="dark"] .normal-page textarea,
html[data-theme="dark"] .wcontainer input[type=text],
html[data-theme="dark"] .wcontainer input[type=search],
html[data-theme="dark"] .wcontainer select,
html[data-theme="dark"] .wcontainer textarea {
    background-color: #12171c !important;
    border-color: #2a3440 !important;
    color: #e8ecef !important;
}

html[data-theme="dark"] .normal-page input::placeholder,
html[data-theme="dark"] .wcontainer input::placeholder {
    color: #8b98a5 !important;
}

/* Footer / ticker */
html[data-theme="dark"] .copyright {
    background: #0b0f14 !important;
    border-top: 1px solid #2a3440;
    color: #8b98a5;
}

html[data-theme="dark"] .copyright a {
    color: #f99b1d;
}

html[data-theme="dark"] .after-nav {
    background: #121820 !important;
    border-bottom: 1px solid #2a3440;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target {
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target:hover,
html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-active > .ubermenu-target {
    color: #f99b1d !important;
    background: rgba(249, 155, 29, 0.08) !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    color: #e8ecef !important;
    border-bottom-color: #2a3440 !important;
}

html[data-theme="dark"] .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
    border-bottom-color: #2a3440 !important;
}

/* Challenger / Home */
html[data-theme="dark"] .challenger-table {
    color: #c8d0d8;
}

html[data-theme="dark"] .challenger-table th {
    color: #8b98a5;
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .challenger-table td {
    color: #c8d0d8;
}

html[data-theme="dark"] .challenger-table .col-name a {
    color: #c8d0d8;
}

html[data-theme="dark"] .challenger-table .col-name a:hover {
    color: #f99b1d;
}

/* Busca nas páginas */
html[data-theme="dark"] .riot-search-page-input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .riot-search-page-input::placeholder,
html[data-theme="dark"] .riot-search-page-icon {
    color: #8b98a5;
}

html[data-theme="dark"] .riot-search-page-error {
    color: #ff6b81;
}

/* Desafios */
html[data-theme="dark"] .pcw {
    --pcw-bg: #1a2129;
    --pcw-border: #2a3440;
    --pcw-text: #d7dee5;
    --pcw-muted: #8b98a5;
    --pcw-accent: #f99b1d;
    --pcw-bar: #12171c;
    color: var(--pcw-text);
}

html[data-theme="dark"] .pcw-card {
    background: var(--pcw-bg);
    border-color: var(--pcw-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .pcw-title-name {
    color: #d7dee5;
}

html[data-theme="dark"] .pcw-tier {
    background: #24303a;
    color: #d7dde3;
    border-color: #33404c;
}

html[data-theme="dark"] .pcw-tier-iron { background: #3a3f45; color: #d0d0d0; border-color: #555; }
html[data-theme="dark"] .pcw-tier-bronze { background: #4a3220; color: #f0c9a0; border-color: #6b4226; }
html[data-theme="dark"] .pcw-tier-silver { background: #3a4550; color: #e8eef3; border-color: #5a6773; }
html[data-theme="dark"] .pcw-tier-gold { background: #4a3a10; color: #ffd76a; border-color: #7a5a12; }
html[data-theme="dark"] .pcw-tier-platinum { background: #1a4042; color: #9ff0e8; border-color: #1f5a5c; }
html[data-theme="dark"] .pcw-tier-emerald { background: #143528; color: #8dffc0; border-color: #14553a; }
html[data-theme="dark"] .pcw-tier-diamond { background: #163a58; color: #9fd3ff; border-color: #1d4f7a; }
html[data-theme="dark"] .pcw-tier-master { background: #3a1d52; color: #e2b4ff; border-color: #5b2d7a; }
html[data-theme="dark"] .pcw-tier-grandmaster { background: #4a1820; color: #ffb3bc; border-color: #7a1f2b; }
html[data-theme="dark"] .pcw-tier-challenger { background: #4a3008; color: #ffd28a; border-color: #7a4b0d; }

html[data-theme="dark"] .pcw-error {
    background: #24181c;
}

html[data-theme="dark"] .pcw-skeleton .pcw-skel-line,
html[data-theme="dark"] .pcw-skeleton .pcw-skel-bar,
html[data-theme="dark"] .pcw-skeleton .pcw-skel-badge {
    background: linear-gradient(90deg, #24303a 25%, #2f3c48 50%, #24303a 75%);
    background-size: 200% 100%;
}

/* Clash */
html[data-theme="dark"] .clash-scout-lead,
html[data-theme="dark"] .clash-loading,
html[data-theme="dark"] .clash-panel-hint,
html[data-theme="dark"] .clash-team-meta {
    color: #8b98a5;
}

html[data-theme="dark"] .clash-scout-input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .clash-scout-input::placeholder {
    color: #8b98a5;
}

html[data-theme="dark"] .clash-msg,
html[data-theme="dark"] .clash-team-meta code,
html[data-theme="dark"] .clash-table,
html[data-theme="dark"] .clash-panel h4 {
    color: #d7dee5;
}

html[data-theme="dark"] .clash-panel {
    background: #1a2129;
    border-color: #2a3440;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .clash-panel-ban {
    background: #1f171a;
    border-left-color: #e0043f;
}

html[data-theme="dark"] .clash-table th {
    color: #8b98a5;
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .clash-table td {
    border-bottom-color: rgba(42, 52, 64, 0.7);
}

html[data-theme="dark"] .clash-table tr {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .clash-copy-error {
    color: #ff7a9a;
}

/* Rank apex */
html[data-theme="dark"] .rank-tabs {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .rank-tab {
    color: #8b98a5;
}

html[data-theme="dark"] .rank-tab:hover {
    color: #d7dee5;
}

html[data-theme="dark"] .rank-tab.active {
    color: #ff5a7a;
    border-bottom-color: #e0043f;
}

html[data-theme="dark"] .rank-field span,
html[data-theme="dark"] .rank-loading,
html[data-theme="dark"] .rank-msg,
html[data-theme="dark"] .rank-meta,
html[data-theme="dark"] .rank-pager {
    color: #8b98a5;
}

html[data-theme="dark"] .rank-field select,
html[data-theme="dark"] .rank-field input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .rank-btn-ghost {
    background: #1a2129;
    border-color: #2a3440;
    color: #d7dee5;
}

html[data-theme="dark"] .rank-table,
html[data-theme="dark"] .rank-table a {
    color: #d7dee5;
}

html[data-theme="dark"] .rank-table th {
    color: #8b98a5;
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .rank-table td {
    border-bottom-color: rgba(42, 52, 64, 0.7);
}

html[data-theme="dark"] .rank-table tr {
    background: #1a2129;
    border-color: #2a3440;
}

/* Mastery rank */
html[data-theme="dark"] .mastery-lead,
html[data-theme="dark"] .mastery-loading,
html[data-theme="dark"] .mastery-msg,
html[data-theme="dark"] .mastery-meta,
html[data-theme="dark"] .mastery-field span {
    color: #8b98a5;
}

html[data-theme="dark"] .mastery-field select {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .mastery-table,
html[data-theme="dark"] .mastery-table a {
    color: #d7dee5;
}

html[data-theme="dark"] .mastery-table th {
    color: #8b98a5;
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .mastery-table td {
    border-bottom-color: rgba(42, 52, 64, 0.7);
}

html[data-theme="dark"] .mastery-table tr {
    background: #1a2129;
    border-color: #2a3440;
}

/* Comparativo VS */
html[data-theme="dark"] .comparar-lead,
html[data-theme="dark"] .comparar-loading,
html[data-theme="dark"] .comparar-field span,
html[data-theme="dark"] .vs-level,
html[data-theme="dark"] .vs-metric,
html[data-theme="dark"] .vs-sub {
    color: #8b98a5;
}

html[data-theme="dark"] .comparar-field input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .comparar-error {
    color: #ff7a9a;
}

html[data-theme="dark"] .vs-board {
    background: #1a2129;
    border-color: #2a3440;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .versus-finale {
    border-color: #2a3440;
    background: linear-gradient(180deg, #1e262f 0%, #151b22 100%);
}

html[data-theme="dark"] .versus-finale-winner {
    color: #e8eef4;
}

html[data-theme="dark"] .versus-finale-note {
    color: #9aa3ad;
}

html[data-theme="dark"] .versus-finale-kicker {
    color: #ff5a7a;
}

html[data-theme="dark"] .vs-headers,
html[data-theme="dark"] .vs-row {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .vs-name,
html[data-theme="dark"] .vs-cell {
    color: #d7dee5;
}

html[data-theme="dark"] .vs-best {
    color: #7dcea0 !important;
    background: rgba(46, 160, 67, 0.18);
}

html[data-theme="dark"] .vs-best .vs-sub {
    color: #8fd4a8;
}

html[data-theme="dark"] .live-active-card,
html[data-theme="dark"] .live-active-featured-card,
html[data-theme="dark"] .live-active-player {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .live-active-head strong,
html[data-theme="dark"] .live-active-name,
html[data-theme="dark"] .live-active-featured-card header,
html[data-theme="dark"] .live-active-featured-player {
    color: #d7dee5;
}

html[data-theme="dark"] .live-active-meta,
html[data-theme="dark"] .live-active-champ-name,
html[data-theme="dark"] .live-active-nokey,
html[data-theme="dark"] .live-active-loading,
html[data-theme="dark"] .live-active-idle {
    color: #8b98a5;
}

html[data-theme="dark"] .live-active-player.is-focus {
    background: rgba(249, 155, 29, 0.16);
}

html[data-theme="dark"] .ulp-quests {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .ulp-quests-head h4,
html[data-theme="dark"] .ulp-quest-top strong {
    color: #d7dee5;
}

html[data-theme="dark"] .ulp-quest {
    background: #12171c;
    border-color: #2a3440;
}

html[data-theme="dark"] .ulp-quest p,
html[data-theme="dark"] .ulp-date,
html[data-theme="dark"] .ulp-msg,
html[data-theme="dark"] .ulp-progress-meta {
    color: #8b98a5;
}

html[data-theme="dark"] .ulp-progress {
    background: #0b1018;
}

html[data-theme="dark"] .ulp-quests-search input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .coach-panel {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .coach-controls select,
html[data-theme="dark"] .coach-summary {
    background: #12171c;
    border-color: #2a3440;
    color: #d7dee5;
}

html[data-theme="dark"] .coach-summary p,
html[data-theme="dark"] .coach-empty,
html[data-theme="dark"] .coach-columns h5,
html[data-theme="dark"] .coach-card p {
    color: #8b98a5;
}

html[data-theme="dark"] .coach-card--good {
    background: rgba(76, 175, 80, 0.14);
}

html[data-theme="dark"] .coach-card--warn {
    background: rgba(249, 155, 29, 0.14);
}

html[data-theme="dark"] .coach-card--bad {
    background: rgba(224, 4, 63, 0.14);
}

/* content-modern overrides */
html[data-theme="dark"] .normal-page .wcontainer table th {
    color: #8b98a5;
}

/* Tabelas — zebra claro (#f9f9f9) vira zebra escuro suave */
html[data-theme="dark"] table tbody tr.even,
html[data-theme="dark"] table tbody tr.alt,
html[data-theme="dark"] table tbody tr:nth-child(even) {
    background: #151b22 !important;
}

html[data-theme="dark"] table tbody tr:nth-child(odd) {
    background: transparent !important;
}

html[data-theme="dark"] table tbody tr td,
html[data-theme="dark"] table tbody tr th {
    color: #c8d0d8 !important;
    border: none !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table-bordered {
    border: none !important;
    background: transparent !important;
}

html[data-theme="dark"] table thead,
html[data-theme="dark"] table tfoot {
    background: #121820 !important;
}

html[data-theme="dark"] table thead tr th,
html[data-theme="dark"] table thead tr td,
html[data-theme="dark"] table tfoot tr td {
    background: #121820 !important;
    color: #8b98a5 !important;
    border: none !important;
}

html[data-theme="dark"] .challenger-table tbody tr:nth-child(even),
html[data-theme="dark"] .challenger-table tbody tr.even {
    background: #151b22 !important;
}

html[data-theme="dark"] .challenger-table tbody tr td {
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .challenger-table .col-lp {
    color: #f99b1d !important;
}

html[data-theme="dark"] .challenger-table .col-name a {
    color: #c8d0d8;
}

html[data-theme="dark"] .challenger-table .col-name a:hover {
    color: #f99b1d;
}

html[data-theme="dark"] .challenger-box {
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > td,
html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #151b22 !important;
}

/* Invocador — skeleton loading */
html[data-theme="dark"] .inv-loading-card,
html[data-theme="dark"] .inv-loading-side {
    background: #1a2129 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .inv-skel {
    background: linear-gradient(90deg, #24303a 25%, #2f3c48 50%, #24303a 75%);
    background-size: 200% 100%;
}

html[data-theme="dark"] .inv-skel-avatar {
    border-color: #2a3440;
}

html[data-theme="dark"] .inv-skel-sm {
    background: linear-gradient(90deg, #4a3a10 25%, #5a4a18 50%, #4a3a10 75%);
    background-size: 200% 100%;
}

html[data-theme="dark"] .inv-loading-text {
    color: #8b98a5;
}

/* Detalhes do campeão */
html[data-theme="dark"] .champ-lore {
    color: #c8d0d8;
}

html[data-theme="dark"] .champ-stat,
html[data-theme="dark"] .champ-tip-group {
    background: #151b22;
    border-color: #2a3440;
}

html[data-theme="dark"] .champ-stat-label,
html[data-theme="dark"] .champ-stat-growth,
html[data-theme="dark"] .champ-tip-title,
html[data-theme="dark"] .champ-info-meta,
html[data-theme="dark"] .champ-empty {
    color: #8b98a5;
}

html[data-theme="dark"] .champ-tag {
    background: #1a2129;
    border-color: #2a3440;
    color: #c8d0d8;
}

html[data-theme="dark"] .champ-info-track {
    background: #12171c;
    border-color: #2a3440;
}

html[data-theme="dark"] .champ-info-resource {
    border-top-color: #2a3440;
}

html[data-theme="dark"] .champ-tip-list li {
    color: #c8d0d8;
}

html[data-theme="dark"] .champ-meta-chip,
html[data-theme="dark"] .champ-build-row,
html[data-theme="dark"] .champ-build-card,
html[data-theme="dark"] .champ-build-late-card,
html[data-theme="dark"] .champ-setup-card,
html[data-theme="dark"] .champ-matchup {
    background: #151b22 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .champ-source-badge {
    color: #d8c49a !important;
    background: #243040 !important;
    border-color: #3a4a5a !important;
}

html[data-theme="dark"] .champ-meta-sources {
    color: #7a8794 !important;
}

html[data-theme="dark"] .champ-build-card.is-top {
    background: linear-gradient(180deg, rgba(249, 155, 29, 0.12) 0%, #151b22 70%) !important;
    border-left-color: #f99b1d !important;
}

html[data-theme="dark"] .champ-meta-chip em,
html[data-theme="dark"] .champ-build-label,
html[data-theme="dark"] .champ-build-group-title,
html[data-theme="dark"] .champ-build-group-hint,
html[data-theme="dark"] .champ-build-stats em,
html[data-theme="dark"] .champ-build-late-stats,
html[data-theme="dark"] .champ-setup-title,
html[data-theme="dark"] .champ-skill-caption {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .champ-build-stats span,
html[data-theme="dark"] .champ-build-stats strong,
html[data-theme="dark"] .champ-build-late-body strong,
html[data-theme="dark"] .champ-build-item span,
html[data-theme="dark"] .champ-setup-icon span,
html[data-theme="dark"] .champ-matchup-name {
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .champ-build-rank {
    background: #2a3440 !important;
    color: #e8ecef !important;
}

html[data-theme="dark"] .champ-build-card.is-top .champ-build-rank {
    background: #f99b1d !important;
    color: #111 !important;
}

html[data-theme="dark"] .champ-build-arrow {
    color: #5a6773 !important;
}

html[data-theme="dark"] .champ-build-item img,
html[data-theme="dark"] .champ-build-late-card img,
html[data-theme="dark"] .champ-setup-icon img,
html[data-theme="dark"] .champ-matchup img {
    border-color: #3a4550 !important;
}

html[data-theme="dark"] .champ-rune-tree,
html[data-theme="dark"] .champ-rune-shards-panel {
    background: #10161c;
    border-color: #2a3440;
}

html[data-theme="dark"] .champ-rune-page-head {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .champ-rune-combo-name,
html[data-theme="dark"] .champ-rune-style-name,
html[data-theme="dark"] .champ-rune-selected-name,
html[data-theme="dark"] .champ-rune-rate-block strong {
    color: #e8eef4;
}

html[data-theme="dark"] .champ-rune-combo-plus,
html[data-theme="dark"] .champ-rune-rate-block em {
    color: #8b98a5;
}

html[data-theme="dark"] .champ-rune-rate-block-win strong {
    color: #3ecf7a;
}

html[data-theme="dark"] .champ-rune-opt img {
    border-color: #3a4550;
}

html[data-theme="dark"] .champ-rune-opt.is-active img {
    border-color: #c8aa6e;
    box-shadow: 0 0 0 2px rgba(200, 170, 110, 0.25);
}

html[data-theme="dark"] .champ-skill-order-row {
    border-top-color: #2a3440;
}

html[data-theme="dark"] .champ-skill-sep {
    color: #5a6773;
}

html[data-theme="dark"] .champ-matchup-good {
    border-left-color: #4caf50;
}

html[data-theme="dark"] .champ-matchup-bad {
    border-left-color: #e0043f;
}

html[data-theme="dark"] .champ-matchup-synergy {
    border-left-color: #4aa3ff;
}

html[data-theme="dark"] .champ-matchup-pos {
    background: #1a2129;
    border-color: #2a3440;
    color: #8b98a5;
}

html[data-theme="dark"] .champ-ability {
    background: #151b22;
    border-color: #2a3440;
}

html[data-theme="dark"] .champ-ability-name {
    color: #e8ecef;
}

html[data-theme="dark"] .champ-ability-type {
    color: #8b98a5;
}

html[data-theme="dark"] .champ-ability-desc {
    color: #c8d0d8;
}

html[data-theme="dark"] .champ-ability-icon {
    border-color: #3a4550;
}

html[data-theme="dark"] .champ-ability-stats li {
    background: #1a2129;
    border-color: #2a3440;
}

html[data-theme="dark"] .champ-ability-stat-label {
    color: #8b98a5;
}

html[data-theme="dark"] .champ-skin-name {
    color: #c8d0d8;
}

html[data-theme="dark"] .champ-skin-thumb {
    border-color: #3a4550;
}

/* Logo por tema: claro = Logo.png, escuro = LogoNovoBranco.png
   LogoNovoBranco é bem maior em px — trava a mesma altura visual. */
.brand .logo-theme {
    max-height: 58px;
    width: auto;
    height: auto;
    max-width: 100%;
}

.brand .logo-theme-dark {
    display: none;
}

html[data-theme="dark"] .brand .logo-theme-light {
    display: none;
}

html[data-theme="dark"] .brand .logo-theme-dark {
    display: block;
    max-height: 58px;
}

/* Affix no topo: barra escura nos dois temas → sempre logo branco */
.theme-affix-logo {
    height: 35px;
    margin-top: 7px;
}

/* Estado ativo do switch — só via data-theme (Blazor pode resetar aria-pressed na navegação) */
html[data-theme="dark"] .theme-switch-btn[data-theme-set="dark"],
html:not([data-theme="dark"]) .theme-switch-btn[data-theme-set="light"] {
    background: #f99b1d !important;
    border-color: #f99b1d !important;
    color: #111 !important;
}

/* TopList help modal — alinha ao painel do tema */
html[data-theme="dark"] .toplist-help-dialog.wcontainer {
    background-color: #1a2129 !important;
    border: 1px solid #2a3440 !important;
    color: #c8d0d8 !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .toplist-help-dialog h4 {
    color: #e8ecef !important;
}

html[data-theme="dark"] .toplist-help-body p,
html[data-theme="dark"] .toplist-help-body li {
    color: #c8d0d8 !important;
}

html[data-theme="dark"] .toplist-help-close {
    color: #8b97a5 !important;
}

html[data-theme="dark"] .toplist-help-close:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .toplist-help-note {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: #2a3440 !important;
    color: #8b97a5 !important;
}

html[data-theme="dark"] .toplist-page .toplist-filter-row select,
html[data-theme="dark"] .toplist-page .toplist-filter-row input {
    background: #12181f !important;
    border-color: #2a3440 !important;
    color: #e8ecef !important;
}

html[data-theme="dark"] .toplist-page .toplist-table th {
    color: #8b97a5 !important;
    border-bottom-color: #2a3440 !important;
}

html[data-theme="dark"] .toplist-page .toplist-table td {
    border-bottom-color: #222a33 !important;
}

html[data-theme="dark"] .toplist-page .toplist-table tr.is-hit {
    background: rgba(249, 155, 29, 0.14) !important;
}

html[data-theme="dark"] .toplist-page .toplist-status.ok {
    color: #7dcea0 !important;
}

html[data-theme="dark"] .toplist-page .toplist-status.err {
    color: #ff7a9a !important;
}

html[data-theme="dark"] .participant-badge.badge-mvp {
    color: #f99b1d !important;
}

html[data-theme="dark"] .participant-badge.badge-svp {
    color: #a8bdd6 !important;
}

html[data-theme="dark"] .participant-badge.badge-wards {
    color: #81c784 !important;
}

html[data-theme="dark"] .participant-badge.badge-lane {
    color: #64b5f6 !important;
}

html[data-theme="dark"] .participant-badge.badge-objectives {
    color: #ff7a9a !important;
}

html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .profile-panel.wcontainer,
html[data-theme="dark"] .auth-summoner {
    background: #1a2129;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .auth-lead,
html[data-theme="dark"] .auth-hint,
html[data-theme="dark"] .auth-foot,
html[data-theme="dark"] .ulp-history small {
    color: #8b98a5;
}

html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .auth-form textarea,
html[data-theme="dark"] .auth-form select,
html[data-theme="dark"] .auth-summoner-row input {
    background: #12171c;
    border-color: #2a3440;
    color: #e8ecef;
}

html[data-theme="dark"] .ulp-history li {
    border-bottom-color: #2a3440;
}

html[data-theme="dark"] .inv-verified {
    background: rgba(76, 175, 80, 0.16);
    color: #a5d6a7;
}

/* Últimos posts / widgets de lista — evita faixas #fbfbfb do legado */
html[data-theme="dark"] .widget ul li:nth-child(even),
html[data-theme="dark"] .news-side-widget .latest-post-w li {
    background: transparent !important;
    border-top-color: transparent !important;
}

html[data-theme="dark"] .news-side-widget .latest-post-w {
    background: #151b21 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .news-side-widget .latest-post-w li {
    border-bottom-color: #2a3440 !important;
}

html[data-theme="dark"] .news-side-widget .latest-post-w .pw_maint {
    color: #e8ecef !important;
}

html[data-theme="dark"] .news-side-widget .latest-post-w .pw_maint:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .news-side-widget .latest-post-w .pop_desc {
    color: #8b98a5 !important;
}

/* Corpo da notícia (HTML da Riot traz color:#000 inline) */
html[data-theme="dark"] .news-body,
html[data-theme="dark"] .news-body p,
html[data-theme="dark"] .news-body div,
html[data-theme="dark"] .news-body span,
html[data-theme="dark"] .news-body li,
html[data-theme="dark"] .news-body td,
html[data-theme="dark"] .news-body th {
    color: #d0d7de !important;
    background: transparent !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .news-body h1,
html[data-theme="dark"] .news-body h2,
html[data-theme="dark"] .news-body h3,
html[data-theme="dark"] .news-body h4,
html[data-theme="dark"] .news-body strong,
html[data-theme="dark"] .news-body b {
    color: #e8ecef !important;
}

html[data-theme="dark"] .news-body a,
html[data-theme="dark"] .news-body a span {
    color: #f99b1d !important;
}

html[data-theme="dark"] .news-body a:hover,
html[data-theme="dark"] .news-body a:hover span {
    color: #ffc36a !important;
}

html[data-theme="dark"] .news-body table td,
html[data-theme="dark"] .news-body table th {
    border-bottom-color: #2a3440 !important;
}

html[data-theme="dark"] .column_news_wrapper.wcontainer {
    background: #151b21 !important;
    border-color: #2a3440 !important;
    color: #d0d7de;
}

html[data-theme="dark"] .title_wrapper h1 {
    color: #e8ecef !important;
}

html[data-theme="dark"] .title_wrapper .breadcrumbs,
html[data-theme="dark"] .title_wrapper .breadcrumbs strong,
html[data-theme="dark"] .title_wrapper .breadcrumbs a {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .title_wrapper .breadcrumbs a:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .widget .tagcloud {
    background: #151b21 !important;
    border-color: #2a3440 !important;
}

html[data-theme="dark"] .tagcloud a,
html[data-theme="dark"] .tagcloud a.tag-link {
    background: #1f262d !important;
    border-color: #2a3440 !important;
    color: #d0d7de !important;
}

html[data-theme="dark"] .tagcloud a:hover,
html[data-theme="dark"] .tagcloud a.tag-link:hover {
    color: #ffffff !important;
    border-color: #3d4a57 !important;
    background: #2a3440 !important;
}

html[data-theme="dark"] .blog-post .blog-twrapper,
html[data-theme="dark"] .blog-content,
html[data-theme="dark"] .blog-ind .blog-content,
html[data-theme="dark"] .blog-image {
    background-color: #151b21 !important;
    border-color: #2a3440 !important;
    color: #d0d7de;
}

html[data-theme="dark"] .blog-content p,
html[data-theme="dark"] .blog-content .post-pinfo,
html[data-theme="dark"] .blog-content .post-pinfo a,
html[data-theme="dark"] .blog-content .post-pinfo .date {
    color: #8b98a5 !important;
}

html[data-theme="dark"] .blog-content .post-pinfo a:hover {
    color: #f99b1d !important;
}

html[data-theme="dark"] .blog-post .block-divider {
    background: #2a3440 !important;
}

/* Matchup Lab — Home teaser (global: vence CSS scoped desatualizado) */
html[data-theme="dark"] .mlab-home {
    background:
        radial-gradient(ellipse at 50% 0%, rgba(224, 4, 63, 0.14), transparent 55%),
        radial-gradient(ellipse at 80% 70%, rgba(249, 155, 29, 0.07), transparent 45%),
        linear-gradient(180deg, #151b22 0%, #0e1217 100%) !important;
    border-color: #2a3440 !important;
    color: #e8eef4 !important;
}

html[data-theme="dark"] .mlab-home-kicker {
    color: #f99b1d !important;
}

html[data-theme="dark"] .mlab-home-title {
    color: #e8eef4 !important;
}

html[data-theme="dark"] .mlab-home-lead,
html[data-theme="dark"] .mlab-home-field span {
    color: #9aa3ad !important;
}

html[data-theme="dark"] .mlab-home-field select {
    background: #0b1018 !important;
    border-color: #2a3440 !important;
    color: #e8eef4 !important;
}

html[data-theme="dark"] .mlab-home-cta {
    background: #e0043f !important;
    border-color: #e0043f !important;
    color: #fff !important;
}

html[data-theme="dark"] .mlab-home-error {
    color: #ff7a9a !important;
}

/* Matchup Lab — página */
html[data-theme="dark"] .mlab-panel {
    background: #1a2129 !important;
    border-color: #2a3440 !important;
    color: #d7dee5 !important;
}

html[data-theme="dark"] .mlab-panel h2,
html[data-theme="dark"] .mlab-hero-split b,
html[data-theme="dark"] .mlab-metrics strong,
html[data-theme="dark"] .mlab-general-grid strong {
    color: #e8eef4 !important;
}

html[data-theme="dark"] .mlab-field input,
html[data-theme="dark"] .mlab-field select {
    background: #0b1018 !important;
    border-color: #2a3440 !important;
    color: #e8eef4 !important;
}

html[data-theme="dark"] .mlab-verdict {
    background: #12181f !important;
}

html[data-theme="dark"] .mlab-verdict-advantage {
    background: rgba(46, 158, 91, 0.12) !important;
}

html[data-theme="dark"] .mlab-verdict-challenging {
    background: rgba(224, 4, 63, 0.12) !important;
}

html[data-theme="dark"] .mlab-history li,
html[data-theme="dark"] .mlab-rank-list li {
    border-bottom-color: #2a3440 !important;
}

html[data-theme="dark"] .mlab-history a {
    color: #e8eef4 !important;
}

html[data-theme="dark"] a.room-matchup-btn {
    background: #f99b1d !important;
    border-color: #f99b1d !important;
    color: #111 !important;
}

html[data-theme="dark"] a.room-matchup-btn:hover {
    background: transparent !important;
    color: #f99b1d !important;
    border-color: #f99b1d !important;
}

html[data-theme="dark"] .room-matchup-lead {
    color: #9aa3ad !important;
}

html[data-theme="dark"] .room-matchup-title {
    color: #e8eef4 !important;
}

/* VERSUS CTAs — tema dark força links em laranja; botões laranja ficavam ilegíveis */
html[data-theme="dark"] .versus-share-btn,
html[data-theme="dark"] a.versus-share-btn,
html[data-theme="dark"] a.versus-your-turn-cta {
    background: #f99b1d !important;
    border-color: #f99b1d !important;
    color: #111 !important;
}

html[data-theme="dark"] .versus-share-btn:hover:not(:disabled),
html[data-theme="dark"] a.versus-share-btn:hover,
html[data-theme="dark"] a.versus-your-turn-cta:hover {
    background: transparent !important;
    color: #f99b1d !important;
    border-color: #f99b1d !important;
}

html[data-theme="dark"] .versus-share-btn.versus-share-btn-ghost,
html[data-theme="dark"] button.versus-share-btn-ghost {
    background: #e0043f !important;
    border-color: #e0043f !important;
    color: #fff !important;
}

html[data-theme="dark"] .versus-share-btn.versus-share-btn-ghost:hover:not(:disabled),
html[data-theme="dark"] button.versus-share-btn-ghost:hover:not(:disabled) {
    background: #ff2d5c !important;
    border-color: #ff2d5c !important;
    color: #fff !important;
}

html[data-theme="dark"] .versus-challenge-form input {
    background: #0b1018 !important;
    border-color: #2a3440 !important;
    color: #e8eef4 !important;
}