.elementor-10 .elementor-element.elementor-element-39d075b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-39d075b *//* ===== BRASIL ELETRO – BOTÕES DA COLUNA AÇÕES (MEUS PEDIDOS) ===== */

/* Área da coluna AÇÕES */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    text-align: right;
    vertical-align: middle;
    padding-right: 24px;
}

/* Estilo base de TODOS os botões da coluna AÇÕES  */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button {
    display: block;              /* um embaixo do outro */
    width: 145px;                /* largura fixa bonitinha */
    max-width: 100%;
    margin: 4px 0;               /* espaço entre eles */
    padding: 10px 18px;
    border-radius: 999px;        /* formato “pílula” */
    font-size: 14px;
    font-weight: 700;
    border: none;
    text-align: center;
    text-transform: none;
    line-height: 1.1;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
    transition: all 0.2s ease-in-out;
}

/* Remove qualquer borda / fundo padrão do tema */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
    text-decoration: none;
}

/* --- BOTÃO PRINCIPAL: PAGAR --- */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.pay,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.pay.order-pay,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.pay {
    background: #008b3a;         /* Verde forte */
    color: #ffffff;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.pay:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.pay:hover {
    background: #00672b;         /* Verde um pouco mais escuro */
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 103, 43, 0.35);
}

/* --- BOTÃO SECUNDÁRIO: VISUALIZAR --- */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.view {
    background: #ffffff;
    color: #002776;              /* Azul Brasil Eletro */
    border: 2px solid #002776;
    box-shadow: 0 3px 10px rgba(0,0,0,0.10);
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.view:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.view:hover {
    background: #002776;
    color: #ffffff;
    transform: translateY(-2px);
}

/* --- BOTÃO TERCIÁRIO: CANCELAR --- */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.cancel {
    background: #ffffff;
    color: #b02a37;              /* Vermelho elegante */
    border: 2px solid #b02a37;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.cancel:hover {
    background: #b02a37;
    color: #ffffff;
    transform: translateY(-2px);
}

/* ===== RESPONSIVO – AJUSTE QUANDO A TELA FICAR ESTREITA ===== */
@media (max-width: 780px) {
    /* deixa os botões ocuparem 100% da largura da célula */
    .woocommerce-account .woocommerce-orders-table__cell-order-actions {
        text-align: center;
        padding-right: 8px;
        padding-left: 8px;
    }

    .woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
    .woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button {
        width: 100%;
        max-width: 220px;
        margin: 6px auto;
        font-size: 13px;
        padding: 10px 14px;
    }
}/* End custom CSS */