/* AI TRUST — My Account — usa variáveis CSS do admin */
.aitrust-ma-wrap { font-family: inherit; max-width: 760px; }

/* Fundo da página */
.woocommerce-account .woocommerce { background: var(--ma-bg-page, transparent); }

/* ── 1. Data/validade abaixo do nome do plano + Nenhuma fatura ── */
.aitrust-ma-expiry,
.aitrust-ma-empty,
.aitrust-ma-slots-sub,
.aitrust-ma-slots-label {
    color: var(--ma-text-plan-meta, #64748b) !important;
}

/* ── 2. Editar Perfil — placeholders e legendas ── */
.woocommerce-account .woocommerce-MyAccount-content input::placeholder,
.woocommerce-account .woocommerce-MyAccount-content textarea::placeholder,
.woocommerce-account .woocommerce-MyAccount-content select::placeholder {
    color: var(--ma-form-placeholder, #94a3b8) !important;
    opacity: 1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row em,
.woocommerce-account .woocommerce-MyAccount-content em,
.woocommerce-account .woocommerce-MyAccount-content small,
.woocommerce-account .woocommerce-MyAccount-content .description {
    color: var(--ma-form-hint, #94a3b8) !important;
}

/* ── Pedido Recebido — seletores amplos que funcionam com WoodMart ── */
/* WoodMart pode não ter woocommerce-order-received no body, usar conteúdo */
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-thankyou-order-received {
    color: var(--ma-order-title, #ffffff) !important;
}
/* Cabeçalho resumo (Número, Data, E-mail, Total, Método) */
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order-overview {
    border-color: var(--ma-order-border, #334155) !important;
}
.woocommerce-order .woocommerce-order-overview li,
.woocommerce-order-overview li {
    color: var(--ma-order-text, #ffffff) !important;
    border-color: var(--ma-order-border, #334155) !important;
}
.woocommerce-order .woocommerce-order-overview li strong,
.woocommerce-order-overview li strong {
    color: var(--ma-order-title, #ffffff) !important;
}
/* Títulos de seção */
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order .woocommerce-column__title {
    color: var(--ma-order-title, #ffffff) !important;
}
/* Tabelas */
.woocommerce-order table.shop_table th,
.woocommerce-order table.woocommerce-table th {
    color: var(--ma-order-title, #ffffff) !important;
    background: transparent !important;
}
.woocommerce-order table.shop_table td,
.woocommerce-order table.woocommerce-table td {
    color: var(--ma-order-text, #ffffff) !important;
    border-color: var(--ma-order-border, #334155) !important;
}
/* Nome do produto */
.woocommerce-order table.shop_table .product-name,
.woocommerce-order table.shop_table .product-name a {
    color: var(--ma-order-title, #ffffff) !important;
}
/* Metadados (Periodo AI TRUST, Anos) */
.woocommerce-order .wc-item-meta,
.woocommerce-order .wc-item-meta dt,
.woocommerce-order .wc-item-meta dd,
.woocommerce-order .wc-item-meta p {
    color: var(--ma-order-meta, #94a3b8) !important;
    font-size: 12px !important;
}
/* Preços */
.woocommerce-order .woocommerce-Price-amount,
.woocommerce-order .amount {
    color: var(--ma-order-price, #4ade80) !important;
    font-weight: 700 !important;
}
/* Subtotal/Total no footer da tabela */
.woocommerce-order tfoot th,
.woocommerce-order tfoot td {
    color: var(--ma-order-text, #ffffff) !important;
}
.woocommerce-order tfoot .order-total td,
.woocommerce-order tfoot .order-total th {
    color: var(--ma-order-title, #ffffff) !important;
}
/* Endereço e parágrafos */
.woocommerce-order address,
.woocommerce-order p {
    color: var(--ma-order-text, #ffffff) !important;
}
/* Padding do topo */
.woocommerce-order-received .woocommerce,
body.woocommerce-order-received .woocommerce {
    padding-top: var(--ma-order-padding-top, 80px) !important;
}

/* Também manter os seletores originais como fallback */
.woocommerce-order-received h2,
.woocommerce-order-received h3 { color: var(--ma-order-title, #ffffff) !important; }
.woocommerce-order-received table th { color: var(--ma-order-title, #ffffff) !important; background: transparent !important; }
.woocommerce-order-received table td,
.woocommerce-order-received p,
.woocommerce-order-received address { color: var(--ma-order-text, #ffffff) !important; }
.woocommerce-order-received .woocommerce-Price-amount { color: var(--ma-order-price, #4ade80) !important; font-weight:700 !important; }
.woocommerce-order-received .wc-item-meta dt,
.woocommerce-order-received .wc-item-meta dd { color: var(--ma-order-meta, #94a3b8) !important; }

/* ── Textos nativos do WooCommerce (intro, links, breadcrumb) ── */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content p a,
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    color: var(--ma-text-wc, #94a3b8) !important;
}
.woocommerce-account .woocommerce-MyAccount-content p a:hover {
    color: var(--ma-menu-active-tx, #6366f1) !important;
}
/* Breadcrumb — todos os itens */
.woocommerce-account .woocommerce-breadcrumb,
.woocommerce-account .woocommerce-breadcrumb a {
    color: var(--ma-text-wc, #94a3b8) !important;
}
/* Breadcrumb — último item (página atual) — usa ma-text-wc-active */
.woocommerce-account .woocommerce-breadcrumb > span:last-child,
.woocommerce-account .woocommerce-breadcrumb > a:last-child {
    color: var(--ma-text-wc-active, #ffffff) !important;
}
/* Título "Minha conta" da página — apenas o h1, isolado */
.woocommerce-account .entry-title {
    color: var(--ma-page-title, #ffffff) !important;
}
/* Títulos dentro do conteúdo (h3 do formulário etc.) — cor separada */
.woocommerce-account .woocommerce-MyAccount-content h3 {
    color: var(--ma-form-label, #1e293b) !important;
}

/* ── Side Cart WoodMart ── */
.cart-widget-side .cart-widget-title,
.wd-side-cart .wd-cart-title,
[class*="side-cart"] .cart-title,
.widget_shopping_cart .cart-widget-title {
    color: var(--ma-sidecart-title, #1e293b) !important;
}
.cart-widget-side,
.wd-side-cart,
[class*="side-cart"] .cart-sidebar,
.cart-widget-side .cart-widget-content {
    background: var(--ma-sidecart-bg, #ffffff) !important;
    color: var(--ma-sidecart-text, #1e293b) !important;
}
/* Itens do carrinho */
.cart-widget-side .cart_item .product-name,
.cart-widget-side .cart_item .product-name a,
.wd-side-cart .cart_item a {
    color: var(--ma-sidecart-text, #1e293b) !important;
}
/* Preços */
.cart-widget-side .amount,
.cart-widget-side .woocommerce-Price-amount {
    color: var(--ma-sidecart-price, #6366f1) !important;
}
/* Subtotal */
.cart-widget-side .cart-subtotal .amount,
.cart-widget-side .total .amount {
    color: var(--ma-sidecart-price, #6366f1) !important;
}
/* Meta dos itens (Período, Domínios, etc.) */
.cart-widget-side .variation dd,
.cart-widget-side .variation dt,
.cart-widget-side dl.variation p {
    color: var(--ma-sidecart-meta, #64748b) !important;
}
/* Fechar / X */
.cart-widget-side .cart-widget-close,
.wd-side-cart .wd-close-side {
    color: var(--ma-sidecart-title, #1e293b) !important;
}

/* ── Página do Carrinho — padding-top para header overlap ── */
.woocommerce-cart .woocommerce {
    padding-top: var(--cart-padding-top, 150px) !important;
}
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce {
        padding-top: var(--cart-padding-mobile, 100px) !important;
    }
}

/* ── Página do Carrinho (woocommerce-cart) — só afeta /carrinho/ ── */
.woocommerce-cart .entry-title,
.woocommerce-cart h1, .woocommerce-cart h2, .woocommerce-cart h3 {
    color: var(--cart-title, #1e293b) !important;
}
/* Breadcrumb do carrinho */
.woocommerce-cart .woocommerce-breadcrumb,
.woocommerce-cart .woocommerce-breadcrumb a {
    color: var(--cart-text-muted, #64748b) !important;
}
/* Steps "Meu Carrinho → Checkout → Concluir" */
.woocommerce-cart .wc-item-meta,
.woocommerce-cart .checkout_coupon,
.woocommerce-cart ol.progtrckr li,
.woocommerce-cart .woocommerce-checkout-nav a,
.wc-checkout-nav a {
    color: var(--cart-title, #1e293b) !important;
}
/* Nome do produto na tabela */
.woocommerce-cart table.cart .product-name,
.woocommerce-cart table.cart .product-name a,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    color: var(--cart-text, #1e293b) !important;
}
/* Meta do produto (Período, Domínios, etc.) */
.woocommerce-cart table.cart .wc-item-meta dt,
.woocommerce-cart table.cart .wc-item-meta dd,
.woocommerce-cart table.cart .wc-item-meta p,
.woocommerce-cart table.cart dl.variation dt,
.woocommerce-cart table.cart dl.variation dd {
    color: var(--cart-text-muted, #64748b) !important;
}
/* Preços na tabela */
.woocommerce-cart table.cart .amount,
.woocommerce-cart .cart-collaterals .amount,
.woocommerce-cart .order-total .amount {
    color: var(--cart-price, #6366f1) !important;
}
/* Card "Total no carrinho" */
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    color: var(--cart-title, #1e293b) !important;
}
/* Fundo dos cards do carrinho */
.woocommerce-cart .cart_totals,
.woocommerce-cart table.cart,
.woocommerce-cart .woocommerce {
    background: transparent !important;
}
.woocommerce-cart table.cart tbody tr {
    background: var(--cart-card-bg, rgba(255,255,255,0.05)) !important;
}

/* Card de fundo atrás do formulário inteiro */
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    background: var(--ma-form-input-bg, #ffffff) !important;
    border: 1px solid var(--ma-border-card, #e2e8f0) !important;
    border-radius: var(--ma-card-radius, 12px) !important;
    padding: 28px 32px !important;
    margin-top: 8px !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row p,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content p.form-row label {
    color: var(--ma-form-label, #1e293b) !important;
}
/* Inputs — fundo branco forçado */
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Input {
    background-color: var(--ma-form-input-bg, #ffffff) !important;
    background: var(--ma-form-input-bg, #ffffff) !important;
    color: var(--ma-form-input-text, #1e293b) !important;
    border: 1px solid var(--ma-border-card, #e2e8f0) !important;
    border-radius: 8px !important;
    -webkit-text-fill-color: var(--ma-form-input-text, #1e293b) !important;
}
/* Autofill do browser também */
.woocommerce-account .woocommerce-MyAccount-content input:-webkit-autofill,
.woocommerce-account .woocommerce-MyAccount-content input:-webkit-autofill:hover,
.woocommerce-account .woocommerce-MyAccount-content input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px var(--ma-form-input-bg, #ffffff) inset !important;
    -webkit-text-fill-color: var(--ma-form-input-text, #1e293b) !important;
}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus {
    border-color: var(--ma-btn-pbg, #6366f1) !important;
    outline: none !important;
}
/* Nota "Será assim que seu nome será exibido..." */
.woocommerce-account .woocommerce-MyAccount-content em,
.woocommerce-account .woocommerce-MyAccount-content span.description {
    color: var(--ma-text-muted, #94a3b8) !important;
}
/* Indicador de força de senha "Forte" */
.woocommerce-account .woocommerce-MyAccount-content #password-strength {
    color: var(--ma-form-label, #1e293b) !important;
}
/* Botão salvar alterações */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
    background: var(--ma-btn-pbg, #6366f1) !important;
    background-color: var(--ma-btn-pbg, #6366f1) !important;
    color: var(--ma-btn-ptx, #ffffff) !important;
    border: none !important;
    border-radius: var(--ma-btn-radius, 8px) !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: filter .15s !important;
}
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
    filter: brightness(1.1) !important;
}

/* Menu lateral WooCommerce */
.woocommerce-MyAccount-navigation {
    background: var(--ma-menu-bg, #ffffff) !important;
    border-radius: var(--ma-card-radius, 12px) !important;
    border: 1px solid var(--ma-border-card, #e2e8f0) !important;
    overflow: hidden;
}
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 8px 0; }
.woocommerce-MyAccount-navigation ul li { margin: 0; border: none; }
.woocommerce-MyAccount-navigation ul li a {
    color: var(--ma-menu-text, #1e293b) !important;
    padding: 10px 18px !important;
    display: block;
    font-size: 14px;
    font-weight: 500;
    transition: background .15s, color .15s;
    text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--ma-menu-active-bg, #f1f5f9) !important;
    color: var(--ma-menu-active-tx, #6366f1) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
    background: var(--ma-menu-active-bg, #f1f5f9) !important;
    color: var(--ma-menu-active-tx, #6366f1) !important;
    font-weight: 700 !important;
}

/* Cards */
.aitrust-ma-card {
    background: var(--ma-bg-card, #ffffff);
    border: 1px solid var(--ma-border-card, #e2e8f0);
    border-radius: var(--ma-card-radius, 12px);
    padding: 22px 24px;
    margin-bottom: 20px;
}
.aitrust-ma-plan-card { border-left: 4px solid var(--ma-border-left, #6366f1); }
.aitrust-ma-card-title {
    font-size: 15px; font-weight: 700;
    color: var(--ma-text-title, #1e293b);
    margin: 0 0 16px; padding-bottom: 12px;
    border-bottom: 1px solid var(--ma-border-card, #e2e8f0);
}

/* Plan header */
.aitrust-ma-plan-header {
    display: flex; justify-content: space-between;
    align-items: flex-start; gap: 20px; flex-wrap: wrap;
    margin-bottom: 18px;
}
.aitrust-ma-plan-info { flex: 1; min-width: 200px; }

/* Status */
.aitrust-ma-status-row { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }
.aitrust-ma-status-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.aitrust-ma-status-text { font-size: 13px; font-weight: 700; }

/* Plan name */
.aitrust-ma-plan-name {
    display: flex; align-items: center; gap: 10px;
    font-size: 19px; font-weight: 800;
    color: var(--ma-text-title, #1e293b);
    margin-bottom: 8px;
}
.aitrust-ma-badge {
    color: #fff; font-size: 11px; font-weight: 700;
    padding: 3px 10px; border-radius: 20px; white-space: nowrap;
}
.aitrust-ma-expiry {
    font-size: 13px;
    color: var(--ma-text-muted, #94a3b8);
    margin-bottom: 10px;
}
.aitrust-ma-warn { color: #d97706; font-weight: 700; margin-left: 8px; }
.aitrust-ma-expired { color: #dc2626; font-weight: 700; margin-left: 8px; }
.aitrust-ma-no-plan {
    font-size: 14px;
    color: var(--ma-text-muted, #94a3b8);
    margin: 6px 0 10px;
}

/* Features */
.aitrust-ma-features { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.aitrust-ma-feat-tag {
    background: color-mix(in srgb, var(--ma-border-left,#6366f1) 12%, transparent);
    color: var(--ma-border-left, #6366f1);
    font-size: 11px; padding: 3px 9px; border-radius: 20px; font-weight: 600;
}
.aitrust-ma-feat-more {
    background: var(--ma-border-card, #f1f5f9);
    color: var(--ma-text-muted, #94a3b8);
    font-size: 11px; padding: 3px 9px; border-radius: 20px;
}

/* Slots */
.aitrust-ma-slots-box { text-align: center; min-width: 140px; }
.aitrust-ma-slots-label { font-size: 12px; font-weight: 700; color: var(--ma-text-muted,#64748b); margin-bottom: 4px; }
.aitrust-ma-slots-numbers { font-size: 22px; font-weight: 800; color: var(--ma-text-title,#1e293b); margin-bottom: 6px; }
.aitrust-ma-slots-used { color: var(--ma-slots-bar, #6366f1); }
.aitrust-ma-slots-sep { color: var(--ma-border-card,#e2e8f0); margin: 0 3px; }
.aitrust-ma-slots-total { color: var(--ma-text-muted,#94a3b8); }
.aitrust-ma-slots-bar { height: 6px; background: var(--ma-border-card,#e2e8f0); border-radius: 6px; overflow: hidden; margin-bottom: 5px; }
.aitrust-ma-slots-fill { height: 100%; background: var(--ma-slots-bar,#6366f1); border-radius: 6px; transition: width .4s; }
.aitrust-ma-slots-sub { font-size: 11px; color: var(--ma-text-muted,#94a3b8); }

/* Ações */
.aitrust-ma-plan-actions {
    display: flex; gap: 10px; flex-wrap: wrap;
    padding-top: 16px;
    border-top: 1px solid var(--ma-border-card, #e2e8f0);
}
.aitrust-ma-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 18px;
    border-radius: var(--ma-btn-radius, 8px);
    font-size: 13px; font-weight: 700; cursor: pointer;
    border: none; text-decoration: none; transition: all .18s; font-family: inherit;
}
.aitrust-ma-btn-upgrade {
    background: var(--ma-btn-pbg, #6366f1) !important;
    color: var(--ma-btn-ptx, #ffffff) !important;
}
.aitrust-ma-btn-upgrade:hover { filter: brightness(1.1); }
.aitrust-ma-btn-cancel {
    background: var(--ma-btn-cbg, #fee2e2);
    color: var(--ma-btn-ctx, #dc2626);
}
.aitrust-ma-btn-cancel:hover { filter: brightness(.95); }
.aitrust-ma-btn-back { background: var(--ma-border-card,#f1f5f9); color: var(--ma-text-muted,#64748b); }
.aitrust-ma-btn-confirm { background: #ef4444; color: #fff; }

/* Faturas */
.aitrust-ma-empty {
    text-align: center;
    color: var(--ma-text-muted, #94a3b8);
    padding: 28px; font-size: 14px;
}
.aitrust-ma-invoice-list { display: flex; flex-direction: column; gap: 10px; }
.aitrust-ma-invoice {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 16px;
    background: var(--ma-bg-card, #f8fafc);
    border: 1px solid var(--ma-border-card, #e2e8f0);
    border-radius: var(--ma-card-radius, 10px);
    gap: 12px; flex-wrap: wrap;
}
.aitrust-ma-invoice:hover { border-color: var(--ma-border-left, #a5b4fc); }
.aitrust-ma-invoice.is-overdue {
    background: var(--ma-inv-o-bg, #fff5f5);
    border-color: var(--ma-inv-o-tx, #fca5a5);
}
.aitrust-ma-inv-meta { flex: 1; }
.aitrust-ma-inv-badge {
    display: inline-block; padding: 2px 9px; border-radius: 20px;
    font-size: 11px; font-weight: 700; margin-bottom: 5px;
}
.aitrust-ma-inv-desc {
    font-size: 13px; font-weight: 600;
    color: var(--ma-text-title, #1e293b);
    margin-bottom: 3px;
}
.aitrust-ma-inv-date { font-size: 12px; color: var(--ma-text-muted, #94a3b8); }
.aitrust-ma-inv-right { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 7px; }
.aitrust-ma-inv-value { font-size: 16px; font-weight: 800; color: var(--ma-text-title, #1e293b); }
.aitrust-ma-inv-btns { display: flex; gap: 6px; }
.aitrust-ma-ibtn {
    display: inline-block; padding: 5px 12px; border-radius: 6px;
    font-size: 12px; font-weight: 700; cursor: pointer;
    text-decoration: none; border: none; transition: all .15s; font-family: inherit;
}
.aitrust-ma-ibtn-blue { background: #eff6ff; color: #2563eb; }
.aitrust-ma-ibtn-blue:hover { background: #dbeafe; }
.aitrust-ma-ibtn-orange { background: var(--ma-inv-pe-bg,#fff3cd); color: var(--ma-inv-pe-tx,#d97706); }
.aitrust-ma-ibtn-orange:hover { filter: brightness(.95); }
.aitrust-ma-ibtn:disabled { opacity: .6; cursor: not-allowed; }

/* Modal */
.aitrust-cancel-modal {
    background: var(--ma-bg-card, #fff);
    border-radius: var(--ma-card-radius, 14px);
    padding: 30px; max-width: 420px; width: 90%;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.aitrust-cancel-modal h3 { margin: 0 0 10px; font-size: 17px; color: var(--ma-text-title,#1e293b); }
.aitrust-cancel-modal p { color: var(--ma-text-body,#64748b); font-size: 14px; margin: 0 0 20px; line-height: 1.6; }
.aitrust-cancel-modal-btns { display: flex; gap: 10px; justify-content: flex-end; }

@media (max-width: 600px) {
    .aitrust-ma-plan-header { flex-direction: column; }
    .aitrust-ma-slots-box { width: 100%; text-align: left; }
    .aitrust-ma-invoice { flex-direction: column; align-items: flex-start; }
    .aitrust-ma-inv-right { align-items: flex-start; }
}