/*
 * Imporiente My Account Premium UI
 * Scope: WooCommerce My Account only
 * Goal: SaaS-style clean interface, upgrade-safe (CSS-first)
 */

:root {
    --impo-bg: #f6f8fb;
    --impo-surface: #ffffff;
    --impo-surface-soft: #f8fbff;
    --impo-border: #dbe4f0;
    --impo-border-strong: #cfdced;
    --impo-text: #0f2b57;
    --impo-text-muted: #5b6f8d;
    --impo-accent: #1d4ed8;
    --impo-accent-soft: #e8f0ff;
    --impo-ok-bg: #ecfdf3;
    --impo-ok-border: #b9ebd2;
    --impo-ok-text: #166534;
    --impo-warn-bg: #fff7e8;
    --impo-warn-border: #f8ddb0;
    --impo-warn-text: #92400e;
    --impo-danger-bg: #feeff0;
    --impo-danger-border: #f4cdd1;
    --impo-danger-text: #b42318;
    --impo-shadow-sm: 0 6px 14px rgba(15, 23, 42, 0.05);
    --impo-shadow-md: 0 14px 32px rgba(15, 23, 42, 0.08);
    --impo-radius-card: 16px;
    --impo-radius-soft: 14px;
    --impo-space-1: 8px;
    --impo-space-2: 12px;
    --impo-space-3: 16px;
    --impo-space-4: 20px;
}

/* Layout shell */
.woocommerce-account {
    font-family: "Poppins", "Segoe UI", sans-serif;
    color: var(--impo-text);
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation *,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content * {
    font-family: "Poppins", "Segoe UI", sans-serif !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-top: 0;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 0;
    float: inline-end;
    width: 75%;
    padding: 0 !important;
    padding-inline-start: var(--tab-content-spacing, 1%) !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    color: var(--impo-text);
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.elementor-widget-woocommerce-my-account .woocommerce-account .woocommerce-MyAccount-content {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content-wrap {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

/* Sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    border-radius: var(--impo-radius-card);
    border: 1px solid #1f4a86;
    background: #163f7a;
    box-shadow: var(--impo-shadow-md);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    margin: 2px 0;
    padding: 12px 14px;
    border-radius: 10px;
    color: #e9f2ff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}
.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: #7cf5d8;
    background: #1d4f96;
}

/* Main block wrappers */
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content > form,
.woocommerce-account .woocommerce-MyAccount-content > table,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Message,
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce-MyAccount-content > .imporiente-account-dashboard {
    margin: 0 0 var(--impo-space-3);
    padding: var(--impo-space-4);
    border: 1px solid var(--impo-border);
    border-radius: var(--impo-radius-card);
    background: var(--impo-surface);
    box-shadow: var(--impo-shadow-sm);
}
.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper {
    padding: 12px 14px;
}
.woocommerce-account .woocommerce-MyAccount-content .imporiente-wallet-wrap {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body.woocommerce-edit-account .woocommerce-edit-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    max-width: 100% !important;
    margin: 0 auto !important;
}
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
    margin: 0 0 var(--impo-space-3);
    color: var(--impo-text);
    letter-spacing: -0.01em;
    font-size: 46px;
    line-height: 1.02;
    font-weight: 700;
}

/* Table shell */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders {
    border: 1px solid var(--impo-border);
    border-radius: var(--impo-radius-soft);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: var(--impo-surface);
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
    padding: 12px 14px;
    border-top: 1px solid #edf2f8;
    vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
    border-top: 0;
    background: #eff4fb;
    color: #405672;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 12px;
    font-weight: 700;
}

/* Orders list */
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody td {
    color: #223752;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 600;
    padding: 16px 18px;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:nth-child(even) {
    background: #fbfdff;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:hover {
    background: #f3f8ff;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-number a {
    color: #0ea5e9;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-number a:focus-visible {
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-date time {
    color: #425b79;
    font-size: 14px;
    font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-total {
    color: var(--impo-text);
    font-size: 16px;
    font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}
.woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 84px;
    height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .09);
}

/* Status badges */
.impo-order-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 13px;
    border-radius: 999px;
    border: 1px solid var(--impo-border-strong);
    background: #f4f8ff;
    color: #154284;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}
.impo-order-status-processing {
    background: var(--impo-ok-bg);
    border-color: var(--impo-ok-border);
    color: var(--impo-ok-text);
}
.impo-order-status-completed {
    background: var(--impo-accent-soft);
    border-color: #bfd4ff;
    color: #194abf;
}
.impo-order-status-on-hold,
.impo-order-status-pending {
    background: var(--impo-warn-bg);
    border-color: var(--impo-warn-border);
    color: var(--impo-warn-text);
}
.impo-order-status-cancelled,
.impo-order-status-refunded {
    background: var(--impo-danger-bg);
    border-color: var(--impo-danger-border);
    color: var(--impo-danger-text);
}

/* View order page */
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content {
    display: grid;
    gap: var(--impo-space-3);
    padding: 0;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > p,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > table,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Addresses,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Message,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .imporiente-account-dashboard,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrap {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    margin: 0;
    padding: 18px 22px;
    border: 1px solid var(--impo-border);
    border-radius: var(--impo-radius-card);
    background: var(--impo-surface);
    box-shadow: var(--impo-shadow-sm);
    color: #405672;
    line-height: 1.6;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type mark {
    display: inline;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #102a56;
    font-weight: 700;
}
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content > .impo-order-status {
    margin: 18px 0 0;
    width: 100%;
    box-sizing: border-box;
}
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;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details {
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
    margin: 0 0 var(--impo-space-3);
    padding: var(--impo-space-4);
    border: 1px solid var(--impo-border);
    border-radius: var(--impo-radius-card);
    background: var(--impo-surface);
    box-shadow: var(--impo-shadow-sm);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .shop_table.order_details {
    border: 1px solid #e5edf7;
    border-radius: var(--impo-radius-soft);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .shop_table.order_details tbody tr:nth-child(even) {
    background: #fbfdff;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .shop_table.order_details tfoot tr:last-child th,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details .shop_table.order_details tfoot tr:last-child td {
    font-size: 28px;
    font-weight: 700;
    color: var(--impo-text);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #e5edf7;
    border-radius: var(--impo-radius-soft);
    background: var(--impo-surface-soft);
    font-style: normal;
    font-size: 15px;
    line-height: 1.55;
    color: #405672;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address p {
    margin: 0 0 6px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details address p:last-child {
    margin-bottom: 0;
}

/* Address endpoint cards */
.woocommerce-account .impo-addresses {
    margin: 0;
}
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-view-order .woocommerce-account .woocommerce-MyAccount-content:has(.impo-addresses),
body.woocommerce-account .woocommerce-account .woocommerce-MyAccount-content > .impo-addresses {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content > .impo-addresses {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.woocommerce-account .impo-addresses__intro {
    margin: 0 0 16px;
    color: #62748c;
    font-size: 14px;
    line-height: 1.55;
}
.woocommerce-account .impo-addresses__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.woocommerce-account .impo-address-card {
    display: flex;
    flex-direction: column;
    min-height: 300px;
    padding: 22px;
    border: 1px solid #dde7f2;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}
.woocommerce-account .impo-address-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    margin-bottom: 14px;
}
.woocommerce-account .impo-address-card__title-wrap {
    min-width: 0;
}
.woocommerce-account .impo-address-card__heading-group {
    min-width: 0;
}
.woocommerce-account .impo-address-card__title {
    margin: 0;
    color: #102a56;
    font-size: 30px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-align: left;
    font-family: "Poppins", "Segoe UI", sans-serif;
}
.woocommerce-account .impo-address-card--shipping .impo-address-card__title {
    max-width: 250px;
}
.woocommerce-account .impo-address-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #c6d6eb;
    border-radius: 999px;
    background: #f4f8ff;
    color: #194a91;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.woocommerce-account .impo-address-card__action:hover,
.woocommerce-account .impo-address-card__action:focus-visible {
    background: #e8f0ff;
    border-color: #b5cae7;
    color: #123a78;
}
.woocommerce-account .impo-address-card__body {
    display: flex;
    flex: 1 1 auto;
}
.woocommerce-account .impo-address-card__address,
.woocommerce-account .impo-address-card__empty {
    width: 100%;
    margin: 0;
    padding: 24px 20px;
    border: 1px solid #dbe3ec;
    border-radius: 18px;
    background: #f3f5f8;
    color: #49627f;
    font-style: normal;
    font-size: 16px;
    line-height: 1.72;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-weight: 400;
    box-sizing: border-box;
}
.woocommerce-account .impo-address-card__address {
    text-align: left;
    display: block;
    min-height: 228px;
    white-space: normal;
}
.woocommerce-account .impo-address-card__empty {
    display: flex;
    align-items: center;
    min-height: 228px;
}
.woocommerce-account .impo-address-card--billing .impo-address-card__body,
.woocommerce-account .impo-address-card--shipping .impo-address-card__body {
    display: flex;
    flex: 1 1 auto;
}
.woocommerce-account .impo-address-card--billing .impo-address-card__address {
    padding: 24px 20px !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 18px !important;
    background: #f3f5f8 !important;
    box-shadow: none !important;
}

/* Forms and controls */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content .form-row label {
    margin-bottom: 6px;
    color: #35507a;
    font-size: 13px;
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid #d8e2f0;
    border-radius: 10px;
    background: #f7faff;
    color: var(--impo-text);
    font-size: 14px;
    line-height: 1.35;
}
.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
    outline: 0;
    border-color: #7aa2d8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.14);
}
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
    border-radius: 10px;
    font-weight: 700;
    transition: transform .14s ease, box-shadow .14s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover,
.woocommerce-account .woocommerce-MyAccount-content input.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(15, 23, 42, .08);
}

body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    width: 100% !important;
    max-width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
    margin: 0 auto;
}
body.woocommerce-edit-account .elementor-widget-woocommerce-my-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account {
    width: 100% !important;
    max-width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
}
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm > p,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-form-row,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-last,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-wide {
    max-width: none !important;
}
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-form-row {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-last {
    width: calc(50% - 16px) !important;
}
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p:where(.woocommerce-form-row, .form-row):not(.form-row-first):not(.form-row-last) {
    width: 100% !important;
}
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .button,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-Button {
    max-width: none !important;
}

/* Orders endpoint micro-polish */
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead th {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .035em;
}
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-total {
    font-size: 18px;
    font-weight: 700;
}
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a.button,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    font-weight: 700;
}
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button:hover,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a.button:hover,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers:hover {
    color: #2ea89b;
}
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button:disabled,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button.disabled,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers.current {
    color: #2ea89b;
    border-color: #a8d7d1;
    background: #ecfaf7;
}

/* Wallet dashboard section */
.imporiente-account-dashboard .imporiente-account-title {
    margin: 0 0 14px;
    color: var(--impo-text);
    font-size: 42px;
    line-height: 1.02;
    font-weight: 700;
}
.imporiente-account-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.imporiente-account-kpi {
    border: 1px solid #e6eef9;
    border-radius: 12px;
    background: var(--impo-surface-soft);
    padding: 11px 12px;
}
.imporiente-account-kpi strong {
    display: block;
    margin-bottom: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.imporiente-account-kpi-value {
    color: var(--impo-text);
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    font-weight: 700;
}
.imporiente-account-kpi-value.is-negative { color: #b42318; }
.imporiente-account-kpi-value.is-positive { color: #0f7a3d; }
.imporiente-account-actions {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Onboarding */
.impo-account-onboarding-highlight {
    position: relative;
    z-index: 99998;
    border-radius: 12px;
    transition: box-shadow .15s ease;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.2), 0 10px 28px rgba(15, 23, 42, 0.16);
}
.impo-account-onboarding-overlay {
    position: fixed;
    inset: 0;
    z-index: 99997;
    background: rgba(2, 6, 23, .45);
}
.impo-account-onboarding-card {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 99999;
    width: min(460px, calc(100vw - 30px));
    transform: translateX(-50%);
    border: 1px solid var(--impo-border);
    border-radius: var(--impo-radius-soft);
    background: var(--impo-surface);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .24);
    padding: 16px 16px 14px;
    color: var(--impo-text);
}
.impo-account-onboarding-step {
    margin-bottom: 6px;
    color: #3b82f6;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.impo-account-onboarding-title {
    margin: 0 0 6px;
    color: var(--impo-text);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}
.impo-account-onboarding-text {
    margin: 0;
    color: #35507a;
    font-size: 14px;
    line-height: 1.45;
}
.impo-account-onboarding-actions {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.impo-account-onboarding-btn {
    padding: 7px 14px;
    border: 1px solid #c8d6eb;
    border-radius: 999px;
    background: #fff;
    color: var(--impo-text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.impo-account-onboarding-btn-primary {
    border-color: var(--impo-text);
    background: var(--impo-text);
    color: #fff;
}

/* ------------------------------------------------------------------
 * App-like consolidation (Orders + Left menu)
 * Reference: internal design snapshot shared by client
 * ------------------------------------------------------------------ */
.woocommerce-account {
    background: #f1f5fb;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 76%;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 10px;
    border: 1px solid #dbe6f6;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
    border-top: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    margin: 0;
    padding: 14px 14px;
    border-radius: 10px;
    color: #284575;
    background: transparent;
    font-size: 25px;
    font-weight: 700;
}

.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;
    background: linear-gradient(135deg, #1e5bdb, #1a4fc1);
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.28);
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--seguimiento a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--wallet a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a::before,
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    display: inline-block;
    width: 18px;
    margin-right: 10px;
    text-align: center;
    opacity: 0.9;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "🏠"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a::before { content: "🛒"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--seguimiento a::before { content: "\1F4E6"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--wallet a::before { content: "\1F4B0"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\1F4CD"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\1F464"; }
.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\23FB"; }

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content > h2,
body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content > h3 {
    margin: 0 0 14px;
    font-size: 54px;
    font-weight: 700;
    color: #163667;
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content > table.my_account_orders {
    border: 1px solid #deebfb;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead th {
    background: #f8fbff;
    color: #4d6691;
    font-size: 12px;
    letter-spacing: 0.05em;
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody td {
    border-top: 1px solid #ecf2fb;
    color: #27406d;
    font-size: 16px;
    font-weight: 600;
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-number a {
    color: #1e57cc;
    font-size: 29px;
    font-weight: 700;
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-actions .button {
    min-width: 70px;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #1f5dd7;
    border-radius: 9px;
    background: linear-gradient(135deg, #2b73e3, #1f5ed8);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(31, 93, 215, 0.28);
}

body.woocommerce-orders .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-actions .button.cancel {
    border-color: #cfdced;
    background: #f5f8fc;
    color: #496189;
    box-shadow: none;
}

/* Responsive */
@media (max-width: 1200px) {
    .woocommerce-account .woocommerce-MyAccount-content > h2,
    .woocommerce-account .woocommerce-MyAccount-content > h3,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
    .imporiente-account-dashboard .imporiente-account-title {
        font-size: 38px;
    }
}
@media (max-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
    .imporiente-account-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-content > p,
    .woocommerce-account .woocommerce-MyAccount-content > form,
    .woocommerce-account .woocommerce-MyAccount-content > table,
    .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Addresses,
    .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Message,
    .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
    .woocommerce-account .woocommerce-MyAccount-content > .imporiente-account-dashboard,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
        padding: 16px;
    }
    .woocommerce-account .woocommerce-MyAccount-content > h2,
    .woocommerce-account .woocommerce-MyAccount-content > h3,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
    .imporiente-account-dashboard .imporiente-account-title {
        font-size: 32px;
    }
}
@media (max-width: 640px) {
    .imporiente-account-dashboard-grid,
    .woocommerce-account .woocommerce-Addresses,
    .woocommerce-account .impo-addresses__grid {
        grid-template-columns: 1fr;
    }
    .woocommerce-account .impo-address-card__header {
        grid-template-columns: 1fr;
    }
    .woocommerce-account .impo-address-card__title {
        font-size: 24px;
    }
    .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody td {
        padding: 13px 12px;
        font-size: 14px;
    }
    .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders .woocommerce-orders-table__cell-order-number a {
        font-size: 18px;
    }
}

/* Final hard override: remove the shell wrapper around address cards */
body.woocommerce-edit-address .elementor-widget-woocommerce-my-account .woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content-wrap,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-notices-wrapper,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > p,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > table,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Addresses,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Message,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content > .imporiente-account-dashboard {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.woocommerce-edit-address .elementor-widget-woocommerce-my-account .woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-edit-address .woocommerce-account .woocommerce-MyAccount-content {
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-edit-account .elementor-widget-woocommerce-my-account .woocommerce-account .woocommerce-MyAccount-content > form.woocommerce-EditAccountForm,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content > form.woocommerce-EditAccountForm,
body.woocommerce-edit-account .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
