/*

 Theme Name:   Woodmart Child

 Description:  Woodmart Child Theme

 Author:       XTemos

 Author URI:   http://xtemos.com

 Template:     woodmart

 Version:      1.0.0

 Text Domain:  woodmart

*/



/* ══════════════════════════════════

   MY ACCOUNT — MOBILE APP REDESIGN

══════════════════════════════════ */



/* Hide ALL default WooCommerce account layout */

.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }

.woocommerce-account h1,

.woocommerce-account h2.woocommerce-column__title { display: none !important; }

.woocommerce-account .woocommerce-MyAccount-content {

    width: 100% !important;

    float: none !important;

    padding: 0 !important;

    margin: 0 !important;

    border: none !important;

    box-shadow: none !important;

}

/* Woodmart core wraps account content in a Bootstrap-row-style wrapper
   (margin: -30px left/right) meant to be offset by the sidebar nav column's
   own padding — but the sidebar nav is hidden entirely above, so with no
   column left to compensate, that negative margin bled the whole content
   area past both edges of the screen, clipping every row's text (order
   labels, totals, address) on mobile. Neutralize it since this redesign is
   single-column by design. */
.woocommerce-account .woocommerce-my-account-wrapper {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

/* Hide page title on My Account page */

.woocommerce-account .entry-title,

.woocommerce-account .page-title { display: none !important; }



/* Remove default breadcrumb & page padding on account */

.woocommerce-account .woocommerce { padding: 0 !important; margin: 0 !important; }



/* Back nav for inner pages */

.ma-subnav {

    display: flex;

    align-items: center;

    padding: 14px 16px 6px;

}

.ma-subnav-back {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #0c831f;

    font-weight: 700;

    font-size: 15px;

    text-decoration: none;

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

}



/* ── Outer wrapper ── */

.ma-wrap {

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    background: #f4f4f4;

    min-height: 100vh;

    max-width: 600px;

    margin: 0 auto;

}



/* ── Profile Header ── */

.ma-header {

    display: flex;

    align-items: center;

    gap: 14px;

    background: linear-gradient(135deg, #0c831f 0%, #17a32b 100%);

    padding: 32px 20px 44px;

}

.ma-avatar {

    width: 58px;

    height: 58px;

    border-radius: 50%;

    background: rgba(255,255,255,0.22);

    border: 2.5px solid rgba(255,255,255,0.45);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: 800;

    color: #fff;

    flex-shrink: 0;

    letter-spacing: -1px;

}

.ma-user-info { flex: 1; min-width: 0; }

.ma-user-name {

    font-size: 17px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 3px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ma-user-sub  { font-size: 13px; color: rgba(255,255,255,0.78); }

.ma-edit-btn {

    background: rgba(255,255,255,0.18);

    border: 1.5px solid rgba(255,255,255,0.4);

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    padding: 6px 14px;

    border-radius: 20px;

    text-decoration: none;

    flex-shrink: 0;

    font-family: inherit;

}



/* ── Stats Card ── */

.ma-stats {

    display: flex;

    align-items: center;

    background: #fff;

    border-radius: 16px;

    margin: -22px 16px 0;

    box-shadow: 0 4px 18px rgba(0,0,0,0.10);

    position: relative;

    z-index: 2;

    overflow: hidden;

}

.ma-stat {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 18px 12px;

    text-decoration: none;

}

.ma-stat-sep { width: 1px; height: 40px; background: #f0f0f0; }

.ma-stat-val {

    font-size: 20px;

    font-weight: 800;

    color: #1a1a1a;

    line-height: 1;

}

.ma-stat-val .woocommerce-Price-amount,

.ma-stat-val bdi { font-size: 18px !important; font-weight: 800 !important; color: #0c831f !important; }

.ma-stat-key {

    font-size: 11px;

    color: #999;

    margin-top: 5px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.4px;

}



/* ── Menu ── */

.ma-menu {

    background: #fff;

    border-radius: 16px;

    margin: 16px 16px 32px;

    overflow: hidden;

    box-shadow: 0 2px 10px rgba(0,0,0,0.06);

}

.ma-item {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 15px 18px;

    text-decoration: none;

    border-bottom: 1px solid #f5f5f5;

    transition: background 0.12s;

}

.ma-item:last-child { border-bottom: none; }

.ma-item:active { background: #f8f8f8; }

.ma-item-icon {

    width: 44px;

    height: 44px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

}

.ma-item-text { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.ma-item-label { font-size: 15px; font-weight: 700; color: #1a1a1a; }

.ma-item-desc  { font-size: 12px; color: #999; }



/* ── Inner pages clean ── */

.woocommerce-account .woocommerce-address-fields,

.woocommerce-account .woocommerce-EditAccountForm {

    max-width: 560px;

    margin: 0 auto;

    padding: 16px;

}

.woocommerce-account .woocommerce-orders-table { width: 100%; }



@media (min-width: 768px) {

    .ma-header { padding: 36px 28px 48px; }

    .ma-stats  { margin: -24px 24px 0; }

    .ma-menu   { margin: 20px 24px 40px; }

}