.elementor-276 .elementor-element.elementor-element-fc556dc{--display:flex;--min-height:71vh;--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-276 .elementor-element.elementor-element-d2985d5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-276 .elementor-element.elementor-element-d2985d5:not(.elementor-motion-effects-element-type-background), .elementor-276 .elementor-element.elementor-element-d2985d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-276 .elementor-element.elementor-element-b1496ef > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-276 .elementor-element.elementor-element-b1496ef img{width:25%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-2fdca4c > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-276 .elementor-element.elementor-element-2fdca4c{text-align:center;}.elementor-276 .elementor-element.elementor-element-2fdca4c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-ef244a2{text-align:center;}.elementor-276 .elementor-element.elementor-element-ef244a2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-5e5f4fc );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-276 .elementor-element.elementor-element-00a8fb4 > .elementor-widget-container{margin:45px 0px 0px 0px;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-icon i{color:var( --e-global-color-5e5f4fc );transition:color 0.2s;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-icon svg{fill:var( --e-global-color-5e5f4fc );transition:fill 0.2s;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-00a8fb4{--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-text{color:var( --e-global-color-5e5f4fc );transition:color 0.2s;}.elementor-276 .elementor-element.elementor-element-00a8fb4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-cba61ce{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-276 .elementor-element.elementor-element-cba61ce:not(.elementor-motion-effects-element-type-background), .elementor-276 .elementor-element.elementor-element-cba61ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-276 .elementor-element.elementor-element-d2985d5{--width:33.3333%;}.elementor-276 .elementor-element.elementor-element-cba61ce{--width:66.6666%;}}@media(max-width:767px){.elementor-276 .elementor-element.elementor-element-fc556dc{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-276 .elementor-element.elementor-element-d2985d5{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;}.elementor-276 .elementor-element.elementor-element-cba61ce{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-b1a9fa9 *//*
 * Estilos Customizados para a Tabela de Pedidos do WooCommerce
 * Objetivo: Transformar cada linha em um "card" com todos os itens verticalmente centralizados,
 * remover sombras, ajustar bordas (1.5px, #dfdfdf, 15px de arredondamento), mudar a cor do texto de data/valor,
 * ajustar as cores, arredondamento (4px) e padding dos badges de status,
 * estilizar o botão "Visualizar", padronizar TODOS os textos (número, data, status, total, botão) para 13px,
 * estilizar os botões de paginação "Anterior" e "Próximo" com o mesmo estilo do botão Visualizar, juntos ao centro,
 * inverter o normal/hover do botão "Próximo",
 * centralizar os botões de ação do pedido com 5px de espaçamento.
 * ALTERAÇÃO: Bordas de todos os botões para 1.5px (normal e hover).
 * NOVA ALTERAÇÃO: Estilo (cor, fonte, tamanho) do valor do pedido igual ao do número do pedido.
 * OTIMIZAÇÃO: Melhoria da Responsividade.
 * NOVA ALTERAÇÃO: Ocultar os títulos "Data:", "Status:", "Total:" e "Ações:" no modo responsivo.
 * NOVA ALTERAÇÃO: Centralizar todos os itens (número, data, status, total, botão) no modo responsivo.
 * NOVA ALTERAÇÃO: Fazer o card e seus containers pais ocuparem a largura total.
 * NOVA ALTERAÇÃO: Ajustar espaçamento do botão Visualizar para igualar os outros itens.
 * NOVA ALTERAÇÃO: Ajustar a borda do card na versão mobile para 2px.
 * NOVA ALTERAÇÃO: Todos os textos dos cards (número, data, badge, valor e botão) no mobile ficam com 15px.
 * NOVA ALTERAÇÃO: Ajustar espaçamento vertical entre valor e botão para ser consistente (5px).
 * NOVA ALTERAÇÃO: Centralizar o texto do valor total no mobile.
 * NOVA ALTERAÇÃO: Garantir que todos os itens estejam centralizados horizontalmente no mobile.
 * NOVA ALTERAÇÃO: Remover ou ajustar o padding interno do botão "Visualizar" na versão mobile.
 * NOVA ALTERAÇÃO: Remover a margem superior de 5px do botão "Visualizar" na versão mobile.
 * NOVA ALTERAÇÃO: Adicionar margem inferior de 5px ao botão "Visualizar" na versão mobile.
 * NOVA ALTERAÇÃO: Ajustar o espaçamento entre os cards para 20px na versão mobile.
 * NOVA ALTERAÇÃO: Tentar corrigir o espaço em branco vertical do lado direito no mobile.
 */

/* Garante que o corpo da página e o HTML não tenham scroll horizontal */
html, body {
    overflow-x: hidden !important;
}

/* 1. Oculta o cabeçalho da tabela (Agendamento, Data, Total, etc.) */
.woocommerce-orders-table thead {
    display: none !important;
}

/* 2. Remove bordas e sombras padrão de toda a tabela e suas células/linhas */
.woocommerce-orders-table,
.woocommerce-orders-table th,
.woocommerce-orders-table td,
.woocommerce-orders-table tr {
    border: none !important;
    box-shadow: none !important;
}

/* Garante que os containers principais do WooCommerce e Elementor ocupem 100% da largura
   e remove paddings/margens que possam estar limitando. */
.woocommerce,
.woocommerce-MyAccount-content,
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-column-wrap,
.elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}


/* Garante que a tabela ocupe 100% da largura de seu contêiner pai */
.woocommerce-orders-table {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Garante que o tbody também ocupe 100% */
.woocommerce-orders-table tbody {
    width: 100% !important;
}


/* 3. Estiliza cada LINHA da tabela (tr) como um "card" usando Flexbox */
.woocommerce-orders-table tbody tr {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important; /* ALINHA TODOS OS ITENS (CÉLULAS) VERTICALMENTE AO CENTRO */
    
    margin-bottom: 15px !important; /* Valor padrão para desktop */
    padding: 10px 15px !important;
    
    border: 1.5px solid #dfdfdf !important;
    border-radius: 15px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;

    background-image: none !important;

    width: 100% !important;
    box-sizing: border-box !important;
}

/* Remove margem inferior da última linha para evitar espaçamento extra */
.woocommerce-orders-table tbody tr:last-child {
    margin-bottom: 0 !important;
}

/* 4. Estilos gerais para as CÉLULAS (td) dentro do card */
.woocommerce-orders-table td {
    padding: 5px 0 !important; /* Padding vertical, padding horizontal será controlado pelas larguras flex */
    background-color: transparent !important;
    font-size: 13px !important;
}

/* 5. Ajusta a largura e alinhamento individual de cada tipo de célula */
.woocommerce-orders-table__cell-order-number {
    flex: 0 0 10%;
    max-width: 10%;
    color: #8A919B !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    text-align: left !important;
    font-size: 13px !important;
    background-color: transparent !important;
}

.woocommerce-orders-table__cell-order-date {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: left !important;
    color: #8A919B !important;
    font-size: 13px !important;
}

.woocommerce-orders-table__cell-order-status {
    flex: 0 0 auto !important;
    padding: 5px 10px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Estilo do valor do pedido igual ao do número do pedido */
.woocommerce-orders-table__cell-order-total {
    flex: 0 0 15%;
    max-width: 15%;
    text-align: right !important;
    color: #8A919B !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* 6. ESTILO DA CÉLULA DE AÇÕES: Centraliza os botões verticalmente e os empilha */
.woocommerce-orders-table__cell-order-actions {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    
    padding: 5px 0 !important; /* Padding vertical de 5px, horizontal de 0 */
    
    text-align: center !important;
}

/* Garante que os botões dentro da célula de ações tenham display block para o empilhamento */
.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
    width: auto !important;
    font-size: 13px !important;
}


/* 7. Estilo específico para o BADGE de status "Concluído" */
table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    color: #76b689 !important;
    padding: 3px 15px !important;
    background-color: #e4f9ea !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* 8. Estilo para o BADGE de status "Cancelado" */
table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    color: #cc3300 !important;
    padding: 3px 15px !important;
    background-color: #ffe0cc !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* Estilo para o BADGE de status "Aguardando" */
table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    color: #717fb9 !important;
    padding: 3px 15px !important;
    background-color: #e9f1f9 !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* 9. Estilo do botão "Visualizar" e outros botões de ação (NORMAL) */
.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
    background-color: transparent !important;
    border: 1.5px solid #442C1F !important;
    border-radius: 15px !important;
    color: #442C1F !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    padding: 8px 15px !important; /* Padding interno do botão */
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
}

/* 10. Estilo do HOVER do botão "Visualizar" e outros botões de ação (HOVER) */
.woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover {
    background-color: #442C1F !important;
    color: #ffffff !important;
    border: 1.5px solid #442C1F !important;
}

/* 11. Estilo da paginação */
.woocommerce-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 25px !important;
    width: 100%;
}

.woocommerce-pagination ul.page-numbers {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-grow: 0;
}

.woocommerce-pagination ul.page-numbers li {
    margin: 0 5px !important;
}

/* 12. Estilo para o botão "Anterior" da paginação (NORMAL) */
.woocommerce-pagination .woocommerce-button.woocommerce-button--previous {
    background-color: transparent !important;
    border: 1.5px solid #442C1F !important;
    border-radius: 15px !important;
    color: #442C1F !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease-in-out !important;
    line-height: normal !important;
    margin: 0 5px !important;
    box-shadow: none !important;
}

/* 13. Estilo para o botão "Anterior" da paginação (HOVER) */
.woocommerce-pagination .woocommerce-button.woocommerce-button--previous:hover {
    background-color: #442C1F !important;
    color: #ffffff !important;
    border: 1.5px solid #442C1F !important;
}

/* 14. Estilo para o botão "Próximo" da paginação (NORMAL - CORES INVERTIDAS) */
.woocommerce-pagination .woocommerce-button.woocommerce-button--next {
    background-color: #442C1F !important;
    border: 1.5px solid #442C1F !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease-in-out !important;
    line-height: normal !important;
    margin: 0 5px !important;
    box-shadow: none !important;
}

/* 15. Estilo para o botão "Próximo" da paginação (HOVER - CORES INVERTIDAS) */
.woocommerce-pagination .woocommerce-button.woocommerce-button--next:hover {
    background-color: transparent !important;
    color: #442C1F !important;
    border: 1.5px solid #442C1F !important;
}


/* 16. Estilo para o número da página atual (NORMAL) */
.woocommerce-pagination span.page-numbers.current {
    background-color: #442C1F !important;
    color: #ffffff !important;
    border: 1.5px solid #442C1F !important;
    border-radius: 15px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 8px 15px !important;
    display: inline-block !important;
    line-height: normal !important;
    margin: 0 5px !important;
}

/* 17. Estilo para o número da página atual (HOVER - caso o tema adicione hover) */
.woocommerce-pagination span.page-numbers.current:hover {
    background-color: #442C1F !important;
    color: #ffffff !important;
    border: 1.5px solid #442C1F !important;
    cursor: default;
}

/* 18. OTIMIZAÇÃO DA RESPONSIVIDADE PARA TELAS MENORES (max-width: 767px) */
@media screen and (max-width: 767px) {
    .woocommerce-orders-table tbody tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* ALINHA TODOS OS ITENS HORIZONTALMENTE AO CENTRO DO CARD */
        justify-content: center !important; /* Centraliza verticalmente o grupo de itens dentro do card, se houver espaço extra */
        padding: 10px !important;
        border: 2px solid #dfdfdf !important;
        margin-bottom: 20px !important;
    }

    /* Define o tamanho da fonte para 15px e centraliza o texto para as células de texto */
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-number,
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-date,
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-total {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
        font-size: 15px !important;
    }

    /* Regras específicas para a CÉLULA DE STATUS em mobile */
    .woocommerce-orders-table__cell-order-status {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }

    /* Estilos dos BADGES em mobile (tamanho de fonte e centralização) */
    table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status,
    table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status,
    table.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status {
        font-size: 15px !important;
        text-align: center !important;
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 5px !important;
    }

    /* Seletor genérico para os badges, como um fallback ou para outros statuses */
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status mark.order-status,
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status span.woocommerce-badge,
    table.woocommerce-orders-table tbody tr .woocommerce-orders-table__cell-order-status a.woocommerce-badge {
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        padding: 3px 8px !important;
        text-align: center !important;
        font-size: 15px !important;
        margin-bottom: 5px !important;
    }

    /* Oculta os títulos responsivos ("Data:", "Total:", "Ações:", etc.) */
    .woocommerce-orders-table.shop_table_responsive .woocommerce-orders-table__cell::before {
        display: none !important;
    }

    /* Centraliza o botão "Visualizar" e outros botões de ação no modo responsivo */
    .woocommerce-orders-table.shop_table_responsive .woocommerce-orders-table__cell-order-actions {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    /* Estilo do BOTÃO "Visualizar" e outros botões de ação no mobile */
    .woocommerce-orders-table.shop_table_responsive .woocommerce-orders-table__cell-order-actions a.woocommerce-button {
        font-size: 15px !important;
        padding: 8px 20px !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* Centraliza e ajusta os botões de paginação no mobile */
    .woocommerce-pagination .woocommerce-button.woocommerce-button--previous,
    .woocommerce-pagination .woocommerce-button.woocommerce-button--next,
    .woocommerce-pagination span.page-numbers.current {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        font-size: 15px !important;
    }

    .woocommerce-pagination ul.page-numbers {
        flex-direction: column !important;
        width: 100%;
        align-items: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cba61ce *//* ------------------------------
  BASE: Fonte Roboto global
------------------------------ */
.woocommerce-EditAccountForm.edit-account,
.woocommerce-EditAccountForm.edit-account * {
    font-family: 'Roboto', sans-serif !important;
}

/* ------------------------------
  INPUTS (textos, emails, senhas)
------------------------------ */
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    border: 2px solid #DFDFDF !important;
    border-radius: 15px !important;
    padding: 10px 14px;
    font-size: 13px;
    background-color: #fff;
    box-shadow: none;
    width: 100%;
    transition: border-color 0.2s ease-in-out;
}

.woocommerce-EditAccountForm input:focus {
    border-color: #442C1F !important;
    outline: none;
}

/* Alinhamento correto para campo "Senha atual" */
label[for="password_current"],
#password_current,
#password_current:focus {
    text-align: left !important;
    margin: 0 !important;
    display: block;
}

/* ------------------------------
  LABELS dos campos
------------------------------ */
label[for="account_first_name"],
label[for="account_last_name"],
label[for="account_display_name"],
label[for="account_email"],
label[for="password_1"],
label[for="password_2"],
label[for="password_current"] {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #442C1F !important;
    margin-bottom: 5px;
    display: inline-block;
}

/* ------------------------------
  LEGEND do fieldset (Alteração de senha)
------------------------------ */
.woocommerce-EditAccountForm legend {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #442C1F !important;
    margin-bottom: 10px;
}

/* ------------------------------
  FIELDSET estilo "card"
------------------------------ */
.woocommerce-EditAccountForm fieldset {
    border: 2px solid #DFDFDF !important;
    border-radius: 15px !important;
    padding: 20px;
    margin-top: 25px;
    background-color: #fff;
}

/* ------------------------------
  TEXTO AUXILIAR: Nome de exibição
------------------------------ */
#account_display_name_description {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    color: #555;
    display: block;
    margin-top: 4px;
}

/* ------------------------------
  BOTÃO "Salvar alterações"
------------------------------ */
.woocommerce-EditAccountForm .woocommerce-Button.button {
    background-color: transparent;
    border: 1.5px solid #442C1F;
    border-radius: 15px;
    color: #442C1F;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 22px;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 25px;
    display: inline-block;
}

/* Hover do botão */
.woocommerce-EditAccountForm .woocommerce-Button.button:hover {
    background-color: #442C1F;
    color: #ffffff;
    border-color: #442C1F;
}

/* Centraliza o botão */
.woocommerce-EditAccountForm p:last-of-type {
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc556dc */.woocommerce-agendamento-detalhes h2 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #442C1F !important;
    margin-bottom: 15px;
}





/* Aplica Roboto apenas ao texto, sem afetar ícones */
.jet-card p,
.jet-card strong,
.jet-card span {
    font-family: 'Roboto', sans-serif !important;
}

/* Estilo principal do card */
.jet-card {
    border: 1.5px solid #dfdfdf;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: none;
    max-width: 100%;
}

/* Estilo das linhas do card */
.jet-card p {
    font-size: 13px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* Ícones Font Awesome */
.jet-card i {
    margin-right: 10px;
    color: #555;
    min-width: 22px;
    text-align: center;
    font-size: 15px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}

/* Badge de status */
.badge-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 8px;
}

/* Cores por status */
.badge-status.pending {
    background-color: #e9f1f9;
    color: #4a64ad;
}
.badge-status.confirmed,
.badge-status.completed {
    background-color: #e4f9ea;
    color: #3a7c4c;
}
.badge-status.cancelled,
.badge-status.rejected {
    background-color: #ffe0cc;
    color: #b33600;
}
.badge-status.failed {
    background-color: #fbeaec;
    color: #a22c3f;
}
.badge-status.on-hold {
    background-color: #fff3cd;
    color: #8a6d3b;
}/* End custom CSS */