.elementor-13 .elementor-element.elementor-element-18316483{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-b52cdd5 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:35px;font-weight:600;color:#000000;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-0ce402d{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-13 .elementor-element.elementor-element-0ce402d a{color:var( --e-global-color-81c312e );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-7971faa3{width:100%;max-width:100%;}.elementor-13 .elementor-element.elementor-element-7971faa3.elementor-element{--align-self:flex-start;}/* Start custom CSS for text-editor, class: .elementor-element-7971faa3 *//* =====================================================
   NAP SKINCARE - WOOCOMMERCE MY ACCOUNT FINAL V2
   Clean Beauty Tone / Full Width / Organized CSS
   Page: My Account
===================================================== */


/* =====================================================
   0) EDIT HERE - COLOR SYSTEM
   จุดแก้สีหลัก
===================================================== */

:root {
  /* Background */
  --nap-bg: #F3EFE6;          /* พื้นหลังหน้า */
  --nap-soft: #FAF7F0;        /* กล่องย่อย / hover อ่อน */
  --nap-card: #FFFFFF;        /* กล่องหลัก */

  /* Main Accent */
  --nap-primary: #6F735D;     /* ปุ่ม / active / link */
  --nap-primary-dark: #3F4A3A;/* hover / active เข้ม */
  --nap-accent: #B8A77E;      /* accent ทรายทองหม่น */

  /* Text */
  --nap-heading: #2B2A24;     /* หัวข้อ */
  --nap-heading-green: #303A2D;
  --nap-text: #5A5146;        /* เนื้อหาทั่วไป */
  --nap-muted: #7C756A;       /* ข้อความรอง / label */

  /* Border / Shadow */
  --nap-border: #D8D1C4;
  --nap-line: rgba(216, 209, 196, 0.75);
  --nap-shadow: 0 10px 30px rgba(43, 42, 36, 0.055);
  --nap-shadow-hover: 0 10px 24px rgba(43, 42, 36, 0.14);

  /* Radius */
  --nap-radius-lg: 22px;
  --nap-radius-md: 18px;
  --nap-radius-sm: 14px;
  --nap-radius-pill: 999px;

  /* Font */
  --nap-font: "Prompt", sans-serif;

  /* Backward compatible variables */
  --nap-wine: var(--nap-primary);
  --nap-green: var(--nap-primary-dark);
  --nap-cream: var(--nap-bg);
  --nap-brown: var(--nap-text);
  --nap-dark: var(--nap-heading);
  --nap-white: var(--nap-card);
  --nap-sand: var(--nap-accent);
}


/* =====================================================
   1) PAGE BASE
   คุมเฉพาะหน้า My Account
===================================================== */

body.woocommerce-account {
  font-family: var(--nap-font) !important;
  color: var(--nap-heading) !important;
}

body.woocommerce-account .site-main,
body.woocommerce-account main.site-main,
body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content,
body.woocommerce-account .elementor[data-elementor-type="wp-page"] {
  background: var(--nap-bg) !important;
}


/* =====================================================
   2) THEME CONTAINER RESET
   ล้าง container ของ theme ให้เต็มจอ
===================================================== */

body.woocommerce-account #content,
body.woocommerce-account .site-content,
body.woocommerce-account #content .ast-container,
body.woocommerce-account .site-content .ast-container,
body.woocommerce-account main.site-main .ast-container,
body.woocommerce-account .content-area {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =====================================================
   3) PAGE TITLE AREA
   หัวข้อด้านบน
===================================================== */

body.woocommerce-account .entry-header,
body.woocommerce-account .page-header,
body.woocommerce-account .ast-archive-description {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 26px 24px 8px !important;
  background: var(--nap-bg) !important;
}

body.woocommerce-account .entry-title,
body.woocommerce-account .page-title {
  margin: 0 0 8px !important;
  color: var(--nap-heading) !important;
  font-family: var(--nap-font) !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* =====================================================
   4) WOOCOMMERCE WRAPPER
===================================================== */

body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce * {
  box-sizing: border-box !important;
  font-family: var(--nap-font) !important;
}

body.woocommerce-account .woocommerce {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--nap-heading) !important;
}


/* =====================================================
   5) LOGGED-IN LAYOUT
   Sidebar + Content
===================================================== */

body.woocommerce-account.logged-in .woocommerce,
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

/* กัน float เดิมของ WooCommerce */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}


/* =====================================================
   6) MY ACCOUNT SIDEBAR
===================================================== */

body.woocommerce-account .woocommerce-MyAccount-navigation {
  grid-column: 1 !important;
  max-width: 260px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  padding: 14px !important;
  box-shadow: var(--nap-shadow) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  margin-bottom: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: var(--nap-radius-sm) !important;
  background: transparent !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  transition: all 0.28s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: var(--nap-bg) !important;
  color: var(--nap-primary) !important;
  transform: translateX(2px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a:hover {
  background: var(--nap-primary) !important;
  color: var(--nap-card) !important;
  font-weight: 500 !important;
  box-shadow: 0 12px 24px rgba(63, 74, 58, 0.16) !important;
  transform: none !important;
}


/* =====================================================
   7) MY ACCOUNT CONTENT CARD
===================================================== */

body.woocommerce-account .woocommerce-MyAccount-content {
  grid-column: 2 !important;
  max-width: 100% !important;
  min-height: 220px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  padding: 24px 28px !important;
  box-shadow: var(--nap-shadow) !important;
  overflow: hidden !important;
}


/* =====================================================
   8) TYPOGRAPHY
===================================================== */

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
  margin: 0 0 18px !important;
  color: var(--nap-heading) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content h2 {
  font-size: 26px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend {
  font-size: 20px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p {
  margin: 0 0 16px !important;
  color: var(--nap-text) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--nap-heading) !important;
  font-weight: 600 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--nap-primary) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--nap-primary-dark) !important;
}


/* =====================================================
   9) DASHBOARD INTRO BOX
   กล่องข้อความแรกใน Dashboard
===================================================== */

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-md) !important;
  padding: 18px 20px !important;
  margin: 0 0 18px !important;
  color: var(--nap-text) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child strong {
  color: var(--nap-primary-dark) !important;
}


/* =====================================================
   10) NOTICES / EMPTY STATE
===================================================== */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 18px 22px 18px 48px !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-left: 4px solid var(--nap-primary) !important;
  border-radius: var(--nap-radius-md) !important;
  color: var(--nap-heading) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  box-shadow: none !important;
}

body.woocommerce-account .woocommerce-error {
  border-left-color: var(--nap-accent) !important;
}

body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-error::before {
  top: 20px !important;
  left: 18px !important;
  color: var(--nap-primary) !important;
}

body.woocommerce-account .woocommerce-error::before {
  color: var(--nap-accent) !important;
}

/* Empty state ที่มีปุ่ม เช่น คำสั่งซื้อ / ดาวน์โหลด */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button {
  flex: 0 0 auto !important;
  float: none !important;
  margin: 0 0 0 auto !important;
}


/* =====================================================
   11) BUTTONS
===================================================== */

body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button,
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account .woocommerce-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 12px 24px !important;
  background: var(--nap-primary) !important;
  border: 1px solid var(--nap-primary) !important;
  border-radius: var(--nap-radius-pill) !important;
  color: var(--nap-card) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: all 0.28s ease !important;
}

body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover,
body.woocommerce-account .woocommerce .button:hover,
body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account .woocommerce-button:hover {
  background: var(--nap-primary-dark) !important;
  border-color: var(--nap-primary-dark) !important;
  color: var(--nap-card) !important;
  transform: translateY(-2px);
  box-shadow: var(--nap-shadow-hover) !important;
}

body.woocommerce-account .woocommerce-button.view,
body.woocommerce-account .woocommerce-button.pay,
body.woocommerce-account .woocommerce-button.cancel {
  min-height: 38px !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
}


/* =====================================================
   12) LOGIN / REGISTER PAGE
===================================================== */

body.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 24px 24px 48px !important;
}

body.woocommerce-account .u-columns {
  display: flex !important;
  gap: 24px !important;
  align-items: stretch !important;
}

body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2 {
  float: none !important;
  width: 50% !important;
}

body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
  min-height: 100% !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  padding: 30px !important;
  box-shadow: var(--nap-shadow) !important;
}

body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2 {
  margin: 0 0 22px !important;
  color: var(--nap-heading) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}

body.woocommerce-account .woocommerce-form-login .lost_password {
  margin-top: 14px !important;
  font-size: 14px !important;
}

body.woocommerce-account .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 8px 0 18px !important;
  color: var(--nap-text) !important;
  font-size: 14px !important;
}


/* =====================================================
   13) FORMS
===================================================== */

body.woocommerce-account .woocommerce form .form-row {
  padding: 0 !important;
  margin: 0 0 18px !important;
}

body.woocommerce-account .woocommerce form .form-row label {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.woocommerce-account .woocommerce form .required {
  color: var(--nap-primary) !important;
}

body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row select,
body.woocommerce-account .select2-container--default .select2-selection--single {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 15px !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: 12px !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

body.woocommerce-account .woocommerce form .form-row textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

body.woocommerce-account .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus,
body.woocommerce-account .woocommerce form .form-row select:focus,
body.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single {
  background: var(--nap-card) !important;
  border-color: var(--nap-primary) !important;
  box-shadow: 0 0 0 3px rgba(111, 115, 93, 0.10) !important;
}

body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--nap-heading) !important;
  line-height: 24px !important;
  padding-left: 0 !important;
}

body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  right: 12px !important;
}

body.woocommerce-account fieldset {
  margin: 28px 0 20px !important;
  padding: 24px !important;
  background: rgba(243, 239, 230, 0.65) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-md) !important;
}

body.woocommerce-account fieldset legend {
  padding: 0 10px !important;
}


/* =====================================================
   14) TABLES
===================================================== */

body.woocommerce-account .woocommerce table.shop_table,
body.woocommerce-account .woocommerce-table {
  width: 100% !important;
  margin: 0 0 24px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-md) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
}

body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td,
body.woocommerce-account .woocommerce-table th,
body.woocommerce-account .woocommerce-table td {
  padding: 16px 18px !important;
  border: none !important;
  border-bottom: 1px solid var(--nap-border) !important;
  color: var(--nap-heading) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  vertical-align: middle !important;
}

body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce-table th {
  background: var(--nap-bg) !important;
  color: var(--nap-heading) !important;
  font-weight: 600 !important;
}

body.woocommerce-account .woocommerce table.shop_table tr:last-child td,
body.woocommerce-account .woocommerce-table tr:last-child td {
  border-bottom: none !important;
}

body.woocommerce-account .woocommerce table.shop_table td a,
body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  color: var(--nap-primary) !important;
  font-weight: 600 !important;
}

body.woocommerce-account .woocommerce table.shop_table td a:hover {
  color: var(--nap-primary-dark) !important;
}


/* =====================================================
   15) ADDRESS TAB
===================================================== */

body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after,
body.woocommerce-account .col2-set::before,
body.woocommerce-account .col2-set::after {
  display: none !important;
  content: none !important;
}

body.woocommerce-account .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 0 !important;
}

body.woocommerce-account .woocommerce-Address {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 220px !important;
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-lg) !important;
  padding: 24px !important;
  box-shadow: none !important;
}

body.woocommerce-account .woocommerce-Address-title {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

body.woocommerce-account .woocommerce-Address-title h3 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--nap-heading) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body.woocommerce-account .woocommerce-Address-title .edit {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 104px !important;
  min-height: 38px !important;
  padding: 9px 16px !important;
  background: var(--nap-card) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-pill) !important;
  color: var(--nap-primary) !important;
  font-size: 0 !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.28s ease !important;
}

body.woocommerce-account .woocommerce-Address-title .edit::after {
  content: "เพิ่ม/แก้ไข" !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.woocommerce-account .woocommerce-Address-title .edit:hover {
  background: var(--nap-primary) !important;
  border-color: var(--nap-primary) !important;
  color: var(--nap-card) !important;
  transform: translateY(-2px);
}

body.woocommerce-account address,
body.woocommerce-account .woocommerce-Address address,
body.woocommerce-account .woocommerce-Address p {
  margin: 0 !important;
  color: var(--nap-text) !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}


/* =====================================================
   16) ORDER DETAIL / CUSTOMER DETAIL
===================================================== */

body.woocommerce-account .woocommerce-order-details,
body.woocommerce-account .woocommerce-customer-details {
  margin-top: 26px !important;
}

body.woocommerce-account .woocommerce-order-details h2,
body.woocommerce-account .woocommerce-customer-details h2 {
  margin-bottom: 16px !important;
  font-size: 24px !important;
}

body.woocommerce-account .woocommerce-customer-details address {
  background: var(--nap-bg) !important;
  border: 1px solid var(--nap-border) !important;
  border-radius: var(--nap-radius-md) !important;
  padding: 22px !important;
}


/* =====================================================
   17) ACCOUNT DETAILS
===================================================== */

body.woocommerce-account .woocommerce-EditAccountForm em {
  display: block !important;
  margin-top: 8px !important;
  color: var(--nap-text) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body.woocommerce-account .woocommerce-EditAccountForm .clear {
  display: none !important;
}


/* =====================================================
   18) TABLET
===================================================== */

@media (max-width: 1024px) {
  body.woocommerce-account .woocommerce,
  body.woocommerce-account.logged-in .woocommerce,
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    padding: 18px 18px 38px !important;
  }

  body.woocommerce-account.logged-in .woocommerce,
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    max-width: 240px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    padding: 22px 24px !important;
  }

  body.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 20px !important;
  }
}


/* =====================================================
   19) MOBILE
===================================================== */

@media (max-width: 767px) {
  body.woocommerce-account .entry-header,
  body.woocommerce-account .page-header,
  body.woocommerce-account .ast-archive-description {
    padding: 22px 14px 10px !important;
  }

  body.woocommerce-account .entry-title,
  body.woocommerce-account .page-title {
    font-size: 28px !important;
  }

  body.woocommerce-account .woocommerce,
  body.woocommerce-account.logged-in .woocommerce,
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: block !important;
    padding: 14px 14px 32px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 12px !important;
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a {
    width: auto !important;
    min-height: 40px !important;
    padding: 10px 14px !important;
    background: var(--nap-bg) !important;
    border-radius: var(--nap-radius-pill) !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    transform: none !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 18px 16px !important;
    border-radius: var(--nap-radius-md) !important;
    min-height: auto !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: 22px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content h3,
  body.woocommerce-account .woocommerce-MyAccount-content legend {
    font-size: 18px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    padding: 16px !important;
    margin-bottom: 16px !important;
    font-size: 14px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
    display: block !important;
    padding: 18px 18px 18px 44px !important;
    font-size: 14px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
    top: 20px !important;
    left: 18px !important;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button {
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  body.woocommerce-account .u-columns {
    flex-direction: column !important;
    gap: 18px !important;
  }

  body.woocommerce-account .u-column1,
  body.woocommerce-account .u-column2 {
    width: 100% !important;
  }

  body.woocommerce-account .woocommerce-form-login,
  body.woocommerce-account .woocommerce-form-register {
    padding: 24px 18px !important;
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-account .u-column1 h2,
  body.woocommerce-account .u-column2 h2 {
    font-size: 24px !important;
  }

  body.woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.woocommerce-account .woocommerce-Address {
    min-height: auto !important;
    padding: 20px 18px !important;
    border-radius: var(--nap-radius-md) !important;
  }

  body.woocommerce-account .woocommerce-Address-title {
    align-items: center !important;
    gap: 14px !important;
  }

  body.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 20px !important;
  }

  body.woocommerce-account .woocommerce-Address-title .edit {
    min-width: 98px !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
  }

  body.woocommerce-account .woocommerce-Address-title .edit::after {
    font-size: 12px !important;
  }

  body.woocommerce-account .woocommerce table.shop_table_responsive tr,
  body.woocommerce-account .woocommerce-page table.shop_table_responsive tr {
    display: block !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--nap-border) !important;
  }

  body.woocommerce-account .woocommerce table.shop_table_responsive tr:last-child,
  body.woocommerce-account .woocommerce-page table.shop_table_responsive tr:last-child {
    border-bottom: none !important;
  }

  body.woocommerce-account .woocommerce table.shop_table_responsive tr td,
  body.woocommerce-account .woocommerce-page table.shop_table_responsive tr td {
    display: block !important;
    padding: 10px 16px !important;
    border-bottom: none !important;
    text-align: right !important;
  }

  body.woocommerce-account .woocommerce table.shop_table_responsive tr td::before,
  body.woocommerce-account .woocommerce-page table.shop_table_responsive tr td::before {
    color: var(--nap-heading) !important;
    font-weight: 600 !important;
  }

  body.woocommerce-account .woocommerce a.button,
  body.woocommerce-account .woocommerce button.button,
  body.woocommerce-account .woocommerce input.button,
  body.woocommerce-account .woocommerce .button,
  body.woocommerce-account .woocommerce-Button,
  body.woocommerce-account .woocommerce-button {
    width: 100% !important;
    min-height: 46px !important;
  }

  body.woocommerce-account .woocommerce-button.view,
  body.woocommerce-account .woocommerce-button.pay,
  body.woocommerce-account .woocommerce-button.cancel {
    width: auto !important;
    margin: 4px 0 !important;
  }
}

/* =====================================================
   NAP - Fix My Account Order Action Buttons
   Target: td > p > a
===================================================== */

/* ช่องเลือกคำสั่ง */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
  min-width: 230px !important;
  vertical-align: middle !important;
}

/* ตัว p ที่ WowInvoice/WooCommerce ใส่มาครอบปุ่ม */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  line-height: 1 !important;
}

/* ปุ่มทั้งหมดในช่องเลือกคำสั่ง */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.woocommerce-button,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 96px !important;
  max-width: none !important;
  min-height: 38px !important;

  padding: 10px 16px !important;
  margin: 0 !important;

  background: var(--nap-primary) !important;
  border: 1px solid var(--nap-primary) !important;
  border-radius: var(--nap-radius-pill) !important;

  color: #FFFFFF !important;
  font-family: var(--nap-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  text-indent: 0 !important;
  box-shadow: none !important;
}

/* ปุ่มดูรายละเอียด */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.view {
  background: var(--nap-primary) !important;
  border-color: var(--nap-primary) !important;
  color: #FFFFFF !important;
}

/* ปุ่ม Invoice */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.winv_inv {
  background: var(--nap-primary-dark) !important;
  border-color: var(--nap-primary-dark) !important;
  color: #FFFFFF !important;
}

/* Hover */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.woocommerce-button:hover,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.button:hover {
  background: var(--nap-primary-dark) !important;
  border-color: var(--nap-primary-dark) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* กัน pseudo element จาก theme/plugin บังข้อความ */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.woocommerce-button::before,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.woocommerce-button::after,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.button::before,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.button::after {
  display: none !important;
  content: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
    min-width: 0 !important;
  }

  body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p {
    justify-content: flex-end !important;
  }

  body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.woocommerce-button,
  body.woocommerce-account td.woocommerce-orders-table__cell-order-actions p a.button {
    min-width: 88px !important;
    min-height: 36px !important;
    padding: 9px 14px !important;
    font-size: 12px !important;
  }
}/* End custom CSS */