.elementor-1522 .elementor-element.elementor-element-5a5c0d3{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for shortcode, class: .elementor-element-1b9d333 *//* Customizando o Menu da Minha Conta com suas cores */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

.woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #f0f0f0;
}

.woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none;
}

/* Cor do texto padrão (Azul #394DBF) */
.woocommerce-MyAccount-navigation li a {
    padding: 18px 20px;
    display: block;
    text-decoration: none;
    color: #394DBF; /* Seu azul */
    font-weight: 600;
    transition: all 0.4s ease;
}

/* Efeito Hover e Item Ativo com seu Gradiente */
.woocommerce-MyAccount-navigation li:hover a,
.woocommerce-MyAccount-navigation li.is-active a {
    background: rgb(190, 211, 247);
    background: linear-gradient(90deg, rgba(190, 211, 247, 1) 15%, rgba(242, 203, 231, 1) 72%);
    color: #ffffff !important; /* Texto branco no hover */
    padding-left: 30px; /* Efeito de deslize */
}

/* Ajuste de Layout (Desktop) */
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        float: left;
        width: 28%;
    }
    .woocommerce-MyAccount-content {
        float: right;
        width: 68%;
    }
}


/* Aplica o gradiente e a cor azul em todos os botões principais da Minha Conta */
.woocommerce-MyAccount-content .button, 
.woocommerce-MyAccount-content button[type="submit"] {
    background: rgb(190, 211, 247) !important;
    background: linear-gradient(90deg, rgba(190, 211, 247, 1) 15%, rgba(242, 203, 231, 1) 72%) !important;
    color: #394DBF !important;
    border: none !important;
    transition: color 0.3s ease, opacity 0.3s ease !important;
}

/* Cor do texto branca ao passar o mouse */
.woocommerce-MyAccount-content .button:hover, 
.woocommerce-MyAccount-content button[type="submit"]:hover {
    color: #ffffff !important;
    opacity: 0.9; /* Leve efeito visual de clique */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a5c0d3 *//* Estilização Geral dos Botões de Ação na Tabela */
.woocommerce-orders-table__cell-order-actions .button {
    /* Aplicando seu Gradiente */
    background: rgb(190, 211, 247) !important;
    background: linear-gradient(90deg, rgba(190, 211, 247, 1) 15%, rgba(242, 203, 231, 1) 72%) !important;
    
    /* Cor do Texto e Tipografia */
    color: #394DBF !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 0.5px;
    
    /* Formato e Espaçamento */
    border: none !important;
    border-radius: 50px !important; /* Deixa os botões arredondados (estilo pílula) */
    padding: 8px 16px !important;
    margin: 4px 2px !important; /* Separa os botões um do outro */
    display: inline-block !important;
    text-align: center;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Efeito Hover - Texto fica Branco e o botão sobe levemente */
.woocommerce-orders-table__cell-order-actions .button:hover {
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(190, 211, 247, 0.6);
}

/* Ajuste específico para o botão de Cancelar (Opcional) */
/* Se quiser que o cancelar seja menos chamativo, mude o brilho no hover */
.woocommerce-orders-table__cell-order-actions .button.cancel:hover {
    filter: brightness(0.9);
}

/* Forçar a largura da célula para os botões não quebrarem linha feio */
.woocommerce-orders-table__cell-order-actions {
    white-space: nowrap;
    min-width: 250px;
}

/* Ajuste para Celular - Botões um embaixo do outro para não espremer a tabela */
@media (max-width: 600px) {
    .woocommerce-orders-table__cell-order-actions {
        white-space: normal;
    }
    .woocommerce-orders-table__cell-order-actions .button {
        display: block !important;
        width: 100%;
        margin: 5px 0 !important;
    }
}/* End custom CSS */