.elementor-404 .elementor-element.elementor-element-84d969a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-404 .elementor-element.elementor-element-84d969a:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-84d969a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b67143d );}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-b67143d );}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#222222;}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#222222;}.elementor-404 .elementor-element.elementor-element-60ca4ed{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--tabs-normal-color:var( --e-global-color-text );--tabs-hover-color:var( --e-global-color-text );--tabs-hover-border-color:var( --e-global-color-secondary );--tabs-active-color:var( --e-global-color-text );--tabs-active-border-color:var( --e-global-color-secondary );--tabs-border-type:solid;--tabs-border-color:#02010100;--sections-background-color:var( --e-global-color-b67143d );--sections-border-type:none;--sections-border-radius:0px 0px 0px 0px;--sections-padding:20px 20px 20px 20px;--edit-link-margin-top:20px;--edit-link-margin-start:20px;--typography-section-titles-color:var( --e-global-color-secondary );--section-title-spacing:0px;--general-text-color:var( --e-global-color-text );--checkboxes-color:var( --e-global-color-b67143d );--links-normal-color:var( --e-global-color-secondary );--links-hover-color:#61C7CBCC;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--order-summary-rows-gap-top:calc( 0px/2 );--order-summary-rows-gap-bottom:calc( 0px/2 );}.elementor-404 .elementor-element.elementor-element-60ca4ed.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-weight:500;text-transform:uppercase;letter-spacing:0.4px;border-width:0px 3px 0px 0px;}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 20px + 40px );}.elementor-404 .elementor-element.elementor-element-60ca4ed .woocommerce-pagination{padding-bottom:20px;}.elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-404 .elementor-element.elementor-element-60ca4ed .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:500;}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-84d969a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-404 .elementor-element.elementor-element-60ca4ed{--tabs-alignment:start;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-60ca4ed *//* ==========================================
   KAMUY - DETALHES DA CONTA (EDIT ACCOUNT) - COM FIX DE SENHA CIANO
   ========================================== */

/* 1. Labels e Textos Auxiliares */
.woocommerce-EditAccountForm label {
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.woocommerce-EditAccountForm label .required {
    color: #00E0D6 !important;
    text-decoration: none !important;
    border: none !important;
}

.woocommerce-EditAccountForm em,
.woocommerce-EditAccountForm span.description {
    color: #818a96 !important;
    font-size: 12px !important;
    font-style: italic !important;
    display: block !important;
    margin-top: 6px !important;
}

/* 2. Inputs Base (Texto e Email) */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    background-color: #040B11 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(82, 73, 153, 0.5) !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-family: 'Inter', sans-serif !important;
    height: 48px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

.woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-EditAccountForm input[type="password"]:focus {
    border-color: #00E0D6 !important;
    box-shadow: 0 0 8px rgba(0, 224, 214, 0.2) !important;
}

/* 3. BLINDAGEM DO BOTÃO NATIVO DE SENHA (INJEÇÃO DE SVG CIANO + LOGICA DE CORTE) */
.woocommerce-EditAccountForm .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Garante que o texto digitado não passe por cima do ícone do olho */
.woocommerce-EditAccountForm .password-input input[type="password"],
.woocommerce-EditAccountForm .password-input input[type="text"] {
    padding-right: 45px !important; 
}

/* Ajusta o posicionamento do botão nativo e aplica a opacidade sutil */
.woocommerce-EditAccountForm .password-input .show-password-input {
    right: 15px !important;
    z-index: 10 !important;
    opacity: 0.4 !important; /* Ciano sutil e integrado ao Dark Mode */
    transition: opacity 0.2s ease !important;
    filter: none !important; /* Aniquila o brilho neon */
}

/* Hover Limpo: Apenas acende o ícone para 100% de opacidade */
.woocommerce-EditAccountForm .password-input .show-password-input:hover {
    opacity: 1 !important;
    filter: none !important;
}

/* ESTADO 1: SENHA OCULTA (Olho com Corte em Ciano) */
.woocommerce form .show-password-input::before, 
.woocommerce-page form .show-password-input::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%2300E0D6"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"/></svg>') !important;
}

/* ESTADO 2: SENHA VISÍVEL (Olho Normal em Ciano) */
.woocommerce form .show-password-input.display-password::before, 
.woocommerce-page form .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="%2300E0D6"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>') !important;
}

/* 4. Título da Seção de Senha */
.woocommerce-EditAccountForm fieldset {
    border: none !important;
    padding: 0 !important;
    margin-top: 35px !important;
}

.woocommerce-EditAccountForm fieldset legend {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(82, 73, 153, 0.3) !important;
    padding-bottom: 10px !important;
    width: 100% !important;
}

/* 5. Botão de Salvar */
.woocommerce-EditAccountForm button[name="save_account_details"] {
    background-color: #00E0D6 !important;
    color: #040B11 !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
}

.woocommerce-EditAccountForm button[name="save_account_details"]:hover {
    background-color: #00a39c !important;
    box-shadow: 0 0 15px rgba(0, 224, 214, 0.3) !important;
}

/* 6. Remoção do Autofill */
.woocommerce-EditAccountForm input:-webkit-autofill,
.woocommerce-EditAccountForm input:-webkit-autofill:hover, 
.woocommerce-EditAccountForm input:-webkit-autofill:focus, 
.woocommerce-EditAccountForm input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #040B11 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border: 1px solid rgba(0, 224, 214, 0.5) !important;
}

/* 7. Grid de Colunas (Desktop) */
@media (min-width: 769px) {
    .woocommerce-EditAccountForm p.woocommerce-form-row--first {
        float: left !important;
        width: 48% !important;
    }
    .woocommerce-EditAccountForm p.woocommerce-form-row--last {
        float: right !important;
        width: 48% !important;
    }
    .woocommerce-EditAccountForm .clear {
        clear: both !important;
    }
}
/* ==========================================
   KAMUY - ENDEREÇOS DE COBRANÇA E ENTREGA (DARK MODE)
   ========================================== */

/* 1. Labels e Textos Auxiliares */
.woocommerce-address-fields label {
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* Asterisco de campo obrigatório em Ciano */
.woocommerce-address-fields label .required {
    color: #00E0D6 !important;
    text-decoration: none !important;
    border: none !important;
}

/* 2. Inputs de Texto, Telefone, E-mail e Textarea */
.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="email"],
.woocommerce-address-fields input[type="tel"],
.woocommerce-address-fields textarea {
    background-color: #040B11 !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(82, 73, 153, 0.5) !important; /* Borda Roxo Elétrico */
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-family: 'Inter', sans-serif !important;
    height: 48px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

/* Foco Tático (Acende a borda em Ciano) */
.woocommerce-address-fields input[type="text"]:focus,
.woocommerce-address-fields input[type="email"]:focus,
.woocommerce-address-fields input[type="tel"]:focus,
.woocommerce-address-fields textarea:focus {
    border-color: #00E0D6 !important;
    box-shadow: 0 0 8px rgba(0, 224, 214, 0.2) !important;
}

/* 3. Remoção do Autofill do Navegador (Fundo Azul/Branco) */
.woocommerce-address-fields input:-webkit-autofill,
.woocommerce-address-fields input:-webkit-autofill:hover, 
.woocommerce-address-fields input:-webkit-autofill:focus, 
.woocommerce-address-fields input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #040B11 inset !important;
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border: 1px solid rgba(0, 224, 214, 0.5) !important;
}

/* 4. Select2 (Dropdowns de País e Estado) */
.woocommerce-address-fields .select2-container .select2-selection--single {
    background-color: #040B11 !important;
    border: 1px solid rgba(82, 73, 153, 0.5) !important;
    height: 48px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    outline: none !important;
}
.woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    padding-left: 15px !important;
}
.woocommerce-address-fields .select2-container .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

/* 5. Botão "Salvar Endereço" (CTA Agressivo) */
.woocommerce-address-fields button[type="submit"],
.woocommerce-address-fields .button {
    background-color: #00E0D6 !important;
    color: #040B11 !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    width: 100% !important; /* Estica o botão para dar peso */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 25px !important;
    display: block !important;
}

.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-address-fields .button:hover {
    background-color: #00a39c !important;
    box-shadow: 0 0 15px rgba(0, 224, 214, 0.3) !important;
}

/* 6. Grid de Colunas para Desktop (Nome/Sobrenome Lado a Lado) */
@media (min-width: 769px) {
    .woocommerce-address-fields .form-row-first {
        float: left !important;
        width: 48% !important;
    }
    .woocommerce-address-fields .form-row-last {
        float: right !important;
        width: 48% !important;
    }
    .woocommerce-address-fields .form-row-wide {
        clear: both !important;
        width: 100% !important;
    }
    /* Limpeza de floats para não quebrar o layout */
    .woocommerce-address-fields::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
}

/* Aniquilação do fundo azulado padrão que aparece no seu Elementor */
.woocommerce-address-fields {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}

/* ==========================================
   KAMUY - TABELA DE PEDIDOS (MINHA CONTA)
   ========================================== */

/* 1. Reset da Tabela e Fundo Transparente */
.woocommerce-account table.shop_table.my_account_orders {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
}

/* 2. Cabeçalho da Tabela (Limpo e Técnico) */
.woocommerce-account table.shop_table.my_account_orders thead th {
    background-color: #071822 !important; /* Fundo ligeiramente mais escuro que a página */
    color: #babfc5 !important; /* Texto cinza claro, para não roubar foco dos dados */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    border-bottom: 2px solid #524999 !important; /* Linha de base Roxo Elétrico */
    padding: 15px 10px !important;
    text-align: left !important;
}

/* 3. Linhas e Células dos Pedidos (O Dado Puro) */
.woocommerce-account table.shop_table.my_account_orders tbody td {
    background-color: transparent !important;
    color: #FFFFFF !important; /* Texto branco absoluto para contraste total */
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none !important;
    border-bottom: 1px solid rgba(82, 73, 153, 0.2) !important; /* Divisória ultra-suave roxa */
    padding: 20px 10px !important; /* Mais respiro vertical */
    vertical-align: middle !important;
}

/* Número do Pedido Destacado (Hyperlink) */
.woocommerce-account table.shop_table.my_account_orders tbody td.woocommerce-orders-table__cell-order-number a {
    color: #00E0D6 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.woocommerce-account table.shop_table.my_account_orders tbody td.woocommerce-orders-table__cell-order-number a:hover {
    color: #00a39c !important;
    text-shadow: 0 0 8px rgba(0, 224, 214, 0.4) !important;
}

/* 4. Coluna de Ações (O Arsenal de Botões) */
.woocommerce-account table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions {
    text-align: right !important; /* Encosta os botões à direita */
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* 5. Estilização Kamuy dos Botões (Pagar, Visualizar, Cancelar) */
.woocommerce-account table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(82, 73, 153, 0.6) !important; /* Borda Roxo Elétrico sutil */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin: 0 !important; 
    box-shadow: none !important;
}

/* Hover Padrão (Pagar e Visualizar acendem em Ciano) */
.woocommerce-account table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button:hover {
    background-color: rgba(0, 224, 214, 0.1) !important;
    color: #00E0D6 !important;
    border-color: #00E0D6 !important;
    box-shadow: none !important; 
}

/* Hover Exclusivo do Botão Cancelar (Acende em Vermelho Alerta) */
.woocommerce-account table.shop_table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button.cancel:hover {
    background-color: rgba(255, 51, 51, 0.1) !important;
    border-color: #ff3333 !important;
    color: #ff3333 !important;
    box-shadow: none !important;
}

/* ==========================================
   KAMUY - VISUALIZAR PEDIDO (ORDER DETAILS)
   ========================================== */

/* 1. Limpeza dos Títulos da Página (Detalhes do pedido, Endereços) */
.woocommerce-account .woocommerce-order h2 {
    background-color: transparent !important; /* Destrói o tijolo roxo/azul */
    color: #00E0D6 !important; /* Ciano Kamuy para hierarquia */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #524999 !important; /* Linha de base Roxo Elétrico */
    padding: 0 0 10px 0 !important;
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    display: block !important;
    box-shadow: none !important;
}

/* 2. Reset da Tabela de Detalhes do Pedido */
.woocommerce-account .woocommerce-order table.shop_table.order_details {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 30px !important;
}

/* 3. Cabeçalho da Tabela (Produto / Total) - Forçando o Branco */
.woocommerce-account .woocommerce-order table.shop_table.order_details thead th {
    background-color: #071822 !important; /* Fundo chumbo imersivo */
    color: #FFFFFF !important; /* TEXTO BRANCO FORÇADO */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-bottom: 2px solid #524999 !important;
    padding: 15px !important;
}

/* 4. Linhas do Corpo (Itens) e Rodapé (Totais) */
.woocommerce-account .woocommerce-order table.shop_table.order_details tbody td,
.woocommerce-account .woocommerce-order table.shop_table.order_details tfoot th,
.woocommerce-account .woocommerce-order table.shop_table.order_details tfoot td {
    background-color: transparent !important;
    color: #babfc5 !important; /* Cinza claro para não cansar a vista */
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid rgba(82, 73, 153, 0.2) !important; /* Divisória ultra-suave */
    padding: 15px !important;
}

/* Destaque Tático para Valores Totais e Nomes de Produtos */
.woocommerce-account .woocommerce-order table.shop_table.order_details tbody td.product-name a,
.woocommerce-account .woocommerce-order table.shop_table.order_details tfoot td .amount,
.woocommerce-account .woocommerce-order table.shop_table.order_details tfoot th {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* 5. Caixas de Endereço (Cobrança e Entrega) */
.woocommerce-account .woocommerce-order address {
    background-color: rgba(4, 11, 17, 0.5) !important; /* Fundo quase imperceptível */
    color: #babfc5 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    border: 1px solid rgba(82, 73, 153, 0.3) !important; /* Borda fina */
    padding: 20px !important;
    border-radius: 4px !important;
    font-style: normal !important;
}

/* 6. A mensagem inicial ("O pedido X foi realizado em...") */
.woocommerce-account .woocommerce-order > p {
    color: #babfc5 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    margin-bottom: 25px !important;
}
.woocommerce-account .woocommerce-order > p mark {
    background-color: transparent !important;
    color: #00E0D6 !important; /* Destaca o Status do pedido em Ciano */
    font-weight: 700 !important;
}/* End custom CSS */