.fanika-wc-account-surface {
    display: flow-root;
    width: 100%;
    box-sizing: border-box;
    padding: clamp(16px, 2.5vw, 32px);
    background: #fff;
    color: #222;
}

.fanika-wc-account-surface .woocommerce-MyAccount-navigation,
.fanika-wc-account-surface .woocommerce-MyAccount-content,
.fanika-wc-account-surface .woocommerce-orders-table,
.fanika-wc-account-surface .woocommerce-table,
.fanika-wc-account-surface .shop_table {
    background: #fff;
}

.fanika-wc-account-surface .woocommerce-orders-table th,
.fanika-wc-account-surface .woocommerce-orders-table td,
.fanika-wc-account-surface .woocommerce-table th,
.fanika-wc-account-surface .woocommerce-table td,
.fanika-wc-account-surface .shop_table th,
.fanika-wc-account-surface .shop_table td {
    background: transparent;
}

.fanika-orders-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.fanika-orders-heading h2,
.fanika-payment-info h2 {
    margin-top: 0;
}

.fanika-orders-empty {
    margin: 1rem 0 1.5rem;
}

.fanika-orders-history-link {
    margin-top: 1.5rem;
}

.fanika-payment-info__order {
    margin-bottom: 1rem;
    color: #555;
}

.fanika-payment-info__instructions {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #ddd;
    background: #f8f8f8;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .fanika-wc-account-surface {
        padding: 16px;
    }

    .fanika-orders-heading {
        display: block;
    }
}

/* QA-081: the add-card form is a focused child screen, not an account dashboard.
   Scope the navigation removal to this endpoint; retain all other WooCommerce
   account navigation and let the native gateway form handle card setup. */
.fanika-wc-account-surface--add-payment-method .woocommerce-MyAccount-navigation {
    display: none;
}

.fanika-wc-account-surface--add-payment-method .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
    max-width: 100%;
}