.elementor-14 .elementor-element.elementor-element-533f533b{--display:flex;--min-height:100vh;--margin-top:120px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-533f533b{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-533f533b{--content-width:1450px;}}/* Start custom CSS for mind-minha-conta, class: .elementor-element-6228bd3 *//* =========================================================
   OAKRED — MINHA CONTA
   Personalização visual sem alterar a estrutura original
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

.mind-account {
    --oak-red: #ac171e;
    --oak-green: #0c5553;

    --oak-black: #202326;
    --oak-gray: #777;
    --oak-light: #f6f6f6;
    --oak-border: #e2e2e2;

    color: var(--oak-black);
    font-family: inherit;
}


/* =========================================================
   NÃO ALTERAR A ESTRUTURA DA FOTO / IDENTIFICAÇÃO
   ========================================================= */

/*
   Mantém:
   - foto
   - nome
   - e-mail
   - posicionamento
   - tamanho
   - comportamento original
*/

.mind-account__foto {
    /* intencionalmente preservado */
}


/* =========================================================
   BOTÃO DA CÂMERA
   Apenas cor do ícone + hover
   ========================================================= */

.mind-account__foto-btn {
    color: #777 !important;
}

.mind-account__foto-btn:hover {
    color: var(--oak-red) !important;
}

.mind-account__foto-btn .dashicons {
    color: inherit !important;
}


/* =========================================================
   NAVEGAÇÃO
   NÃO ALTERA LAYOUT / MOBILE
   ========================================================= */

/*
   Não mexemos em:
   display
   flex
   overflow
   width
   position
   transform
   grid
   alinhamento

   Assim o comportamento original do plugin permanece.
*/

.mind-account__nav a {
    color: #777 !important;
    text-decoration: none !important;
}

.mind-account__nav a:hover {
    color: var(--oak-red) !important;
}


/* Item ativo */

.mind-account__nav li.is-active > a {
    color: var(--oak-red) !important;
}


/* =========================================================
   CONTEÚDO
   ========================================================= */

.mind-account__content {
    color: var(--oak-black);
}


/* =========================================================
   TÍTULOS
   ========================================================= */

.mind-dash__titulo,
.mind-secao__titulo,
.mind-vazio__titulo {
    color: var(--oak-black) !important;
}


/* =========================================================
   TEXTOS
   ========================================================= */

.mind-dash__sub,
.mind-vazio__texto,
.mind-secao__desc {
    color: #777 !important;
}


/* =========================================================
   ATALHOS DO PAINEL
   ========================================================= */

.mind-atalho {
    background: #f6f6f6 !important;
    border-color: #e2e2e2 !important;

    border-radius: 6px !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.mind-atalho:hover {
    background: #f1f1f1 !important;
    border-color: #d8d8d8 !important;
}

.mind-atalho__titulo {
    color: var(--oak-black) !important;
}

.mind-atalho__texto {
    color: #777 !important;
}


/* =========================================================
   ÁREA DE PEDIDOS / DOWNLOADS VAZIA
   ========================================================= */

.mind-vazio {
    background: #f6f6f6 !important;

    border: 1px solid #e2e2e2 !important;
    border-radius: 6px !important;

    text-align: center;
}


/* ÍCONE
   Mantém o posicionamento original do plugin.
   Só altera a aparência.
*/

.mind-vazio__icone {
    color: var(--oak-red) !important;
}


/* Título */

.mind-vazio__titulo {
    color: var(--oak-black) !important;
}


/* Texto */

.mind-vazio__texto {
    color: #777 !important;
}


/* =========================================================
   BOTÕES
   ========================================================= */

.mind-btn,
.mind-btn--principal {
    background: var(--oak-red) !important;
    border: 1px solid var(--oak-red) !important;

    color: #fff !important;

    border-radius: 0 !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.mind-btn:hover,
.mind-btn--principal:hover {
    background: var(--oak-black) !important;
    border-color: var(--oak-black) !important;
    color: #fff !important;
}


/* =========================================================
   ENDEREÇOS
   ========================================================= */

.mind-endereco {
    background: #f6f6f6 !important;

    border: 1px solid #e2e2e2 !important;
    border-radius: 6px !important;
}

.mind-endereco__titulo {
    color: var(--oak-black) !important;
}

.mind-endereco__vazio {
    color: #777 !important;
}


/* =========================================================
   FORMULÁRIOS — DADOS DA CONTA
   ========================================================= */

/*
   Aqui estilizamos somente os campos.
   Não mexemos na estrutura/colunas criada pelo plugin.
*/

.mind-account__content input[type="text"],
.mind-account__content input[type="email"],
.mind-account__content input[type="password"],
.mind-account__content input[type="tel"],
.mind-account__content input[type="number"],
.mind-account__content select,
.mind-account__content textarea {

    width: 100% !important;

    min-height: 46px;

    padding: 12px 14px !important;

    background: #fff !important;

    border: 1px solid #dedede !important;
    border-radius: 6px !important;

    color: var(--oak-black) !important;

    font-family: inherit !important;
    font-size: 14px !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


/* Focus */

.mind-account__content input:focus,
.mind-account__content select:focus,
.mind-account__content textarea:focus {

    border-color: var(--oak-red) !important;

    box-shadow:
        0 0 0 2px rgba(172, 23, 30, .08) !important;
}


/* Labels */

.mind-account__content label {
    color: var(--oak-black) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/* Texto auxiliar */

.mind-account__content .description,
.mind-account__content small {
    color: #777 !important;
}


/* Obrigatório */

.mind-account__content .required {
    color: var(--oak-red) !important;
}


/* =========================================================
   AVISO "CONFIRM EMAIL ADDRESS"
   ========================================================= */

/*
   Corrige o aviso do WooCommerce para não ficar
   parecendo um botão solto ou quebrado.
*/

.mind-account__content .woocommerce-info {

    display: flex !important;
    align-items: center;
    gap: 12px;

    margin: 0 0 25px !important;
    padding: 14px 16px !important;

    background: #f6f6f6 !important;

    border: 1px solid #e2e2e2 !important;
    border-radius: 6px !important;

    color: #666 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* Remove o ícone padrão do WooCommerce */

.mind-account__content .woocommerce-info::before {
    display: none !important;
}


/* Link dentro do aviso */

.mind-account__content .woocommerce-info a {

    order: 2;

    flex-shrink: 0;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 0 16px !important;

    background: var(--oak-red) !important;

    border: 1px solid var(--oak-red) !important;
    border-radius: 0 !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.mind-account__content .woocommerce-info a:hover {
    background: var(--oak-black) !important;
    border-color: var(--oak-black) !important;
}


/* =========================================================
   BOTÕES DOS FORMULÁRIOS
   ========================================================= */

.mind-account__content button,
.mind-account__content input[type="submit"] {

    background: var(--oak-red) !important;
    border: 1px solid var(--oak-red) !important;
    border-radius: 0 !important;

    color: #fff !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.mind-account__content button:hover,
.mind-account__content input[type="submit"]:hover {

    background: var(--oak-black) !important;
    border-color: var(--oak-black) !important;
}


/* =========================================================
   TABELA DE PEDIDOS
   ========================================================= */

.mind-account__content table {
    border-collapse: collapse !important;
    border-color: #e2e2e2 !important;
}

.mind-account__content table th {
    color: var(--oak-black) !important;
    font-size: 12px !important;
}

.mind-account__content table td {
    color: #666 !important;
    font-size: 13px !important;
}

.mind-account__content table a {
    color: var(--oak-red) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

/*
   IMPORTANTE:
   Não mexemos na navegação mobile.
   O slide/orientação original do plugin permanece intacto.
*/

@media (max-width: 767px) {

    /* Conteúdo */

    .mind-account__content {
        width: 100%;
    }


    /* Campos sempre ocupando a largura disponível */

    .mind-account__content input[type="text"],
    .mind-account__content input[type="email"],
    .mind-account__content input[type="password"],
    .mind-account__content input[type="tel"],
    .mind-account__content input[type="number"],
    .mind-account__content select,
    .mind-account__content textarea {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* Não alterar o nav mobile */
    .mind-account__nav {
        /* estrutura original preservada */
    }


    /* Aviso de confirmação */

    .mind-account__content .woocommerce-info {

        display: block !important;

        padding: 14px !important;
    }

    .mind-account__content .woocommerce-info a {

        display: inline-flex !important;

        margin-bottom: 8px;
    }


    /* Cards */

    .mind-vazio,
    .mind-endereco {
        border-radius: 6px !important;
    }


    /* Botões */

    .mind-btn,
    .mind-btn--principal {
        border-radius: 0 !important;
    }
}

/* =========================================================
   OAKRED — MINHA CONTA
   SOMENTE CORREÇÕES ESPECÍFICAS
   ========================================================= */


/* =========================================================
   1. NAVEGAÇÃO
   Painel / Pedidos / Downloads / Endereços etc.
   ========================================================= */

/* Texto normal */
.mind-account__nav ul li a .mind-account__nav-texto {
    color: #777 !important;
}

/* Texto ativo */
.mind-account__nav ul li.is-active a .mind-account__nav-texto {
    color: #ac171e !important;
}

/* Hover */
.mind-account__nav ul li a:hover .mind-account__nav-texto {
    color: #ac171e !important;
}


/*
   Fundo do item ativo.
   Não mexe nos ícones.
*/
.mind-account__nav ul li.is-active > a {
    background-color: rgba(172, 23, 30, 0.10) !important;
}


/* Hover dos itens */
.mind-account__nav ul li > a:hover {
    background-color: rgba(172, 23, 30, 0.06) !important;
}




/* =========================================================
   2. BOTÃO DA CÂMERA / ALTERAR FOTO
   Só vermelho no hover
   ========================================================= */

.mind-account__foto-btn:hover {
    color: #ac171e !important;
    border-color: #ac171e !important;
}

.mind-account__foto-btn:hover .dashicons {
    color: #ac171e !important;
}


/* Remove qualquer roxo do estado de foco */
.mind-account__foto-btn:focus,
.mind-account__foto-btn:focus-visible {
    color: #ac171e !important;
    border-color: #ac171e !important;
    outline-color: #ac171e !important;
}


/* =========================================================
   3. OLHO — ALTERAR SENHA
   NÃO VERMELHO / NÃO ROXO
   ========================================================= */

/*
   Mantém o olho neutro.
   Não altera o ícone, apenas remove o fundo/borda
   coloridos que aparecem no hover/focus.
*/

.mind-account__content .show-password-input,
.mind-account__content .show-password-input:hover,
.mind-account__content .show-password-input:focus,
.mind-account__content .show-password-input:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;

    color: #777 !important;
}


/* Caso o plugin esteja usando outro seletor */
.mind-account__content .password-input .show-password-input,
.mind-account__content .password-input .show-password-input:hover,
.mind-account__content .password-input .show-password-input:focus {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;

    color: #777 !important;
}


/* =========================================================
   NÃO ALTERAR O RESTANTE DO WIDGET
   ========================================================= */
 
 .mind-account__nav ul li {
    margin-bottom: 4px !important;
}  

.mind-account__foto-btn {
    border: 1px solid #ccc !important;
}

.mind-account__nav ul li:last-child {
    margin-bottom: 0 !important;
}

.mind-account__nav ul li:last-child a {
    transform: translateY(-2px);
}

/* OAKRED — ajuste do Sair */
.mind-account__nav ul li:last-child {
    margin: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.mind-account__nav ul li:last-child a {
    transform: none !important;
    border-top: 0 !important;
}/* End custom CSS */