.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a0bd5b3:#000000;--e-global-color-501c2a2:#FFFFFF;--e-global-color-af2f255:#F18517;--e-global-color-8ce02f4:#009245;--e-global-color-8e15731:#0D4881;--e-global-color-b0e8ec8:#F0F0F0;--e-global-typography-primary-font-family:"Roboto Slab";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================================
   FORTREX | ÁREA DO CLIENTE — CSS GLOBAL (único)
   ---------------------------------------------------------------------
   Onde colar: Elementor > Configurações do site > CSS personalizado
   (alternativa: Aparência > Personalizar > CSS adicional).
   NÃO cole este CSS dentro de widgets HTML/Editor de texto.

   Escopo:
   - Classes próprias:   .ft-account-menu, .ft-account-logout,
                         .ft-account-content, .ft-head, .ft-cards,
                         .ft-help, .ft-auth-*
   - Widgets JetWooBuilder: [class*="elementor-widget-jet-myaccount"]
     (funciona no site e também dentro do editor do Elementor)
   ===================================================================== */

:root {
    --ft-verde: #009245;
    --ft-verde-esc: #00773a;
    --ft-verde-claro: #eef8f2;
    --ft-laranja: #F18517;
    --ft-laranja-esc: #d4700b;
    --ft-laranja-claro: #fff4e8;
    --ft-texto: #232629;
    --ft-cinza: #5c6366;
    --ft-cinza-2: #8a9195;
    --ft-borda: #e3e7e5;
    --ft-borda-campo: #cfd5d2;
    --ft-fundo: #f6f8f7;
    --ft-erro: #c62828;
    --ft-erro-claro: #fdf0f0;
    --ft-raio: 12px;
    --ft-sombra: 0 6px 24px rgba(16, 24, 20, .06);
    --ft-fonte: "Roboto Slab", serif;
}


/* =====================================================================
   1. MENU LATERAL (widget HTML com .ft-account-menu)
   ===================================================================== */

.ft-account-menu {
    width: 100%;
    padding: 22px 14px;
    background: #fff;
    border: 1px solid var(--ft-borda);
    border-radius: 14px;
    box-shadow: var(--ft-sombra);
    font-family: var(--ft-fonte);
    box-sizing: border-box;
}

.ft-account-menu *,
.ft-account-menu *::before,
.ft-account-menu *::after {
    box-sizing: border-box;
}

.ft-account-menu__head {
    margin: 0 0 8px;
    padding: 0 10px 16px;
    border-bottom: 1px solid var(--ft-borda);
}

.ft-account-menu__eyebrow {
    display: block;
    margin-bottom: 4px;
    color: var(--ft-laranja);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ft-account-menu__title {
    margin: 0;
    color: var(--ft-texto);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}

.ft-account-menu ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ft-account-menu li {
    margin: 0;
    padding: 0;
}

.ft-account-menu li::marker {
    content: none;
}

.ft-account-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 9px;
    color: var(--ft-texto);
    font-family: var(--ft-fonte);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}

.ft-account-menu a:hover {
    background: var(--ft-verde-claro);
    color: var(--ft-verde);
}

.ft-account-menu a:focus-visible {
    outline: 2px solid var(--ft-verde);
    outline-offset: 2px;
}

/* Ícones (o traço vem daqui; o SVG só precisa do viewBox) */
.ft-ico {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: var(--ft-laranja);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Item ativo — classes que o WooCommerce coloca no <body> */
body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-view-order):not(.woocommerce-edit-address):not(.woocommerce-edit-account):not(.woocommerce-payment-methods):not(.woocommerce-add-payment-method) .ft-account-menu .ft-nav-painel,
body.woocommerce-orders .ft-account-menu .ft-nav-pedidos,
body.woocommerce-view-order .ft-account-menu .ft-nav-pedidos,
body.woocommerce-edit-address .ft-account-menu .ft-nav-enderecos,
body.woocommerce-edit-account .ft-account-menu .ft-nav-dados,
body.woocommerce-payment-methods .ft-account-menu .ft-nav-pagamentos,
body.woocommerce-add-payment-method .ft-account-menu .ft-nav-pagamentos {
    background: var(--ft-verde);
    color: #fff;
}

body.woocommerce-account:not(.woocommerce-orders):not(.woocommerce-view-order):not(.woocommerce-edit-address):not(.woocommerce-edit-account):not(.woocommerce-payment-methods):not(.woocommerce-add-payment-method) .ft-account-menu .ft-nav-painel .ft-ico,
body.woocommerce-orders .ft-account-menu .ft-nav-pedidos .ft-ico,
body.woocommerce-view-order .ft-account-menu .ft-nav-pedidos .ft-ico,
body.woocommerce-edit-address .ft-account-menu .ft-nav-enderecos .ft-ico,
body.woocommerce-edit-account .ft-account-menu .ft-nav-dados .ft-ico,
body.woocommerce-payment-methods .ft-account-menu .ft-nav-pagamentos .ft-ico,
body.woocommerce-add-payment-method .ft-account-menu .ft-nav-pagamentos .ft-ico {
    stroke: #fff;
}


/* =====================================================================
   2. BOTÃO SAIR (widget "Account Logout" com classe .ft-account-logout)
   ===================================================================== */

.ft-account-logout {
    margin-top: 12px;
    font-family: var(--ft-fonte);
}

.ft-account-logout a,
.ft-account-logout .button {
    display: block !important;
    width: 100% !important;
    padding: 12px 18px !important;
    background: transparent !important;
    border: 1px solid var(--ft-borda) !important;
    border-radius: 9px !important;
    color: var(--ft-cinza) !important;
    font-family: var(--ft-fonte) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: all .2s ease;
}

.ft-account-logout a:hover,
.ft-account-logout .button:hover {
    background: var(--ft-erro-claro) !important;
    border-color: #f1c9c9 !important;
    color: var(--ft-erro) !important;
}


/* =====================================================================
   3. CAIXA DE CONTEÚDO (widget "Account Content" com .ft-account-content)
   ===================================================================== */

.ft-account-content {
    width: 100%;
    min-height: 360px;
    padding: 32px 36px;
    background: #fff;
    border: 1px solid var(--ft-borda);
    border-radius: 14px;
    box-shadow: var(--ft-sombra);
    font-family: var(--ft-fonte);
    box-sizing: border-box;
}


/* =====================================================================
   4. CABEÇALHO DAS SEÇÕES (.ft-head) + CARDS (.ft-cards) + AJUDA (.ft-help)
   ===================================================================== */

.ft-head {
    margin: 0 0 26px;
    font-family: var(--ft-fonte);
}

.ft-head__eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--ft-laranja);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ft-head__title {
    margin: 0 0 8px;
    color: var(--ft-verde);
    font-family: var(--ft-fonte);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

.ft-head__title--sm {
    color: var(--ft-texto);
    font-size: 22px;
}

.ft-head__text {
    max-width: 640px;
    margin: 0;
    color: var(--ft-cinza);
    font-size: 15px;
    line-height: 1.65;
}

/* Cards de atalho (Painel) */
.ft-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 8px;
    font-family: var(--ft-fonte);
}

.ft-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--ft-borda);
    border-radius: var(--ft-raio);
    color: inherit;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

a.ft-card:hover {
    border-color: #bfdccb;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
    transform: translateY(-2px);
}

a.ft-card:focus-visible {
    outline: 2px solid var(--ft-verde);
    outline-offset: 2px;
}

.ft-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: var(--ft-laranja-claro);
    border-radius: 10px;
}

.ft-card__title {
    display: block;
    margin: 1px 0 4px;
    color: var(--ft-texto);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.ft-card__text {
    display: block;
    margin: 0;
    color: var(--ft-cinza);
    font-size: 13px;
    line-height: 1.5;
}

/* Caixa de ajuda (Pedidos) */
.ft-help {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin-top: 24px;
    padding: 18px 20px;
    background: var(--ft-fundo);
    border: 1px solid var(--ft-borda);
    border-radius: var(--ft-raio);
    font-family: var(--ft-fonte);
}

.ft-help .ft-help__text {
    flex: 1 1 260px;
    margin: 0;
    color: var(--ft-cinza);
    font-size: 14px;
    line-height: 1.55;
}

.ft-help__text strong {
    display: block;
    color: var(--ft-texto);
    font-size: 15px;
}

.ft-help__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-family: var(--ft-fonte);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    transition: all .2s ease;
}

.ft-btn--primary {
    background: var(--ft-laranja);
    color: #fff !important;
}

.ft-btn--primary:hover {
    background: var(--ft-verde);
}

.ft-btn--ghost {
    background: #fff;
    border-color: var(--ft-borda);
    color: var(--ft-texto) !important;
}

.ft-btn--ghost:hover {
    border-color: var(--ft-verde);
    color: var(--ft-verde) !important;
}


/* =====================================================================
   5. BASE DOS WIDGETS DE CONTA (JetWooBuilder)
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] {
    font-family: var(--ft-fonte);
    color: var(--ft-texto);
}

[class*="elementor-widget-jet-myaccount"] *,
[class*="elementor-widget-jet-myaccount"] *::before,
[class*="elementor-widget-jet-myaccount"] *::after,
.ft-account-logout a,
.ft-head, .ft-cards, .ft-card, .ft-help, .ft-btn {
    box-sizing: border-box;
}

[class*="elementor-widget-jet-myaccount"] p {
    color: var(--ft-cinza);
    font-size: 15px;
    line-height: 1.65;
}

[class*="elementor-widget-jet-myaccount"] h2,
[class*="elementor-widget-jet-myaccount"] h3 {
    color: var(--ft-texto);
    font-family: var(--ft-fonte);
    font-weight: 600;
    line-height: 1.3;
}

[class*="elementor-widget-jet-myaccount"] h2 {
    font-size: 22px;
}

[class*="elementor-widget-jet-myaccount"] h3 {
    font-size: 18px;
}

[class*="elementor-widget-jet-myaccount"] a:not(.button):not(.ft-btn):not(.ft-card) {
    color: var(--ft-verde);
    font-weight: 600;
    text-decoration: none;
}

[class*="elementor-widget-jet-myaccount"] a:not(.button):not(.ft-btn):not(.ft-card):hover {
    color: var(--ft-laranja);
}

/* Saudação do Painel ("Olá, Fulano ...") */
.elementor-widget-jet-myaccount-dashboard p:first-of-type {
    margin: 0 0 24px;
    padding: 14px 18px;
    background: var(--ft-verde-claro);
    border-radius: 10px;
    color: var(--ft-texto);
    font-size: 15px;
}

/* Esconde o texto genérico "A partir do painel..." — os cards já fazem isso.
   Se preferir manter, apague este bloco. */
.elementor-widget-jet-myaccount-dashboard p:nth-of-type(2) {
    display: none;
}


/* =====================================================================
   6. BOTÕES DO WOOCOMMERCE
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] .button,
[class*="elementor-widget-jet-myaccount"] button[type="submit"],
[class*="elementor-widget-jet-myaccount"] input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 22px !important;
    background: var(--ft-laranja) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: var(--ft-fonte) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    cursor: pointer;
    transition: background-color .2s ease;
}

[class*="elementor-widget-jet-myaccount"] .button:hover,
[class*="elementor-widget-jet-myaccount"] button[type="submit"]:hover,
[class*="elementor-widget-jet-myaccount"] input[type="submit"]:hover {
    background: var(--ft-verde) !important;
    color: #fff !important;
}

[class*="elementor-widget-jet-myaccount"] .button:focus-visible,
[class*="elementor-widget-jet-myaccount"] button:focus-visible {
    outline: 2px solid var(--ft-verde) !important;
    outline-offset: 2px;
}

[class*="elementor-widget-jet-myaccount"] .button:disabled,
[class*="elementor-widget-jet-myaccount"] .button.disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* Botões secundários dentro de tabelas (Visualizar, Pagar, Cancelar...) */
[class*="elementor-widget-jet-myaccount"] td .button,
[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell .button {
    min-height: 36px;
    margin: 2px 4px 2px 0;
    padding: 8px 14px !important;
    background: #fff !important;
    border: 1px solid var(--ft-verde) !important;
    color: var(--ft-verde) !important;
    font-size: 13px !important;
}

[class*="elementor-widget-jet-myaccount"] td .button:hover,
[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell .button:hover {
    background: var(--ft-verde) !important;
    color: #fff !important;
}

[class*="elementor-widget-jet-myaccount"] td .button.cancel,
[class*="elementor-widget-jet-myaccount"] td .button.delete {
    border-color: #e5b8b8 !important;
    color: var(--ft-erro) !important;
}

[class*="elementor-widget-jet-myaccount"] td .button.cancel:hover,
[class*="elementor-widget-jet-myaccount"] td .button.delete:hover {
    background: var(--ft-erro) !important;
    color: #fff !important;
}


/* =====================================================================
   7. AVISOS (info / sucesso / erro) — mantém espaço para o ícone
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] .woocommerce-info,
[class*="elementor-widget-jet-myaccount"] .woocommerce-message,
[class*="elementor-widget-jet-myaccount"] .woocommerce-error,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 0 0 18px !important;
    padding: 15px 18px 15px 50px !important;
    background: var(--ft-verde-claro) !important;
    border: 1px solid #d3eadb !important;
    border-left: 4px solid var(--ft-verde) !important;
    border-radius: 10px !important;
    color: var(--ft-texto) !important;
    font-family: var(--ft-fonte) !important;
    font-size: 14px !important;
    line-height: 1.55;
    list-style: none;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-info::before,
[class*="elementor-widget-jet-myaccount"] .woocommerce-message::before,
[class*="elementor-widget-jet-myaccount"] .woocommerce-error::before,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error::before {
    position: absolute !important;
    top: 50% !important;
    left: 18px !important;
    transform: translateY(-50%);
    margin: 0 !important;
    color: var(--ft-verde) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info {
    background: var(--ft-laranja-claro) !important;
    border-color: #f6dcbf !important;
    border-left-color: var(--ft-laranja) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-info::before,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info::before {
    color: var(--ft-laranja) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-error,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
    display: block;
    background: var(--ft-erro-claro) !important;
    border-color: #f1c9c9 !important;
    border-left-color: var(--ft-erro) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-error::before,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error::before {
    top: 16px !important;
    transform: none;
    color: var(--ft-erro) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-error li,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error li {
    margin: 0;
    list-style: none;
}

/* Botão dentro do aviso (ex.: "Ver produtos") vai para a direita */
[class*="elementor-widget-jet-myaccount"] .woocommerce-info .button,
[class*="elementor-widget-jet-myaccount"] .woocommerce-message .button,
.woocommerce-account .woocommerce-notices-wrapper .button {
    order: 2;
    float: none !important;
    margin: 0 0 0 auto !important;
    min-height: 38px;
    padding: 9px 16px !important;
    background: var(--ft-laranja) !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 13px !important;
}


/* =====================================================================
   8. TABELAS (pedidos, detalhes do pedido, métodos de pagamento)
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] table.shop_table,
[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table,
[class*="elementor-widget-jet-myaccount"] .woocommerce-MyAccount-paymentMethods {
    width: 100% !important;
    margin: 0 0 24px !important;
    background: #fff;
    border: 1px solid var(--ft-borda) !important;
    border-radius: var(--ft-raio) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    font-family: var(--ft-fonte);
    font-size: 14px;
}

[class*="elementor-widget-jet-myaccount"] table.shop_table thead th,
[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table thead th,
[class*="elementor-widget-jet-myaccount"] .woocommerce-MyAccount-paymentMethods thead th {
    padding: 13px 16px !important;
    background: var(--ft-fundo) !important;
    border: 0 !important;
    color: var(--ft-cinza) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
}

[class*="elementor-widget-jet-myaccount"] table.shop_table tbody th,
[class*="elementor-widget-jet-myaccount"] table.shop_table td,
[class*="elementor-widget-jet-myaccount"] table.shop_table tfoot th {
    padding: 14px 16px !important;
    background: transparent;
    border: 0 !important;
    border-top: 1px solid var(--ft-borda) !important;
    color: var(--ft-cinza);
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}

[class*="elementor-widget-jet-myaccount"] table.shop_table tfoot th {
    color: var(--ft-texto);
    font-weight: 600;
}

[class*="elementor-widget-jet-myaccount"] table.shop_table tbody tr:hover > * {
    background: #fbfcfb;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell-order-number a {
    color: var(--ft-texto) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell-order-total {
    color: var(--ft-texto) !important;
}

/* Status do pedido com bolinha colorida (desktop) */
@media (min-width: 769px) {
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell-order-status::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 8px;
        background: var(--ft-cinza-2);
        border-radius: 50%;
        vertical-align: middle;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before { background: var(--ft-laranja); }
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before { background: var(--ft-verde); }
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::before { background: #e0a800; }
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status::before,
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status::before { background: var(--ft-erro); }
    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status::before { background: #5b6ee1; }
}

/* Paginação dos pedidos */
[class*="elementor-widget-jet-myaccount"] .woocommerce-pagination {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
}

/* Detalhes do pedido (ver-pedido) */
[class*="elementor-widget-jet-myaccount"] .woocommerce-order-details,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details {
    margin-top: 28px;
}

[class*="elementor-widget-jet-myaccount"] mark.order-number,
[class*="elementor-widget-jet-myaccount"] mark.order-date,
[class*="elementor-widget-jet-myaccount"] mark.order-status {
    padding: 2px 6px;
    background: var(--ft-verde-claro);
    border-radius: 5px;
    color: var(--ft-verde);
    font-weight: 600;
}


/* =====================================================================
   9. ENDEREÇOS — corrige o grid quebrado (o ::before do WooCommerce
      ocupava a primeira célula e empurrava os cards)
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] .woocommerce-Addresses,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100% !important;
    margin: 0 !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Addresses::before,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Addresses::after,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set::before,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set::after {
    content: none !important;
    display: none !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set > .col-1,
[class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set > .col-2 {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 22px !important;
    background: #fff;
    border: 1px solid var(--ft-borda);
    border-radius: var(--ft-raio);
    box-sizing: border-box;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address .title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--ft-borda);
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title::before,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title::after,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address .title::after {
    content: none !important;
    display: none !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title h2,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title h3 {
    float: none !important;
    margin: 0 !important;
    color: var(--ft-texto) !important;
    font-size: 18px !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title a.edit,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address .title .edit {
    float: none !important;
    flex: 0 0 auto;
    padding: 7px 12px;
    background: var(--ft-laranja-claro);
    border-radius: 7px;
    color: var(--ft-laranja-esc) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-Address-title a.edit:hover,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Address .title .edit:hover {
    background: var(--ft-laranja);
    color: #fff !important;
}

[class*="elementor-widget-jet-myaccount"] address {
    margin: 0;
    padding: 0;
    border: 0 !important;
    color: var(--ft-cinza);
    font-size: 14px;
    font-style: normal;
    line-height: 1.75;
}

/* Texto "Os endereços a seguir serão usados..." */
.elementor-widget-jet-myaccount-address > .elementor-widget-container > p,
[class*="elementor-widget-jet-myaccount"] .woocommerce-Addresses ~ p {
    margin: 0 0 18px;
    font-size: 14px;
}


/* =====================================================================
   10. FORMULÁRIOS (dados da conta, endereço, login, cadastro, senha)
   ===================================================================== */

[class*="elementor-widget-jet-myaccount"] form {
    margin: 0;
}

[class*="elementor-widget-jet-myaccount"] form.login,
[class*="elementor-widget-jet-myaccount"] form.register,
[class*="elementor-widget-jet-myaccount"] form.lost_reset_password {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

[class*="elementor-widget-jet-myaccount"] .form-row {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

[class*="elementor-widget-jet-myaccount"] .form-row-first,
[class*="elementor-widget-jet-myaccount"] .form-row-last {
    width: calc(50% - 8px) !important;
}

[class*="elementor-widget-jet-myaccount"] .form-row-first { float: left !important; }
[class*="elementor-widget-jet-myaccount"] .form-row-last { float: right !important; }

[class*="elementor-widget-jet-myaccount"] .clear {
    clear: both;
}

[class*="elementor-widget-jet-myaccount"] label {
    display: block;
    margin: 0 0 6px;
    color: var(--ft-texto);
    font-family: var(--ft-fonte);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

[class*="elementor-widget-jet-myaccount"] .required {
    color: var(--ft-erro);
    border: 0;
    text-decoration: none;
}

[class*="elementor-widget-jet-myaccount"] input[type="text"],
[class*="elementor-widget-jet-myaccount"] input[type="email"],
[class*="elementor-widget-jet-myaccount"] input[type="password"],
[class*="elementor-widget-jet-myaccount"] input[type="tel"],
[class*="elementor-widget-jet-myaccount"] input[type="number"],
[class*="elementor-widget-jet-myaccount"] select,
[class*="elementor-widget-jet-myaccount"] textarea {
    display: block;
    width: 100% !important;
    min-height: 48px;
    margin: 0;
    padding: 11px 14px !important;
    background: #fff !important;
    border: 1px solid var(--ft-borda-campo) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: var(--ft-texto) !important;
    font-family: var(--ft-fonte) !important;
    font-size: 15px !important;
    line-height: 1.4;
    outline: none;
    box-sizing: border-box;
    transition: border-color .2s ease, box-shadow .2s ease;
}

[class*="elementor-widget-jet-myaccount"] textarea {
    min-height: 110px;
    resize: vertical;
}

[class*="elementor-widget-jet-myaccount"] input:focus,
[class*="elementor-widget-jet-myaccount"] select:focus,
[class*="elementor-widget-jet-myaccount"] textarea:focus {
    border-color: var(--ft-verde) !important;
    box-shadow: 0 0 0 3px rgba(0, 146, 69, .12) !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-invalid input,
[class*="elementor-widget-jet-myaccount"] input[aria-invalid="true"] {
    border-color: var(--ft-erro) !important;
}

[class*="elementor-widget-jet-myaccount"] input[type="checkbox"],
[class*="elementor-widget-jet-myaccount"] input[type="radio"] {
    width: 17px;
    height: 17px;
    margin: 0 8px 0 0;
    accent-color: var(--ft-verde);
    vertical-align: middle;
}

[class*="elementor-widget-jet-myaccount"] em,
[class*="elementor-widget-jet-myaccount"] .description {
    display: block;
    margin-top: 6px;
    color: var(--ft-cinza-2);
    font-size: 12px;
    font-style: normal;
    line-height: 1.5;
}

/* Campo de senha com "olho" */
[class*="elementor-widget-jet-myaccount"] .password-input {
    position: relative;
    display: block;
}

[class*="elementor-widget-jet-myaccount"] .password-input input {
    padding-right: 46px !important;
}

[class*="elementor-widget-jet-myaccount"] .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%);
    margin: 0 !important;
    padding: 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--ft-cinza-2) !important;
    min-height: 0 !important;
}

/* Medidor de força da senha */
[class*="elementor-widget-jet-myaccount"] .woocommerce-password-strength {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-password-strength.short,
[class*="elementor-widget-jet-myaccount"] .woocommerce-password-strength.bad {
    background: var(--ft-erro-claro);
    color: var(--ft-erro);
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-password-strength.good {
    background: var(--ft-laranja-claro);
    color: var(--ft-laranja-esc);
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-password-strength.strong {
    background: var(--ft-verde-claro);
    color: var(--ft-verde);
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-password-hint {
    display: block;
    margin-top: 6px;
    color: var(--ft-cinza-2);
    font-size: 12px;
}

/* Bloco "Alteração de senha" (Dados da conta) */
[class*="elementor-widget-jet-myaccount"] fieldset {
    margin: 28px 0 22px !important;
    padding: 22px 22px 6px !important;
    background: var(--ft-fundo);
    border: 1px solid var(--ft-borda) !important;
    border-radius: var(--ft-raio);
}

[class*="elementor-widget-jet-myaccount"] fieldset legend {
    padding: 0 8px;
    color: var(--ft-verde);
    font-family: var(--ft-fonte);
    font-size: 17px;
    font-weight: 600;
}

/* Select2 / SelectWoo (país, estado) */
[class*="elementor-widget-jet-myaccount"] .select2-container {
    width: 100% !important;
}

[class*="elementor-widget-jet-myaccount"] .select2-container .select2-selection--single {
    height: 48px !important;
    border: 1px solid var(--ft-borda-campo) !important;
    border-radius: 8px !important;
}

[class*="elementor-widget-jet-myaccount"] .select2-container .select2-selection__rendered {
    padding-left: 14px !important;
    color: var(--ft-texto) !important;
    font-family: var(--ft-fonte);
    line-height: 46px !important;
}

[class*="elementor-widget-jet-myaccount"] .select2-container .select2-selection__arrow {
    height: 46px !important;
    right: 8px !important;
}

/* Linha "Lembrar-me + Acessar" do login */
[class*="elementor-widget-jet-myaccount"] form.login .form-row:has(.woocommerce-form-login__submit) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center;
    margin: 0 !important;
    color: var(--ft-cinza);
    font-weight: 500;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-form-login__submit,
[class*="elementor-widget-jet-myaccount"] .woocommerce-form-register__submit {
    min-width: 150px;
    margin: 0 !important;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-LostPassword,
[class*="elementor-widget-jet-myaccount"] .lost_password {
    margin: 10px 0 0 !important;
    font-size: 14px;
}

[class*="elementor-widget-jet-myaccount"] .woocommerce-privacy-policy-text p {
    margin: 0 0 16px;
    color: var(--ft-cinza-2);
    font-size: 12px;
    line-height: 1.55;
}


/* =====================================================================
   11. PÁGINA DE LOGIN / CADASTRO (contêineres com classes ft-auth-*)
   ===================================================================== */

.ft-auth-left {
    padding: 46px 48px !important;
    background: #fff;
    font-family: var(--ft-fonte);
}

.ft-auth-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 34px 0 22px;
    color: var(--ft-cinza-2);
    font-family: var(--ft-fonte);
    font-size: 13px;
}

.ft-auth-divider::before,
.ft-auth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--ft-borda);
}

.ft-auth-visual {
    position: relative;
    min-height: 620px;
    overflow: hidden;
}

.ft-auth-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 25%, rgba(0, 0, 0, .70) 100%);
    pointer-events: none;
}

.ft-auth-visual-text {
    position: absolute;
    z-index: 2;
    right: 42px;
    bottom: 42px;
    left: 42px;
    color: #fff;
    font-family: var(--ft-fonte);
}

.ft-auth-visual-text span {
    display: block;
    margin-bottom: 8px;
    color: var(--ft-laranja);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ft-auth-visual-text h2 {
    max-width: 440px;
    margin: 0 0 10px;
    color: #fff;
    font-family: var(--ft-fonte);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.18;
}

.ft-auth-visual-text p {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    line-height: 1.6;
}

.ft-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    font-family: var(--ft-fonte);
}

.ft-trust li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--ft-cinza);
    font-size: 13px;
}

.ft-trust .ft-ico {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    stroke: var(--ft-verde);
}


/* =====================================================================
   12. RESPONSIVO
   ===================================================================== */

@media (max-width: 1024px) {
    .ft-account-content {
        padding: 26px;
    }

    .ft-head__title {
        font-size: 27px;
    }
}

/* Tablet/celular: menu vira faixa horizontal com rolagem */
@media (max-width: 900px) {
    .ft-account-menu {
        padding: 12px;
    }

    .ft-account-menu__head {
        display: none;
    }

    .ft-account-menu ul {
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .ft-account-menu ul::-webkit-scrollbar {
        display: none;
    }

    .ft-account-menu a {
        padding: 10px 14px;
        border: 1px solid var(--ft-borda);
        font-size: 14px;
        white-space: nowrap;
    }

    .ft-auth-left {
        padding: 34px !important;
    }

    .ft-auth-visual {
        min-height: 380px;
    }
}

@media (max-width: 768px) {
    .ft-account-content {
        min-height: 0;
        padding: 20px;
        border-radius: 12px;
    }

    .ft-head {
        margin-bottom: 20px;
    }

    .ft-head__title {
        font-size: 24px;
    }

    .ft-head__title--sm {
        font-size: 20px;
    }

    .ft-head__text {
        font-size: 14px;
    }

    .ft-cards,
    [class*="elementor-widget-jet-myaccount"] .woocommerce-Addresses,
    [class*="elementor-widget-jet-myaccount"] .woocommerce-customer-details .col2-set {
        grid-template-columns: 1fr;
    }

    /* Tabela de pedidos vira cards */
    [class*="elementor-widget-jet-myaccount"] table.shop_table.woocommerce-orders-table {
        background: transparent;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table thead {
        display: none;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table tbody tr {
        display: block;
        margin: 0 0 12px;
        padding: 6px 0;
        background: #fff;
        border: 1px solid var(--ft-borda);
        border-radius: var(--ft-raio);
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table tbody .woocommerce-orders-table__cell {
        display: block !important;
        padding: 8px 16px !important;
        border: 0 !important;
        text-align: right !important;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table tbody .woocommerce-orders-table__cell::before {
        content: attr(data-title) !important;
        float: left !important;
        margin-right: 12px;
        color: var(--ft-texto);
        font-weight: 600;
        text-align: left;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions {
        display: flex !important;
        gap: 8px;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding-top: 10px !important;
        border-top: 1px solid var(--ft-borda) !important;
        margin-top: 4px;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-actions::before {
        display: none !important;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-orders-table__cell-order-actions .button {
        flex: 1 1 auto;
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    [class*="elementor-widget-jet-myaccount"] .form-row-first,
    [class*="elementor-widget-jet-myaccount"] .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-info .button,
    [class*="elementor-widget-jet-myaccount"] .woocommerce-message .button {
        margin: 4px 0 0 !important;
    }

    [class*="elementor-widget-jet-myaccount"] fieldset {
        padding: 18px 16px 4px !important;
    }

    [class*="elementor-widget-jet-myaccount"] .woocommerce-form-login__submit,
    [class*="elementor-widget-jet-myaccount"] .woocommerce-form-register__submit {
        width: 100%;
    }

    .ft-auth-left {
        padding: 26px 20px !important;
    }

    .ft-auth-visual {
        min-height: 300px;
    }

    .ft-auth-visual-text {
        right: 22px;
        bottom: 24px;
        left: 22px;
    }

    .ft-auth-visual-text h2 {
        font-size: 24px;
    }
}/* End custom CSS */