/*
 * Imporiente My Account — Dark Theme
 * Estética unificada con el Centro de Control Operativo (kiosk)
 *
 * ACTIVAR: define('IMPORIENTE_DARK_THEME', true);  en wp-config.php
 * REVERTIR: define('IMPORIENTE_DARK_THEME', false); o borrar la línea
 *
 * Se carga ENCIMA de my-account-premium.css — no modifica el archivo base.
 */

/* ============================================================
   Tokens dark
   ============================================================ */
:root {
    --impo-bg:            #060d1a;
    --impo-surface:       #0f1e38;
    --impo-surface-soft:  #0a1524;
    --impo-border:        rgba(56, 130, 200, 0.18);
    --impo-border-strong: rgba(56, 130, 200, 0.28);
    --impo-text:          #dde6f0;
    --impo-text-muted:    #5a7aa0;
    --impo-accent:        #0ea5e9;
    --impo-accent-soft:   rgba(14, 165, 233, 0.12);
    --impo-ok-bg:         rgba(34, 197, 94, 0.13);
    --impo-ok-border:     rgba(34, 197, 94, 0.22);
    --impo-ok-text:       #86efac;
    --impo-warn-bg:       rgba(250, 204, 21, 0.13);
    --impo-warn-border:   rgba(250, 204, 21, 0.22);
    --impo-warn-text:     #fef08a;
    --impo-danger-bg:     rgba(248, 113, 113, 0.13);
    --impo-danger-border: rgba(248, 113, 113, 0.22);
    --impo-danger-text:   #fca5a5;
    --impo-shadow-sm:     0 6px 32px rgba(0, 0, 0, 0.45);
    --impo-shadow-md:     0 14px 44px rgba(0, 0, 0, 0.55);
}

/* ============================================================
   Fondo de página
   ============================================================ */
body,
.woocommerce-account,
.woocommerce-account * {
    color: #dde6f0;
}

.woocommerce-account {
    background: #060d1a !important;
    background-image: radial-gradient(ellipse 90% 45% at 50% -10%, rgba(14, 165, 233, 0.10), transparent) !important;
    background-attachment: fixed !important;
}

/* ============================================================
   Sidebar nav
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    background: linear-gradient(150deg, #0f1e38 0%, #0a1524 100%) !important;
    border: 1px solid rgba(56, 130, 200, 0.22) !important;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.55) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #a8c4de !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1570b8, #0ea5e9) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a * {
    color: #ffffff !important;
}

/* ============================================================
   Todos los paneles / cards / wrappers — forzado dark
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content > *,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-account .woocommerce-MyAccount-content .imporiente-account-dashboard,
.woocommerce-account .woocommerce-MyAccount-content .imporiente-wallet-wrap,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrap {
    background: linear-gradient(150deg, #0f1e38 0%, #0a1524 100%) !important;
    border-color: rgba(56, 130, 200, 0.18) !important;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.45) !important;
    color: #dde6f0 !important;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content {
    display: grid !important;
    gap: 22px !important;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    margin: 0 !important;
    padding: 18px 22px !important;
    border-radius: 22px !important;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .impo-order-status,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-order-details,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-customer-details {
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .impo-order-status {
    margin-top: 18px !important;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-order-details {
    display: none !important;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type mark {
    background: transparent !important;
    color: #f0f6ff !important;
    font-weight: 700;
}

/* Texto dentro de cualquier contenedor */
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content span,
.woocommerce-account .woocommerce-MyAccount-content div,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content td,
.woocommerce-account .woocommerce-MyAccount-content th,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content strong,
.woocommerce-account .woocommerce-MyAccount-content small {
    color: #dde6f0 !important;
}

/* ============================================================
   Títulos — blanco brillante
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content h4,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
.imporiente-account-dashboard .imporiente-account-title,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content > h2,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content > h3 {
    color: #f0f6ff !important;
}

/* ============================================================
   Billetera — cards internas (fondo blanco del plugin)
   ============================================================ */
.imporiente-wallet-wrap *,
.imporiente-wallet-section,
.imporiente-wallet-card,
.imporiente-wallet-balance,
.imporiente-wallet-history,
.imporiente-wallet-history *,
[class*="imporiente-wallet"],
[class*="imporiente-wallet"] * {
    background-color: transparent !important;
    color: #dde6f0 !important;
    border-color: rgba(56, 130, 200, 0.18) !important;
}

/* Cards con fondo blanco dentro de billetera */
.woocommerce-account .woocommerce-MyAccount-content [style*="background: #fff"],
.woocommerce-account .woocommerce-MyAccount-content [style*="background:#fff"],
.woocommerce-account .woocommerce-MyAccount-content [style*="background: white"],
.woocommerce-account .woocommerce-MyAccount-content [style*="background-color: white"],
.woocommerce-account .woocommerce-MyAccount-content [style*="background-color:#fff"],
.woocommerce-account .woocommerce-MyAccount-content [style*="background-color: #fff"] {
    background: linear-gradient(150deg, #0f1e38 0%, #0a1524 100%) !important;
    color: #dde6f0 !important;
}

/* Wrapper principal del dashboard (la card que envuelve todo) */
.woocommerce-account .woocommerce-MyAccount-content > .imporiente-account-dashboard,
.woocommerce-account .imporiente-account-dashboard {
    padding: 28px 24px 24px !important;
    border-radius: 18px !important;
    background: linear-gradient(150deg, #111f3a 0%, #0c1829 100%) !important;
    border: 1px solid rgba(56, 130, 200, 0.22) !important;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 16px !important;
}

.woocommerce-account .imporiente-account-dashboard-grid {
    gap: 12px !important;
    margin-top: 16px !important;
}

/* KPIs y stats dentro de billetera */
.imporiente-account-kpi,
.woocommerce-account .imporiente-account-kpi {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(56, 100, 160, 0.22) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    color: #dde6f0 !important;
}

.imporiente-account-kpi strong,
.imporiente-account-kpi-value {
    color: #f0f6ff !important;
}

.imporiente-account-kpi-value.is-positive { color: #86efac !important; }
.imporiente-account-kpi-value.is-negative { color: #fca5a5 !important; }

.imporiente-account-kpi-meta {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #5a7aa0 !important;
}

.imporiente-account-kpi-meta.impo-overdue {
    color: #fca5a5 !important;
    font-weight: 600;
}

/* ============================================================
   Inputs / formularios — dark completo
   ============================================================ */
.woocommerce-account input,
.woocommerce-account input.input-text,
.woocommerce-account select,
.woocommerce-account textarea,
.woocommerce-account .woocommerce-MyAccount-content input,
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    background: rgba(255, 255, 255, 0.04) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(56, 100, 160, 0.26) !important;
    color: #dde6f0 !important;
    border-radius: 10px;
}

.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
    color: #5a7aa0 !important;
    opacity: 1;
}

.woocommerce-account input:focus,
.woocommerce-account input.input-text:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus,
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.14) !important;
    outline: none !important;
}

.woocommerce-account label,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .form-row label {
    color: #7a9abf !important;
}

/* ============================================================
   Tablas
   ============================================================ */
.woocommerce-account table,
.woocommerce-account .woocommerce-MyAccount-content table {
    background: transparent !important;
    border-color: rgba(56, 100, 160, 0.18) !important;
}

.woocommerce-account table thead th,
.woocommerce-account .woocommerce-MyAccount-content table thead th {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #5a7aa0 !important;
    border-color: rgba(56, 100, 160, 0.18) !important;
}

.woocommerce-account table tbody tr:nth-child(even) {
    background: rgba(14, 165, 233, 0.04) !important;
}

.woocommerce-account table tbody tr:hover {
    background: rgba(14, 165, 233, 0.07) !important;
}

.woocommerce-account table td,
.woocommerce-account table th {
    border-color: rgba(56, 100, 160, 0.18) !important;
    color: #dde6f0 !important;
}

/* Número de pedido — verde/cyan */
.woocommerce-account .woocommerce-orders-table__cell-order-number a,
.woocommerce-account table a {
    color: #0ea5e9 !important;
    font-weight: 700;
}

.woocommerce-account table a:hover {
    color: #67c8f7 !important;
}

/* Totales en tfoot */
.woocommerce-account .shop_table.order_details tfoot tr:last-child th,
.woocommerce-account .shop_table.order_details tfoot tr:last-child td {
    color: #f0f6ff !important;
}

/* ============================================================
   Botones
   ============================================================ */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"],
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input.button {
    background: linear-gradient(135deg, #1570b8, #0ea5e9) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(14, 165, 233, 0.28) !important;
    font-weight: 700;
}

.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover,
.woocommerce-account .woocommerce-Button:hover {
    opacity: 0.85 !important;
    color: #fff !important;
}

.woocommerce-account .button.cancel,
.woocommerce-account .button.alt {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    color: #7a9abf !important;
    box-shadow: none !important;
}

/* ============================================================
   Pills / chips de estado
   ============================================================ */
.impo-order-status-chip {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(56, 130, 200, 0.22) !important;
    color: #a8c4de !important;
}

.impo-order-status-processing {
    background: rgba(34, 197, 94, 0.13) !important;
    border-color: rgba(34, 197, 94, 0.22) !important;
    color: #86efac !important;
}

.impo-order-status-completed {
    background: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
    color: #67c8f7 !important;
}

.impo-order-status-on-hold,
.impo-order-status-pending {
    background: rgba(250, 204, 21, 0.13) !important;
    border-color: rgba(250, 204, 21, 0.22) !important;
    color: #fef08a !important;
}

.impo-order-status-cancelled,
.impo-order-status-refunded {
    background: rgba(248, 113, 113, 0.13) !important;
    border-color: rgba(248, 113, 113, 0.22) !important;
    color: #fca5a5 !important;
}

/* ============================================================
   Botones de deuda — Pagar deuda / Solicitar prórroga
   ============================================================ */
.woocommerce-account .impo-btn-pay-debt {
    background: linear-gradient(135deg, #991b1b, #dc2626) !important;
    box-shadow: 0 6px 18px rgba(220, 38, 38, 0.28) !important;
}

.woocommerce-account .impo-btn-pay-debt:hover {
    opacity: 0.85 !important;
}

.woocommerce-account .impo-btn-extension {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(56, 130, 200, 0.35) !important;
    color: #a8c4de !important;
    box-shadow: none !important;
    font-weight: 500;
    cursor: pointer;
}

.woocommerce-account .impo-btn-extension:hover {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #f0f6ff !important;
}

.woocommerce-account .impo-btn-extension--sent,
.woocommerce-account .impo-btn-extension[disabled] {
    opacity: 0.6 !important;
    cursor: default !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* ============================================================
   Address cards
   ============================================================ */
.woocommerce-account .impo-address-card {
    background: linear-gradient(150deg, #0f1e38 0%, #0a1524 100%) !important;
    border: 1px solid rgba(56, 130, 200, 0.18) !important;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.45) !important;
}

.woocommerce-account .impo-address-card__title {
    color: #f0f6ff !important;
}

.woocommerce-account .impo-address-card__action {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(56, 130, 200, 0.22) !important;
    color: #a8c4de !important;
}

.woocommerce-account .impo-address-card__action:hover {
    background: rgba(14, 165, 233, 0.12) !important;
    color: #f0f6ff !important;
}

.woocommerce-account .impo-address-card__address,
.woocommerce-account .impo-address-card__empty,
.woocommerce-account .impo-address-card--billing .impo-address-card__address,
.woocommerce-account .impo-address-card--shipping .impo-address-card__address {
    background: rgba(255, 255, 255, 0.04) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(56, 100, 160, 0.18) !important;
    color: #dde6f0 !important;
}

.woocommerce-account .impo-address-card__address *,
.woocommerce-account .impo-address-card__empty * {
    color: #dde6f0 !important;
}

.woocommerce-account .impo-addresses__intro {
    color: #7a9abf !important;
}

/* ============================================================
   Customer details address block
   ============================================================ */
.woocommerce-account .woocommerce-customer-details address {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(56, 100, 160, 0.18) !important;
    color: #a8c4de !important;
}

/* ============================================================
   Fieldset legend (ej: "Cambio de contraseña") — fondo transparente
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
.woocommerce-account .woocommerce-MyAccount-content fieldset > legend {
    background: transparent !important;
    background-color: transparent !important;
    color: #f0f6ff !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content fieldset {
    background: transparent !important;
    border-color: rgba(56, 100, 160, 0.18) !important;
}

/* ============================================================
   Texto muted / secundario — azul grisáceo legible
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form__label-for-checkbox span,
.woocommerce-account .woocommerce-MyAccount-content .description,
.woocommerce-account .woocommerce-MyAccount-content small {
    color: #7a9abf !important;
}

/* ============================================================
   Links genéricos
   ============================================================ */
.woocommerce-account a:not(.button):not(.woocommerce-Button):not(.impo-address-card__action) {
    color: #0ea5e9;
}

.woocommerce-account a:not(.button):hover {
    color: #67c8f7;
}

/* ============================================================
   Paginación
   ============================================================ */
.woocommerce-account .woocommerce-pagination .page-numbers.current {
    color: #0ea5e9 !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
    background: rgba(14, 165, 233, 0.10) !important;
}

/* ============================================================
   Seguimiento — override de estilos heredados
   ============================================================ */
.woocommerce-account [class*="impo-tracking"],
.woocommerce-account [class*="impo-stepper"],
.woocommerce-account [class*="impo-order-tracker"] {
    background: transparent !important;
    color: #dde6f0 !important;
}

/* ============================================================
   Historial de movimientos en billetera
   ============================================================ */
.woocommerce-account .imporiente-wallet-history td,
.woocommerce-account .imporiente-wallet-history th,
.woocommerce-account [class*="wallet-history"] td,
.woocommerce-account [class*="wallet-history"] th {
    color: #dde6f0 !important;
    border-color: rgba(56, 100, 160, 0.18) !important;
}

/* ============================================================
   Mensajes de WooCommerce (notices)
   ============================================================ */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    background: rgba(14, 165, 233, 0.08) !important;
    border-color: rgba(14, 165, 233, 0.22) !important;
    color: #dde6f0 !important;
}

/* ============================================================
   Scroll bars dark (Webkit)
   ============================================================ */
.woocommerce-account ::-webkit-scrollbar { width: 6px; }
.woocommerce-account ::-webkit-scrollbar-track { background: #060d1a; }
.woocommerce-account ::-webkit-scrollbar-thumb {
    background: rgba(56, 130, 200, 0.28);
    border-radius: 3px;
}

/* ============================================================
   NAV ACTIVO — blanco puro (regla final, gana sobre todo)
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:link,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:visited,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:focus {
    color: #ffffff !important;
}

/* ============================================================
   Seguimiento — polish de la sección
   ============================================================ */
.woocommerce-account .impo-tracking-order-meta,
.woocommerce-account .impo-tracking-date,
.woocommerce-account .impo-tracking-total {
    display: inline-block;
    margin-right: 12px;
    color: #7a9abf !important;
    font-size: 13px;
}

.woocommerce-account .impo-tracking-order-number {
    color: #f0f6ff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

.woocommerce-account .impo-tracking-card,
.woocommerce-account [class*="impo-tracking-card"] {
    background: linear-gradient(150deg, #0f1e38 0%, #0a1524 100%) !important;
    border: 1px solid rgba(56, 130, 200, 0.18) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
}

/* ============================================================
   Login / Registro — dark glass
   Aplica a la página /mi-cuenta/ cuando el usuario NO está logueado
   ============================================================ */

.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1.15fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

.woocommerce-account #customer_login [data-qa="account-auth-login"],
.woocommerce-account #customer_login .u-column1.col-1 {
    float: none !important;
    width: auto !important;
    order: 1 !important;
}

.woocommerce-account #customer_login [data-qa="account-auth-register"],
.woocommerce-account #customer_login .u-column2.col-2 {
    float: none !important;
    width: auto !important;
    order: 2 !important;
}

@media (max-width: 860px) {
    .woocommerce-account #customer_login {
        grid-template-columns: 1fr !important;
    }
}

/* Títulos "Acceder" y "Registrarse" */
.woocommerce-account .u-column1 h2,
.woocommerce-account .u-column2 h2,
.woocommerce-account .col2-set .col-1 h2,
.woocommerce-account .col2-set .col-2 h2,
.woocommerce-account .woocommerce-form-login > h2,
.woocommerce-account .woocommerce-form-register > h2,
.woocommerce-form-login h2,
.woocommerce-form-register h2 {
    color: #f0f6ff !important;
}

/* Contenedores de los formularios — dark glass */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .u-column1 .woocommerce-form,
.woocommerce-account .u-column2 .woocommerce-form,
.woocommerce-account .col2-set .col-1 form,
.woocommerce-account .col2-set .col-2 form {
    background: rgba(10, 21, 36, 0.72) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(56, 130, 200, 0.28) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.55) !important;
    color: #dde6f0 !important;
}

/* Inputs dentro de login/registro — borde blanco translúcido */
.woocommerce-account .woocommerce-form-login input,
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-login select,
.woocommerce-account .woocommerce-form-register input,
.woocommerce-account .woocommerce-form-register input.input-text,
.woocommerce-account .woocommerce-form-register select {
    background: rgba(255, 255, 255, 0.06) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    color: #f0f6ff !important;
    border-radius: 10px !important;
}

.woocommerce-account .woocommerce-form-login input:focus,
.woocommerce-account .woocommerce-form-login input.input-text:focus,
.woocommerce-account .woocommerce-form-register input:focus,
.woocommerce-account .woocommerce-form-register input.input-text:focus,
.woocommerce-account .woocommerce-form-register select:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.18) !important;
    outline: none !important;
}

.woocommerce-account .woocommerce-form-login input::placeholder,
.woocommerce-account .woocommerce-form-register input::placeholder {
    color: #7a9abf !important;
    opacity: 1 !important;
}

/* Labels dentro del form */
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label {
    color: #a8c4de !important;
}

/* Texto de política de privacidad */
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text * {
    color: #5a7aa0 !important;
    font-size: 12px;
}

/* ============================================================
   Wallet endpoint: fix layout and composition
   ============================================================ */
.woocommerce-account .imporiente-wallet-wrap {
    --impo-wallet-surface: linear-gradient(150deg, #122240 0%, #0b1424 100%);
    --impo-wallet-surface-soft: rgba(255, 255, 255, 0.04);
    --impo-wallet-border: rgba(56, 130, 200, 0.22);
    --impo-wallet-border-soft: rgba(56, 130, 200, 0.18);
    --impo-wallet-text: #eef5ff;
    --impo-wallet-muted: #8aa5c7;
    --impo-wallet-accent: #27c4f5;
    --impo-wallet-ok: #86efac;
    --impo-wallet-danger: #fca5a5;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-card,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-history {
    background: var(--impo-wallet-surface) !important;
    border: 1px solid var(--impo-wallet-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
    color: var(--impo-wallet-text) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-summary-grid li,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-meta-item,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-table,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-table thead th {
    background: var(--impo-wallet-surface-soft) !important;
    border-color: var(--impo-wallet-border-soft) !important;
    color: var(--impo-wallet-text) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-summary-grid li strong,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-meta-item strong,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-table thead th {
    color: var(--impo-wallet-muted) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-value,
.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-meta-value,
.woocommerce-account .imporiente-wallet-wrap .impo-wallet-type,
.woocommerce-account .imporiente-wallet-wrap .impo-wallet-order-ref,
.woocommerce-account .imporiente-wallet-wrap h3,
.woocommerce-account .imporiente-wallet-wrap h4,
.woocommerce-account .imporiente-wallet-wrap p,
.woocommerce-account .imporiente-wallet-wrap span,
.woocommerce-account .imporiente-wallet-wrap td,
.woocommerce-account .imporiente-wallet-wrap th {
    color: var(--impo-wallet-text) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-value.is-positive,
.woocommerce-account .imporiente-wallet-wrap .impo-wallet-amount-positive {
    color: var(--impo-wallet-ok) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-value.is-negative,
.woocommerce-account .imporiente-wallet-wrap .impo-wallet-amount-negative {
    color: var(--impo-wallet-danger) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-chip,
.woocommerce-account .imporiente-wallet-wrap .impo-wallet-badge-credit {
    background: rgba(39, 196, 245, 0.12) !important;
    border-color: rgba(39, 196, 245, 0.24) !important;
    color: var(--impo-wallet-accent) !important;
}

.woocommerce-account .imporiente-wallet-wrap .impo-wallet-badge-prepaid {
    background: rgba(34, 197, 94, 0.12) !important;
    color: var(--impo-wallet-ok) !important;
}

.woocommerce-account .imporiente-wallet-wrap .impo-wallet-badge-other {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--impo-wallet-text) !important;
}

.woocommerce-account .imporiente-wallet-wrap .button,
.woocommerce-account .imporiente-wallet-wrap a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #1570b8, #0ea5e9) !important;
    border: 1px solid rgba(39, 196, 245, 0.24) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.18) !important;
}

.woocommerce-account .imporiente-wallet-wrap .imporiente-wallet-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.025) !important;
}