/**
 * Modo claro do site público.
 * Ativado com html.theme-light (preferência em localStorage: wspay_site_theme).
 * Este arquivo só é carregado na home — o painel admin não muda.
 */

.site-theme-toggle {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 14px;
    margin: 0;
    color: inherit;
    line-height: 1;
    text-decoration: none !important;
}

.site-theme-toggle i {
    font-size: 16px;
    width: 16px;
    text-align: center;
}

.site-theme-toggle:hover,
.site-theme-toggle:focus {
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
}

html.theme-light {
    color-scheme: light;
}

html.theme-light,
html.theme-light body {
    background: #eef1f5 !important;
    background-image: none !important;
    color: #333 !important;
}

/* Cabeçalho */
html.theme-light .skin-green .main-header .navbar,
html.theme-light .skin-green .main-header .logo,
html.theme-light .skin-green .main-header .logo:hover,
html.theme-light .skin-green .main-header li.user-header {
    background-color: #fff !important;
    color: #333 !important;
    border-bottom: 1px solid #d2d6de;
}

html.theme-light .skin-green .main-header .navbar .nav > li > a,
html.theme-light .skin-green .main-header .navbar .nav > li > a:hover,
html.theme-light .skin-green .main-header .navbar .nav > li > a:focus,
html.theme-light .skin-green .main-header .navbar .nav > li > a:active {
    color: #333 !important;
}

html.theme-light .skin-green .main-header .navbar .nav > li > a:hover,
html.theme-light .skin-green .main-header .navbar .nav > li > a:focus {
    background: #f4f6f9 !important;
}

html.theme-light .main-header .logo,
html.theme-light .main-header .logo:hover {
    background-color: #fff !important;
    color: #333 !important;
}

/* Hambúrguer — AdminLTE força #0f121a inclusive no hover */
html.theme-light .main-header .sidebar-toggle,
html.theme-light .main-header .sidebar-toggle:hover,
html.theme-light .main-header .sidebar-toggle:focus,
html.theme-light .main-header .sidebar-toggle:active,
html.theme-light .skin-green .main-header .navbar .sidebar-toggle,
html.theme-light .skin-green .main-header .navbar .sidebar-toggle:hover {
    background: #fff !important;
    background-color: #fff !important;
    color: #333 !important;
}

html.theme-light .site-theme-toggle {
    color: #333;
}

html.theme-light .site-theme-toggle:hover,
html.theme-light .site-theme-toggle:focus {
    background: #f4f6f9;
    color: #333;
}

html.theme-light .mobile-live-header {
    background: #e8ecf1 !important;
    color: #333 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

html.theme-light #nav-mobile {
    background: #f4f6f9 !important;
    border-bottom: 1px solid #d2d6de !important;
    box-shadow: none !important;
}

html.theme-light #input-mobile-top {
    background: #fff !important;
    border: 1px solid #d2d6de !important;
    color: #333 !important;
}

html.theme-light #input-mobile-top::placeholder {
    color: #888 !important;
}

html.theme-light .ganho-mobile-label {
    color: #666 !important;
}

html.theme-light .ganho-mobile {
    color: #ff9c00 !important;
}

/* Menu lateral — miolo (.sidebar / .user-panel) também claro */
html.theme-light .skin-green .wrapper,
html.theme-light .skin-green .main-sidebar,
html.theme-light .skin-green .left-side,
html.theme-light .main-sidebar,
html.theme-light .sidebar,
html.theme-light .user-panel,
html.theme-light body.fixed .main-sidebar .sidebar {
    background: #f4f6f9 !important;
    background-color: #f4f6f9 !important;
    border-color: #d2d6de !important;
}

html.theme-light .skin-green .user-panel > .info,
html.theme-light .skin-green .user-panel > .info > a,
html.theme-light .dados-logado,
html.theme-light .dados-logado p {
    color: #333 !important;
}

html.theme-light .saldo-section-label {
    color: #777 !important;
}

html.theme-light .skin-green .sidebar-menu > li.header {
    color: #fff;
}

html.theme-light .skin-green .sidebar-menu > li > a {
    color: #444 !important;
    border-bottom-color: #d2d6de !important;
}

html.theme-light .skin-green .sidebar-menu > li:hover > a,
html.theme-light .skin-green .sidebar-menu > li.active > a,
html.theme-light .skin-green .sidebar-menu > li.menu-open > a {
    color: #fff !important;
    background: #ff9c00 !important;
}

html.theme-light .skin-green .sidebar-menu > li > .treeview-menu {
    background: #e8ecf1 !important;
}

html.theme-light .skin-green .sidebar a {
    color: #444 !important;
}

html.theme-light .skin-green .sidebar-form {
    border-color: #d2d6de !important;
}

html.theme-light .skin-green .sidebar-form input[type="text"],
html.theme-light .skin-green .sidebar-form .btn {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #d2d6de !important;
}

html.theme-light .content-wrapper,
html.theme-light .main-footer,
html.theme-light footer.main-footer {
    background: #eef1f5 !important;
    background-color: #eef1f5 !important;
    color: #555 !important;
    border-top-color: #d2d6de !important;
}

html.theme-light .desenvolvimento,
html.theme-light .versao {
    color: #777 !important;
}

html.theme-light .social-media i {
    color: #444;
}

html.theme-light .social-media i:hover {
    color: #ff9c00;
}

html.theme-light .highlight {
    color: #ff9c00;
}

/* Menu de esportes — desktop: barra contínua; mobile: chips */
html.theme-light .menu-jogos {
    background: #fff !important;
    border-color: #d2d6de !important;
}

html.theme-light .menu-jogos li {
    background: transparent !important;
}

html.theme-light .menu-jogos li a {
    background: transparent !important;
    color: #333 !important;
    border: none !important;
}

html.theme-light .menu-jogos li a:hover,
html.theme-light .menu-jogos a:hover {
    background: #f4f6f9 !important;
    color: #222 !important;
}

html.theme-light .menu-jogos li.ativo {
    background: #eef1f5 !important;
}

html.theme-light .menu-jogos li.ativo a,
html.theme-light .menu-jogos li.ativo a:hover {
    background: #e8ecf1 !important;
    color: #111 !important;
    border: none !important;
}

html.theme-light .menu-jogos li a .menu-jogos__count {
    color: #15803d !important;
}

html.theme-light .menu-jogos li.ativo a .menu-jogos__count {
    color: #14532d !important;
}

html.theme-light .menu-jogos li a.menu-jogos-ao-vivo,
html.theme-light .menu-jogos li:not(.ativo) a.menu-jogos-ao-vivo,
html.theme-light .menu-jogos li a.menu-jogos-ao-vivo.nav-ao-vivo {
    background: transparent !important;
    color: #d32f2f !important;
    border: none !important;
    animation: none;
}

html.theme-light .menu-jogos li a.menu-jogos-ao-vivo:hover {
    background: #fff5f5 !important;
    color: #b71c1c !important;
}

html.theme-light .menu-jogos li.ativo a.menu-jogos-ao-vivo,
html.theme-light .menu-jogos li.ativo a.menu-jogos-ao-vivo:hover {
    background: #e8ecf1 !important;
    color: #b71c1c !important;
    border: none !important;
}

html.theme-light .menu-jogos li.menu-combo.ativo,
html.theme-light .menu-jogos li.menu-combo.ativo a {
    background: #fff3e0 !important;
    color: #7c3a00 !important;
}

@media (max-width: 767.98px) {
    html.theme-light .menu-jogos {
        background: #f4f6f9 !important;
        border: none !important;
    }

    html.theme-light .menu-jogos li a {
        background: #fff !important;
        color: #333 !important;
        border: 1px solid #d2d6de !important;
        border-radius: 8px;
    }

    html.theme-light .menu-jogos li a:hover {
        background: #eef1f5 !important;
    }

    html.theme-light .menu-jogos li.ativo,
    html.theme-light .menu-jogos li.ativo a,
    html.theme-light .menu-jogos li.ativo a:hover {
        background: #ff9c00 !important;
        color: #1a1a1a !important;
        border-color: #ff9c00 !important;
    }

    html.theme-light .menu-jogos li a.menu-jogos-ao-vivo,
    html.theme-light .menu-jogos li:not(.ativo) a.menu-jogos-ao-vivo {
        background: #fff !important;
        color: #d32f2f !important;
        border: 1px solid rgba(211, 47, 47, 0.35) !important;
    }

    html.theme-light .menu-jogos li.ativo a.menu-jogos-ao-vivo,
    html.theme-light .menu-jogos li.ativo a.menu-jogos-ao-vivo:hover {
        background: #ff9c00 !important;
        color: #1a1a1a !important;
        border-color: #ff9c00 !important;
    }

    html.theme-light .menu-jogos li.menu-combo.ativo,
    html.theme-light .menu-jogos li.menu-combo.ativo a {
        background: #ff9c00 !important;
        color: #1a1a1a !important;
    }
}

html.theme-light .nav-tabs-custom {
    background: #fff !important;
    color: #333 !important;
}

html.theme-light .nav-tabs-custom > .nav-tabs {
    border-bottom-color: #d2d6de !important;
}

html.theme-light .nav-tabs-custom > .nav-tabs > li > a {
    color: #444 !important;
}

html.theme-light .nav-tabs-custom > .nav-tabs > li.active > a,
html.theme-light .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background: #fff !important;
    color: #222 !important;
}

html.theme-light .nav-tabs-custom:has(> ul#tabs-mobile),
html.theme-light .nav-tabs-custom > ul#tabs-mobile.nav-tabs,
html.theme-light .nav-tabs-custom > ul#tabs-mobile > li > a.nav-day {
    background: #fff !important;
    color: #333 !important;
}

html.theme-light .nav-tabs-custom > ul#tabs-mobile > li > a.nav-day:hover {
    background: #e8ecf1 !important;
    color: #222 !important;
}

html.theme-light .nav-tabs-custom > ul#tabs-mobile > li.active > a.nav-day,
html.theme-light .nav-tabs-custom > ul#tabs-mobile > li.active > a.nav-day:hover,
html.theme-light .nav-tabs-custom > ul#tabs-mobile > li.active > a.nav-day:focus {
    background: #d2d6de !important;
    color: #222 !important;
}

html.theme-light .mobile-search-bar {
    background: #eef1f5 !important;
    border-bottom-color: #d2d6de !important;
    box-shadow: none !important;
}

html.theme-light .mobile-search-bar__group {
    border-color: #d2d6de !important;
}

html.theme-light .mobile-search-bar__addon,
html.theme-light .mobile-search-bar__input,
html.theme-light .mobile-search-bar .form-control {
    background: #fff !important;
    color: #333 !important;
}

html.theme-light .mobile-search-bar__icon {
    color: #666 !important;
}

html.theme-light .mobile-search-bar__input::placeholder,
html.theme-light .mobile-search-bar .form-control::placeholder {
    color: #999 !important;
}

html.theme-light .mobile-search-bar__input:focus,
html.theme-light .mobile-search-bar .form-control:focus {
    background: #fff !important;
}

html.theme-light .form-control {
    background: #fff;
    color: #333;
    border-color: #d2d6de;
}

html.theme-light .input-group-addon {
    background: #f4f6f9;
    color: #555;
    border-color: #d2d6de;
}

/* Lista de jogos */
html.theme-light .container-lista-jogos {
    background-color: #fff !important;
    border-color: #d2d6de !important;
    color: #333 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

html.theme-light .container-lista-jogos .jogos {
    border-right-color: #d2d6de;
}

html.theme-light .header-jogos {
    background: #d2d6de !important;
    color: #333 !important;
    box-shadow: none;
}

html.theme-light .header-campeonato-matchs {
    color: #fff;
}

html.theme-light .odd-match-plus-left {
    color: #444 !important;
}

html.theme-light .mobile-team-row span,
html.theme-light .container-lista-jogos .jogos,
html.theme-light .content-jogos {
    color: #222;
}

html.theme-light .container-lista-jogos .data-hora span {
    color: #666;
}

html.theme-light .mobile-date {
    color: #ff9c00;
}

/* Cotações */
html.theme-light .btn-home:not(.selecionado),
html.theme-light .container-lista-jogos .btn-home:not(.selecionado),
html.theme-light .cotacoes-principais .btn-home:not(.selecionado),
html.theme-light .mobile-odds-section .btn-home:not(.selecionado) {
    background: #b8bdc7 !important;
    border-color: #b8bdc7 !important;
    color: #1a1a1a !important;
}

html.theme-light .btn-home:not(.selecionado):hover,
html.theme-light .container-lista-jogos .btn-home:not(.selecionado):hover,
html.theme-light .cotacoes-principais .btn-home:not(.selecionado):hover,
html.theme-light .mobile-odds-section .btn-home:not(.selecionado):hover {
    background: #a8aeb8 !important;
    border-color: #9aa0aa !important;
    color: #111 !important;
}

html.theme-light .btn-home.selecionado,
html.theme-light .container-lista-jogos .btn-home.selecionado,
html.theme-light .cotacoes-principais .btn-home.selecionado,
html.theme-light .mobile-odds-section .btn-home.selecionado,
html.theme-light .btn-home.selecionado:hover,
html.theme-light .container-lista-jogos .btn-home.selecionado:hover,
html.theme-light .cotacoes-principais .btn-home.selecionado:hover,
html.theme-light .mobile-odds-section .btn-home.selecionado:hover {
    background: #ff9c00 !important;
    border: 1px solid #cc7d00 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

html.theme-light .plus-odd {
    color: #fff;
}

html.theme-light .odd-match-plus-right:not(.selecionado) {
    background: #b8bdc7 !important;
    border-color: #b8bdc7 !important;
    color: #1a1a1a !important;
}

html.theme-light .odd-match-plus-right:not(.selecionado):hover {
    background: #a8aeb8 !important;
    color: #111 !important;
}

html.theme-light .odd-match-plus-right.selecionado,
html.theme-light .odd-match-plus-right.selecionado:hover {
    background: #ff9c00 !important;
    border-color: #cc7d00 !important;
    color: #fff !important;
}

/* Faixa da liga no celular (nome + Casa/Emp./Fora) */
html.theme-light .header-league-line {
    background: #d2d6de !important;
    color: #333 !important;
}

html.theme-light .header-league-line .league-name,
html.theme-light .header-league-line .odds-labels,
html.theme-light .header-league-line .odds-labels span {
    color: #333 !important;
}

/* Cupom */
html.theme-light .cupon-title li.ativo {
    background: #ff9c00;
}

html.theme-light .box,
html.theme-light .box.box-success {
    background: #fff !important;
    border-top-color: #ff9c00;
    color: #333;
}

html.theme-light .box-cupon {
    border-bottom-color: #d2d6de;
}

html.theme-light .box-cupon li,
html.theme-light .cupon-confronto,
html.theme-light .box-rodape-cupon h4,
html.theme-light .cupom-fixo,
html.theme-light .cupom-fixo label {
    color: #333 !important;
}

html.theme-light .box-rodape-cupon h4 {
    color: #444 !important;
}

/* Carrossel */
html.theme-light .carousel-card {
    background: #fff;
    border-color: #d2d6de;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

html.theme-light .carousel-card:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    border-color: #c5cad3;
}

html.theme-light .market-btn {
    background: #b8bdc7 !important;
    border-color: #a8aeb8 !important;
    box-shadow: none;
}

html.theme-light .market-btn:hover {
    background: #a8aeb8 !important;
}

html.theme-light .market-indicator,
html.theme-light .market-value {
    color: #1a1a1a !important;
    text-shadow: none !important;
}

html.theme-light .market-btn.selected .market-indicator,
html.theme-light .market-btn.selected .market-value {
    color: #065f46 !important;
}

/* Mega palpite */
html.theme-light .mega-strip-wrap {
    --mega-card: #ffffff;
    --mega-card-elevated: #f8fafc;
    --mega-card-border: rgba(15, 23, 42, 0.12);
    --mega-text: #1e293b;
    --mega-muted: #64748b;
}

html.theme-light .mega-ticket,
html.theme-light .mega-card {
    background: #fff;
    color: #1e293b;
}

html.theme-light .odds-btn {
    background: #fff !important;
    color: #1e293b !important;
    border-color: #d2d6de !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

html.theme-light .mega-description,
html.theme-light .mega-description strong {
    color: #475569 !important;
}

/* Modal de mercados / partidas no site público */
html.theme-light #modal-match .modal-content,
html.theme-light #modal-cupom .modal-content,
html.theme-light #modal-login .modal-content {
    background: #fff;
    color: #333;
}

html.theme-light #modal-match .modal-header,
html.theme-light #modal-cupom .modal-header,
html.theme-light #modal-login .modal-header {
    background: #f4f6f9;
    color: #333;
    border-bottom-color: #d2d6de;
}

html.theme-light #modal-match .modal-body,
html.theme-light #modal-cupom .modal-body,
html.theme-light #modal-login .modal-body {
    background: #fff;
    color: #333;
}

html.theme-light .mercado-header {
    color: #333;
}

html.theme-light .content {
    color: #333;
}

html.theme-light .bilhetes-content label {
    color: #444;
}