/* ==========================================================================
   DOKAN DASHBOARD & ANALYTICS (Dark Gamer Mode)
   ========================================================================== */

/* ==========================================================================
   [NOVO] FUNDO GERAL DO PAINEL DO VENDEDOR (Card Principal)
   Atende ao pedido de colocar uma caixa escura de fundo.
   ========================================================================== */
#main .dokan-dashboard-content {
    background-color: #111111 !important; /* Fundo Cinza Escuro */
    border: 1px solid #333333 !important;  /* Borda sutil */
    border-radius: 12px !important;  /* Bordas bem arredondadas */
    padding: 30px !important;        /* Espaço interno generoso */
    margin-bottom: 40px !important;
}

/* ==========================================================================
   MENU LATERAL DOKAN (Estilo Clean - Igual Minha Conta)
   ========================================================================== */

/* 1. LIMPEZA DA ESTRUTURA (Remove fundos e bordas nativas do tema) */
#main .dokan-dash-sidebar,
#main .dokan-dashboard-wrap .dokan-dash-sidebar,
#main .dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu {
    background-color: transparent !important;
    border-right: none !important;
    padding-right: 15px !important;
    box-shadow: none !important;
}

#main .woocommerce-dashboard__columns .woocommerce-legend__item-title,
#main .woocommerce-dashboard__columns .woocommerce-legend__item-total {
    color: #000000 !important;
}

/* 2. O BOTÃO DO MENU (Design Unificado) */
#main .dokan-dashboard-menu li a {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    position: relative !important;
    transition: all 0.3s ease !important; /* [MELHORIA] Suavidade */
}

/* Remove a "setinha" triangular nativa do Dokan que estraga o botão */
#main .dokan-dashboard-menu li.active:after,
#main .dokan-dashboard-menu li a:after {
    display: none !important;
    border-color: transparent !important;
}

/* 3. OS ÍCONES (Alinhamento Preciso) */
#main .dokan-dashboard-menu li a i {
    color: #1a1a1a !important;
    font-size: 18px !important;
    width: 30px !important;
    min-width: 30px !important;
    text-align: center !important;
    margin-right: 10px !important;
    display: inline-block !important;
    transition: color 0.3s ease !important; /* [MELHORIA] Suavidade no ícone */
}

/* 4. ESTADOS: HOVER (Mouse em cima) e ACTIVE (Página atual) */
#main .dokan-dashboard-menu li:hover a,
#main .dokan-dashboard-menu li.active a {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border-color: #1285fa !important;
}

/* ==========================================================================
   FIX: REMOVEDOR DE ARTEFATOS (Limpeza visual do Menu)
   ========================================================================== */

/* 1. MATAR OS TRIÂNGULOS E DECORAÇÕES */
#main .dokan-dashboard-menu li:after,
#main .dokan-dashboard-menu li:before,
#main .dokan-dashboard-menu li a:after,
#main .dokan-dashboard-menu li a:before {
    content: none !important;
    display: none !important;
    border: none !important;
    background: transparent !important;
}

/* 2. GARANTIR FUNDO TRANSPARENTE NO ITEM DA LISTA */
#main .dokan-dashboard-menu li {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. CORREÇÃO FINA DO BOTÃO ATIVO */
#main .dokan-dashboard-menu li.active a {
    background-color: #1285fa !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* 4. REMOVER BORDAS ESTRANHAS DO SUBMENU */
#main .dokan-dashboard-menu ul.navigation-submenu {
    border-left: none !important;
    margin-left: 0 !important;
}

#main .dokan-dashboard-menu .submenu-link,
#main .dokan-dashboard-menu .submenu-item,
#main .dokan-dashboard-menu .has-submenu,
#main .dokan-dashboard-menu .navigation-submenu,
#main .dokan-dashboard-menu .navigation-submenu li:hover {
    color: #1a1a1a !important;
    font-size: 14px !important;
    background-color: transparent !important;
    border-bottom: 1px solid #111111 !important;
}

/* Ícones ficam brancos no hover/active */
#main .dokan-dashboard-menu li:hover a i,
#main .dokan-dashboard-menu li.active a i {
    color: #ffffff !important;
    border-right: none !important;
}

/* 5. BOTÕES DO RODAPÉ (Sair, Visitar Loja) */
#main .dokan-dashboard-menu li.dokan-common-links {
    display: flex !important;
    gap: 8px !important;
    margin-top: 20px !important;
    border-top: none !important;
    padding: 0 !important;
}

#main .dokan-dashboard-menu li.dokan-common-links a {
    flex: 1 !important;
    justify-content: center !important;
    padding: 12px 0 !important;
    margin-bottom: 0 !important;
}

#main .dokan-dashboard-menu li.dokan-common-links a i {
    margin-right: 0 !important;
    width: auto !important;
}

#main .dokan-dashboard-menu li.dokan-common-links a:hover {
    background-color: #1285fa !important;
    color: white !important;
}

/* 6. SUBMENUS (Configurações -> Loja/Pagamento) */
#main ul.navigation-submenu {
    background: transparent !important;
    padding: 5px 0 5px 20px !important;
    margin: 0 !important;
}

#main ul.navigation-submenu li a {
    background-color: transparent !important;
    border: none !important;
    color: #888888 !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    box-shadow: none !important;
}

#main ul.navigation-submenu li a:hover {
    color: #1285fa !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

#main ul.navigation-submenu li a i {
    font-size: 12px !important;
    width: 20px !important;
}

/* -----------------------------------------------------------
   2. CARDS DE ESTATÍSTICAS (Quadradinhos de Vendas, Pedidos)
   ----------------------------------------------------------- */
#main .woocommerce-summary__item-container,
#main .components-card,
#main .woocommerce-dashboard__chart-block {
    background-color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

#main .woocommerce-summary__item-label,
#main .components-card__header h3,
#main .components-popover__content h4,
#main .d3-chart__tooltip h4 {
    color: #000000 !important;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
}

#main .woocommerce-section-header__title {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 1px;
}

#main .woocommerce-summary__item-value,
#main .woocommerce-Price-amount {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-shadow: none;
}

#main .dokan-error,
#main .dokan-layout-content-area h4 {
    color: #000000 !important;
    font-size: 18px !important;
}

#main .dokan-layout-content-area span,
#main .dokan-layout-content-area p {
    color: #ffffff !important;
    font-size: 16px !important;
}

/* -----------------------------------------------------------
   3. FERRAMENTAS E FILTROS (Dropdowns e Botões)
   ----------------------------------------------------------- */
#main .woocommerce-filters .components-button,
#main .woocommerce-chart__interval-select select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

/* -----------------------------------------------------------
   4. GRÁFICOS (Chart JS)
   ----------------------------------------------------------- */
#main .woocommerce-chart,
#main .d3-chart__container {
    background-color: transparent !important;
}

#main .woocommerce-legend__item-title,
#main .woocommerce-legend__item-total {
    color: #ffffff !important;
}

#main .entry-title {
    color: #1285fa !important;
    border-bottom: 2px solid #333333;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* ==========================================================================
   CORREÇÃO DE SELECTS (País, Estado, Opções)
   ========================================================================== */

#main select.dokan-form-control,
#main select.country_to_state,
#main #dokan_address_country,
#main #inspector-select-control-0 {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 15px !important;
    width: 100% !important;
    border-radius: 4px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* [MELHORIA] Uso de aspas simples para não quebrar o SVG */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px auto;
    transition: border-color 0.3s ease !important; /* [MELHORIA] Foco suave */
}

#main select option,
#main select optgroup {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 10px !important;
}

#main select option:hover,
#main select option:checked {
    background-color: #1285fa !important;
    color: #ffffff !important;
}

/* ==========================================================================
   FIX: CABEÇALHO DO ANALYTICS (Visão Geral + Saldo)
   ========================================================================== */

#main .woocommerce-layout__header-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 15px 25px !important;
    margin-bottom: 20px !important;
}

#main .woocommerce-layout__header-wrapper .entry-title {
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#main .dokan-analytics-vendor-earning-section {
    margin: 0 !important;
}

#main .vendor-earning-title {
    margin: 0 !important;
    color: #a0a0a0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
}

#main .vendor-earning-title .amount {
    color: #1285fa !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    margin-left: 12px !important;
    text-shadow: none !important;
}

/* ==========================================================================
   TABELA DE PRODUTOS (Personalização Detalhada)
   ========================================================================== */

#main table.product-listing-table {
    background-color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-collapse: collapse !important;
    width: 100% !important;
    font-family: inherit !important;
}

/* ==========================================================================
   FILTROS DE LISTAGEM (Produtos E Pedidos)
   ========================================================================== */

.dokan-listing-filter.subsubsub li a,
.order-statuses-filter.subsubsub li a {
    color: #888888 !important;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease !important; /* [MELHORIA] Suavidade */
}

.dokan-listing-filter.subsubsub li a:hover,
.order-statuses-filter.subsubsub li a:hover {
    color: #cccccc !important;
}

.dokan-listing-filter.subsubsub li.active a,
.order-statuses-filter.subsubsub li.active a {
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3); 
    border-bottom: 2px solid #1285fa;
    padding-bottom: 2px;
}

.dokan-listing-filter.subsubsub li,
.order-statuses-filter.subsubsub li {
    color: #333333;
}

/* CABEÇALHO DA TABELA */
#main table.product-listing-table thead th {
    background-color: #1285fa !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #333333 !important;
    padding: 10px 15px !important;
}

/* LINHAS DE PRODUTOS */
#main table.product-listing-table tbody tr {
    background-color: #ffffff !important;
    border-bottom: 1px solid #333333 !important;
    transition: background-color 0.2s ease !important; /* [MELHORIA] Suavidade */
}

#main table.product-listing-table tbody tr:hover {
    background-color: #e6f7ff !important;
}

#main table.product-listing-table tbody td {
    color: #000000 !important;
    vertical-align: middle !important;
    text-align: left;
}

#main table.product-listing-table tbody td.column-primary strong a,
#main table.product-listing-table span {
    color: #000000 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important; /* [MELHORIA] Suavidade */
}

#main table.product-listing-table .mark .instock {
    font-size: 14px !important;
}

#main table.product-listing-table tbody td.column-primary strong a:hover {
    color: #1285fa !important;
}

/* IMAGEM DO PRODUTO */
#main table.product-listing-table tbody td.column-thumb img {
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
}

/* REMOVER COLUNA SKU */
#main table.product-listing-table thead th:nth-child(5),
#main table.product-listing-table thead th:nth-child(9) {
    display: none !important;
}

#main table.product-listing-table tbody td[data-title="SKU"],
#main table.product-listing-table tbody td[data-title="Tipo"] {
    display: none !important;
}

/* STATUS E ESTOQUE */
#main .dokan-label-success,
#main .instock {
    background-color: #d4edda !important;
    color: #155724 !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    border: 1px solid #c3e6cb !important;
}

#main .dokan-label-danger,
#main .outofstock {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    border: 1px solid #f5c6cb !important;
}

/* LINKS DE AÇÃO (Editar | Excluir | Ver) */
#main .row-actions span a {
    color: #666666 !important;
    font-size: 12px !important;
    transition: color 0.3s ease !important; /* [MELHORIA] Suavidade */
}

#main .row-actions span.edit a:hover {
    color: #1285fa !important;
}

#main .row-actions span.delete a:hover {
    color: #ff0000 !important;
}
/* ==========================================================================
   BARRA DE FILTROS E PESQUISA (Flexbox & Responsivo)
   Corrige botões empilhados e alinha tudo em uma linha.
   ========================================================================== */

/* 1. O CONTAINER PRINCIPAL */
#main .dokan-product-listing-area .dokan-w12 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 15px !important;
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. OS FORMULÁRIOS INDIVIDUAIS */
#main .dokan-product-date-filter,
#main .dokan-product-search-form {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* 3. GRUPOS DE INPUT */
#main .dokan-form-group {
    margin-bottom: 2px !important;
    margin-right: 2px !important;
    align-items: center !important;
}

#main .dokan-btn-theme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 25px !important;
    min-height: 40px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-align: center !important;
    background-color: #1285fa !important;
    color: #ffffff !important;
    border: 1px solid #1285fa !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important; /* [MELHORIA] Suavidade */
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* 4. ESTILO DOS INPUTS E SELECTS */
#main .dokan-product-listing-area select,
#main .dokan-product-listing-area input[type="text"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    height: 42px !important;
    line-height: normal !important;
    padding: 0 10px !important;
    min-width: 140px !important;
    transition: border-color 0.3s ease !important; /* [MELHORIA] Foco suave */
}

/* Botão Reset */
#main .dokan-product-listing-area a.dokan-btn {
    height: 40px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #333333 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    transition: background-color 0.3s ease !important; /* [MELHORIA] Hover suave */
}

#main .dokan-product-listing-area a.dokan-btn:hover {
    background-color: #d9534f !important;
}

/* 6. CORREÇÃO DA ORDEM DA PESQUISA */
#main .dokan-product-search-form {
    margin-left: auto !important;
}

#main .dokan-product-search-form .dokan-form-group {
    order: 1 !important;
}

#main .dokan-product-search-form button {
    order: 2 !important;
}

/* 7. RESPONSIVIDADE (Celulares) */
@media (max-width: 768px) {
    #main .dokan-product-listing-area .dokan-w12 {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #main .dokan-product-date-filter,
    #main .dokan-product-search-form {
        width: 100% !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }
    #main .dokan-product-listing-area select,
    #main .dokan-product-listing-area input[type="text"] {
        width: 100% !important;
        min-width: unset !important;
    }
}

/* ==========================================================================
   FIX: BOTÃO EXPANDIR (Toggle Row)
   ========================================================================== */

#main table.product-listing-table .toggle-row {
    display: none !important;
}

@media (max-width: 1600px) {
    #main table.product-listing-table .toggle-row {
        display: block !important;
        background-color: transparent !important;
        border: none !important;
        color: #1285fa !important;
        font-size: 18px !important;
        cursor: pointer !important;
        margin-top: 5px !important;
    }
    #main table.product-listing-table td.column-primary {
        position: relative !important;
        padding-right: 30px !important;
    }
}

/* ==========================================================================
   HACK: TRANSFORMAR PAYPAL EM PIX (V2)
   ========================================================================== */

/* 1. O ÍCONE */
#main .dokan-dashboard-content img[src*="paypal"] {
    content: url("https://devtools.com.br/img/pix/logo-pix-png-icone-520x520.png") !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    margin-right: 5px !important;
}

/* 2. O TÍTULO */
#main .dokan-dashboard-content img[src*="paypal"]+div span.font-medium {
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#main .dokan-dashboard-content img[src*="paypal"]+div span.font-medium::after {
    content: "Pix";
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* 3. O DETALHE */
#main .dokan-dashboard-content img[src*="paypal"]+div span.text-gray-500 {
    font-size: 0 !important;
}

#main .dokan-dashboard-content .justify-between:has(button:disabled) img[src*="paypal"]+div span.text-gray-500::after {
    content: "(Chave cadastrada)";
    font-size: 13px !important;
    color: #888888 !important;
    margin-left: 5px !important;
    visibility: visible !important;
}

/* 4. BOTÃO "REGISTRADO" */
#main button.dokan-btn-secondary:disabled {
    position: relative !important;
    background-color: #2a2a2a !important;
    border: 1px solid #444444 !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    color: transparent !important;
    box-shadow: none !important;
    padding: 8px 20px !important;
    min-width: 120px !important;
    transition: all 0.3s ease !important; /* [MELHORIA] */
}

#main button.dokan-btn-secondary:disabled::after {
    content: "REGISTRADO";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #888888 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* 5. BOTÃO "SETUP" -> "CADASTRAR" */
#main .dokan-dashboard-content a.dokan-btn[href*="settings/payment"] {
    font-size: 0 !important;
    position: relative !important;
    height: 35px !important;
    min-width: 120px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    transition: all 0.3s ease !important; /* [MELHORIA] */
}

#main .dokan-dashboard-content a.dokan-btn[href*="settings/payment"]::after {
    content: "CADASTRAR";
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    visibility: visible !important;
}

/* ==========================================================================
   PÁGINA DE CONFIGURAÇÃO DE PAGAMENTO (Lista de Métodos)
   ========================================================================== */

/* 1. CABEÇALHO E TEXTO DE AJUDA */
.dokan-settings-area .entry-title {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #333333;
    padding-bottom: 15px;
}

.dokan-page-help {
    background-color: #111111 !important;
    border: 1px solid #1285fa !important;
    color: #cccccc !important;
    border-radius: 6px;
    padding: 15px !important;
    font-size: 14px !important;
    margin-bottom: 20px;
}

/* 2. LISTA DE MÉTODOS */
.dokan-payment-settings-summary ul li {
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    padding: 20px !important;
    list-style: none !important;
    transition: transform 0.2s ease, border-color 0.3s ease; /* [MELHORIA] Transição suave de borda */
}

.dokan-payment-settings-summary ul li:hover {
    border-color: #555555 !important;
}

.dokan-payment-settings-summary ul li>div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
}

.dokan-payment-settings-summary ul li>div>div:first-child {
    display: flex !important;
    align-items: center !important;
}

/* 3. PADRONIZAÇÃO DOS ÍCONES */
.dokan-payment-settings-summary ul li img {
    width: 45px !important;
    height: 45px !important;
    object-fit: contain !important;
    margin-right: 20px !important;
    background-color: transparent !important;
}

/* 4. TEXTOS */
.dokan-payment-settings-summary ul li span {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    display: flex !important;
    flex-direction: column !important;
}

.dokan-payment-settings-summary ul li span small {
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 5px !important;
    text-transform: none !important;
}

/* 5. TRANSFORMAÇÃO: PAYPAL -> PIX */
.dokan-payment-settings-summary img[src*="paypal"] {
    content: url("https://upload.wikimedia.org/wikipedia/commons/a/a2/Logo_Pix.svg") !important;
}

.dokan-payment-settings-summary img[src*="paypal"]+span {
    font-size: 0 !important;
}

.dokan-payment-settings-summary img[src*="paypal"]+span::before {
    content: "Pix";
    font-size: 18px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    display: block !important;
}

.dokan-payment-settings-summary img[src*="paypal"]+span small {
    font-size: 13px !important;
    display: block !important;
    margin-top: 5px !important;
}

/* 6. BOTÃO "GERENCIAR" */
.dokan-payment-settings-summary button {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.dokan-payment-settings-summary button:hover {
    background-color: #0b6bcb !important;
    transform: translateY(-2px);
}

#dokan-payment-methods-listing-wrapper h2 {
    display: none !important;
}
/* ==========================================================================
   CONFIGURAÇÕES DA LOJA (Store Settings Form)
   Alinhamento, Inputs Dark e Uploaders
   ========================================================================== */

/* 1. CONTAINER DOS GRUPOS */
#store-form .dokan-form-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    clear: both !important;
}

/* 2. RÓTULOS (Labels) */
#store-form .dokan-control-label {
    width: 25% !important;
    color: #a0a0a0 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
    padding-right: 15px !important;
    text-align: right !important;
}

/* 3. ÁREA DOS INPUTS (Coluna da Direita) */
#store-form .dokan-text-left,
#store-form .dokan-gravatar,
#store-form .dokan-address-fields {
    width: 70% !important;
    float: none !important;
}

/* 4. ESTILO DOS CAMPOS (Inputs, Selects) */
#store-form input[type="text"],
#store-form input[type="email"],
#store-form input[type="number"],
#store-form select,
#store-form textarea {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    height: 45px !important;
    padding: 0 15px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease !important; /* [MELHORIA] Foco suave */
}

#store-form textarea {
    height: 120px !important;
    padding-top: 10px !important;
}

#store-form input:focus,
#store-form select:focus,
#store-form textarea:focus {
    border-color: #1285fa !important;
    outline: none !important;
}

/* 5. ÁREA DE ENDEREÇO */
#store-form .dokan-address-fields .dokan-form-group {
    margin-bottom: 10px !important;
}

#store-form .dokan-address-fields label {
    display: none !important;
}

/* 6. UPLOAD DE BANNER E FOTO */
#dokan-banner-wrapper .button-area,
#dokan-profile-picture-wrapper .gravatar-button-area {
    background: #111111 !important;
    border: 1px dashed #333333 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    text-align: center !important;
    transition: all 0.3s ease !important; /* [MELHORIA] Feedback na zona de drop */
}

#dokan-banner-wrapper .button-area:hover,
#dokan-profile-picture-wrapper .gravatar-button-area:hover {
    border-color: #1285fa !important;
    background: #1a1a1a !important;
}

#store-form .dokan-btn-theme,
#store-form .dokan-btn-default {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease !important;
}

#store-form .dokan-btn-theme:hover,
#store-form .dokan-btn-default:hover {
    background-color: #0b6bcb !important;
}

/* 7. BOTÃO SALVAR (Rodapé) */
#store-form input[type="submit"].dokan-btn-theme {
    width: 100% !important;
    height: 50px !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    cursor: pointer !important;
}

/* Ajuste Mobile */
@media (max-width: 768px) {
    #store-form .dokan-control-label {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    #store-form .dokan-text-left {
        width: 100% !important;
    }
}

/* ==========================================================================
   RENOMEAR CAMPO "DETALHES DO TOC" -> "INSTRUÇÕES DA LOJA"
   ========================================================================== */

#store-form label[for="dokan_store_tnc"] {
    font-size: 0 !important;
    line-height: 1.2 !important;
    position: relative !important;
}

#store-form label[for="dokan_store_tnc"]::before,
.dokan-w3 .dokan-control-label::before {
    content: "Instruções da Loja";
    font-size: 14px !important;
    color: #a0a0a0 !important;
    font-weight: 600 !important;
    display: block !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
}

#store-form label[for="dokan_store_tnc"]::after {
    content: "Descreva aqui:\A Como é a entrega\A Como é feito o farm\A Jogos disponíveis";
    white-space: pre-wrap;
    font-size: 11px !important;
    color: #666666 !important;
    font-weight: 400 !important;
    display: block !important;
    text-transform: none !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   RENOMEAR CHECKBOX "TERMOS E CONDIÇÕES" -> "ATIVAR INSTRUÇÕES"
   ========================================================================== */

#store-form .dokan-form-group:has(.dokan_tock_check) .dokan-control-label {
    font-size: 0 !important;
    position: relative !important;
}

#store-form .dokan-form-group:has(.dokan_tock_check) .dokan-control-label::before {
    content: "Ativar Instruções";
    font-size: 14px !important;
    color: #a0a0a0 !important;
    font-weight: 600 !important;
    display: block !important;
    text-align: right !important;
}

#store-form .dokan_tock_check label {
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#store-form .dokan_tock_check label input {
    font-size: initial !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important;
}

#store-form .dokan_tock_check label::after {
    content: "Exibir aba de instruções no perfil da loja";
    font-size: 14px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
}

/* ==========================================================================
   ANTI-BYPASS: BLOQUEIO DE CHAT PRÉ-VENDA
   ========================================================================== */

body.single-product .dokan-store-support-btn,
body.single-product .dokan-live-chat-button,
body.single-product .dokan-vendor-contact {
    display: none !important;
}

body.dokan-store .dokan-store-contact,
body.dokan-store .profile-contact-btn {
    display: none !important;
}

li.dokan_store_support_tab,
#tab-dokan_store_support {
    display: none !important;
}

/* ==========================================================================
   MODAL DE CATEGORIAS - HÍBRIDO (PC GRANDE / MOBILE AJUSTADO)
   ========================================================================== */

/* 1. ESTRUTURA GERAL */
.dokan-product-category-modal-content {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important;
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.9) !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. TAMANHO NO PC */
.dokan-product-category-modal-content {
    width: 1200px !important;
    max-width: 95vw !important;
    height: 700px !important;
    max-height: 90vh !important;
}

.dokan-product-category-modal-body {
    padding: 30px !important;
    background-color: #111111 !important;
    flex-grow: 1 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}

/* 3. TAMANHO NO CELULAR */
@media (max-width: 768px) {
    .dokan-product-category-modal-content {
        width: 95% !important;
        height: 90vh !important;
        max-height: 90vh !important;
    }
    .dokan-single-categories-container {
        width: 90% !important;
        height: 50vh !important;
        max-height: 90vh !important;
    }
    .dokan-product-category-modal-body {
        padding-bottom: 50px !important;
    }
}

.dokan-product-category-title .dokan-single-title {
    font-size: 16px !important;
}

/* 4. CABEÇALHO E RODAPÉ */
.dokan-product-category-modal-header {
    background-color: #111111 !important;
    border-bottom: 1px solid #222222 !important;
    padding: 20px !important;
    flex-shrink: 0 !important;
}

.dokan-product-category-modal-footer {
    background-color: #111111 !important;
    border-top: 1px solid #222222 !important;
    padding: 15px 20px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Textos */
.dokan-product-category-title .dokan-single-title {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.dokan-product-category-title .dokan-single-des {
    color: #888888 !important;
    margin-top: 5px !important;
    display: block !important;
}

/* Botão Fechar (X) */
.dokan-product-category-close .close {
    color: #ffffff !important;
    opacity: 0.8 !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    transition: all 0.3s ease !important;
}

.dokan-product-category-close .close:hover {
    color: #1285fa !important;
    opacity: 1 !important;
}

/* 5. BUSCA E LISTA */
.dokan-cat-search-box {
    background-color: #050505 !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    height: 50px !important;
    margin-bottom: 20px !important;
}

.dokan-cat-search-input {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    height: 100% !important;
    font-size: 15px !important;
}

.dokan-cat-search-icon i {
    color: #1285fa !important;
}

.dokan-cat-search-text-limit {
    color: #555555 !important;
}

/* Lista de Categorias */
.dokan-single-categories {
    border: 1px solid #222222 !important;
    background-color: #0a0a0a !important;
    border-radius: 6px !important;
}

.dokan-single-categories ul li {
    background-color: transparent !important;
    border-bottom: 1px solid #222222 !important;
    color: #cccccc !important;
    padding: 15px 20px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 15px !important;
    border-left: 3px solid transparent !important; /* [MELHORIA] Prepara a borda do hover */
    transition: all 0.2s ease !important;
}

.dokan-single-categories ul li:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding-left: 25px !important;
    border-left-color: #1285fa !important; /* [MELHORIA] Efeito sutil ao lado do item focado */
}

/* Item Selecionado */
.dokan-single-categories ul li.dokan-product-category-li-active {
    background-color: #1285fa !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border-left-color: #1285fa !important;
}

/* Botão Feito */
#dokan-single-cat-select-btn {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 35px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 14px !important;
    transition: background-color 0.3s ease !important;
}

#dokan-single-cat-select-btn:hover {
    background-color: #0b6bcb !important;
}

.dokan-selected-category-label {
    color: #888888 !important;
}

.dokan-selected-category-span .dokan-selected-category-product {
    color: #1285fa !important;
    font-weight: bold !important;
}

/* Scrollbar Customizada Modal */
.dokan-product-category-modal-body::-webkit-scrollbar {
    width: 10px;
}
.dokan-product-category-modal-body::-webkit-scrollbar-track {
    background: #050505;
}
.dokan-product-category-modal-body::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 5px;
}
.dokan-product-category-modal-body::-webkit-scrollbar-thumb:hover {
    background: #1285fa;
}
/* ==========================================================================
   LAYOUT DO FORMULÁRIO DE PRODUTO (Alinhamento Preciso)
   ========================================================================== */

/* 1. ESTRUTURA E FUNDO (O Cartão) */
.dokan-product-edit-form {
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.dokan-form-top-area,
.dokan-product-edit .dokan-form-top-area,
.dokan-product-inventory,
.dokan-other-options {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.dokan-product-edit .dokan-product-type-container,
.content-half-part .sale-price .sale_schedule,
.content-half-part .sale-price.cancel_sale_schedule .dokan-hide {
    display: none !important;
}

/* 2. LAYOUT DE COLUNAS (PC) */
.dokan-form-top-area {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.dokan-form-top-area>.content-half-part.dokan-product-meta {
    flex: 1 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}

.dokan-form-top-area>.content-half-part.featured-image {
    width: 320px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* 3. LINHA DE PREÇOS */
.dokan-price-container {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    margin-bottom: 25px !important;
}

.dokan-price-container .content-half-part {
    width: calc(50% - 10px) !important;
    float: none !important;
    margin: 0 !important;
}

/* 4. INPUTS E CAMPOS (Padronização) */
.dokan-form-control,
.dokan-select-product-category,
input[type="text"].dokan-form-control,
input[type="number"].dokan-form-control,
select.dokan-form-control {
    height: 50px !important;
    min-height: 50px !important;
    background-color: #050505 !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    padding: 0 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

/* RENOMEAR "MARCA" PARA "PLATAFORMA" */
label[for="product_brand"] {
    font-size: 0 !important;
    line-height: 0 !important;
}

label[for="product_brand"]::before {
    content: "Plataforma";
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #cccccc !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* COR DA LISTA SUSPENSA (Select2) */
.select2-container .select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #aaaaaa !important;
}

.select2-container .select2-results__option,
.select2-selection__choice {
    color: #0b6bcb !important;
    background-color: #ffffff !important;
    padding: 10px 15px !important;
    transition: background-color 0.2s ease !important; /* [MELHORIA] Suavidade na lista */
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1285fa !important;
    color: #ffffff !important;
}

/* Correção de Grupo R$ */
.dokan-input-group {
    display: flex !important;
    width: 100% !important;
}

.dokan-input-group-addon {
    height: 50px !important;
    line-height: 50px !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    padding: 0 20px !important;
    text-align: right;
}

.dokan-input-group input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* 5. LABELS */
label.form-label {
    display: block !important;
    margin-bottom: 8px !important;
    color: #cccccc !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.dokan-form-group {
    margin-bottom: 25px !important;
}

/* 6. UPLOAD DE IMAGEM */
.dokan-feat-image-upload {
    background-color: #080808 !important;
    border: 2px dashed #333333 !important;
    border-radius: 8px !important;
    height: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px !important;
}

.dokan-feat-image-upload i {
    font-size: 48px !important;
    color: #1285fa !important;
    margin-bottom: 15px !important;
}

.dokan-feat-image-btn {
    color: #ffffff !important;
    background: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

.dokan-product-gallery .dokan-side-body {
    margin-top: 20px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.dokan-product-gallery .add-product-images {
    border: 1px dashed #333333 !important;
    background-color: #080808 !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 6px !important;
}

/* 7. RODAPÉ (Botão Salvar) */
input[name="dokan_update_product"] {
    width: 100% !important;
    background-color: #1285fa !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    margin-top: 30px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important; /* [MELHORIA] Suavidade */
}

input[name="dokan_update_product"]:hover {
    background-color: #0a6bc0 !important; /* [MELHORIA] Hover Dark */
}

/* 8. RESPONSIVIDADE (Mobile < 900px) */
@media (max-width: 900px) {
    .dokan-form-top-area {
        flex-direction: column !important;
        gap: 30px !important;
    }
    .dokan-form-top-area>.content-half-part.dokan-product-meta,
    .dokan-form-top-area>.content-half-part.featured-image {
        width: 100% !important;
        max-width: none !important;
    }
    .dokan-feat-image-upload {
        height: 200px !important;
    }
    .dokan-price-container {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .dokan-price-container .content-half-part {
        width: 100% !important;
    }
}

/* ==========================================================================
   EDITOR DE TEXTO (WORDPRESS TINYMCE) - DARK MODE
   ========================================================================== */

/* 1. O CONTAINER GERAL */
.dokan-product-short-description .wp-core-ui .wp-editor-wrap,
.dokan-product-description .wp-core-ui .wp-editor-wrap {
    border: 1px solid #333333 !important;
    background-color: #050505 !important;
    padding: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* 2. ABAS (Visual / Texto) */
.wp-core-ui .wp-editor-tools {
    background-color: #111111 !important;
    padding-top: 10px !important;
}

.wp-core-ui .wp-switch-editor {
    background-color: #222222 !important;
    border: 1px solid #333333 !important;
    color: #888888 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important; /* [MELHORIA] Suavidade nas abas */
}

.wp-core-ui .wp-switch-editor.html-active,
.wp-core-ui .wp-switch-editor.tmce-active {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border-color: #1285fa !important;
}

/* 3. BARRA DE FERRAMENTAS */
div.mce-toolbar-grp {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333333 !important;
    padding: 5px !important;
}

.mce-btn {
    background: transparent !important;
    border: none !important;
    transition: background-color 0.2s ease !important; /* [MELHORIA] */
}

.mce-btn button i,
.mce-ico {
    color: #ffffff !important;
    transition: color 0.2s ease !important; /* [MELHORIA] */
}

.mce-container-body {
    background-color: #ffffff !important;
    color: #0b6bcb !important;
}

.mce-btn:hover,
.mce-btn:active,
.mce-btn.mce-active {
    background-color: #333333 !important;
    border-radius: 4px !important;
}

.mce-btn:hover button i {
    color: #1285fa !important;
}

/* 4. BARRA DE STATUS */
.mce-statusbar {
    background-color: #1a1a1a !important;
    border-top: 1px solid #333333 !important;
}

.mce-path-item {
    color: #666666 !important;
}

/* 5. MODO TEXTO/CÓDIGO */
.quicktags-toolbar {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #333333 !important;
}

.quicktags-toolbar input.button {
    background-color: #222222 !important;
    color: #aaaaaa !important;
    border: 1px solid #444444 !important;
    text-shadow: none !important;
    margin: 2px !important;
    transition: all 0.2s ease !important; /* [MELHORIA] */
}

.quicktags-toolbar input.button:hover {
    background-color: #1285fa !important;
    color: #ffffff !important;
    border-color: #1285fa !important;
}

textarea.wp-editor-area {
    background-color: #080808 !important;
    color: #ffffff !important;
    border: none !important;
}

.wp-editor-tabs {
    padding: 3px !important;
}

/* OCULTAR TAGS E SKU */
.dokan-form-group:has(label[for="product_tag_edit"]),
.dokan-form-group:has(label[for="_sku"]) {
    display: none !important;
}

/* MENSAGEM DO DOKAN */
.dokan-message {
    color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}