/* Account design: theme-relative type scale and Elementor/WooCommerce color tokens. */
.woocommerce-account, .akn-account {
  --akn-base: var(--e-global-typography-text-font-size, 1rem);
  --akn-type-body: var(--akn-base);
  --akn-type-small: calc(var(--akn-base) * .9375);
  --akn-type-caption: calc(var(--akn-base) * .875);
  --akn-type-heading: calc(var(--akn-base) * 1.375);
  --akn-type-title: calc(var(--akn-base) * 1.875);
  --akn-type-count: calc(var(--akn-base) * 1.875);
  --akn-weight-body: var(--e-global-typography-text-font-weight, inherit);
  --akn-weight-strong: var(--e-global-typography-primary-font-weight, bolder);
  --akn-weight-action: var(--e-global-typography-accent-font-weight, inherit);
  --akn-font-body: var(--e-global-typography-text-font-family, inherit);
  --akn-font-heading: var(--e-global-typography-primary-font-family, inherit);
  --akn-surface: var(--e-global-color-background, var(--wp--preset--color--base, Canvas));
  --akn-muted: var(--e-global-color-text, CanvasText);
  --akn-ink: color-mix(in srgb, var(--e-global-color-secondary, CanvasText) 35%, CanvasText);
  --akn-pink: var(--e-global-color-accent, LinkText);
  --akn-blue: var(--e-global-color-primary, LinkText);
  --akn-yellow: var(--wc-orange, var(--akn-blue));
  --akn-green: var(--wc-green, var(--akn-blue));
  --akn-line: color-mix(in srgb, var(--akn-muted) 12%, var(--akn-surface));
  --akn-subtle: color-mix(in srgb, var(--akn-muted) 5%, var(--akn-surface));
  --akn-soft: color-mix(in srgb, var(--akn-pink) 10%, var(--akn-surface));
}
body.woocommerce-account main#content {
    max-width: 1365px !important;
}
.akn-account {
  width: 100%;
  padding: 10px;
  margin: clamp(28px, 3vw, 48px) auto clamp(40px, 5vw, 72px);
  color: var(--akn-muted);
  font-family: var(--akn-font-body);
  font-size: var(--akn-type-body);
  font-weight: var(--akn-weight-body);
  line-height: var(--e-global-typography-text-line-height, 1.45);
}
/* Derive semantic hues from the configured blue when WooCommerce has no semantic tokens. */
@supports (color: hsl(from currentColor h s l)) {
  .woocommerce-account, .akn-account {
    --akn-yellow: var(--e-global-color-warning, var(--wc-orange, hsl(from var(--akn-blue) calc(h - 150) s l)));
    --akn-green: var(--e-global-color-success, hsl(from var(--akn-blue) calc(h - 40) s calc(l * .65)));
  }
}
.akn-account *, .akn-account *::before, .akn-account *::after { box-sizing: border-box; }
.akn-account a { text-decoration: none; }
.akn-account a:focus-visible, .akn-account button:focus-visible { outline: 2px solid var(--akn-pink); outline-offset: 3px; }
.akn-account svg { display: block; width: 20px; height: 20px; flex: none; }
.akn-account h1, .akn-account h2, .akn-account p { padding: 0; }
.akn-account h1, .akn-account h2 { margin: 0; color: var(--akn-ink); font-family: var(--akn-font-heading); font-weight: var(--akn-weight-strong); line-height: 1.25; }
.akn-account h1 { font-size: var(--akn-type-title); }
.akn-account h2 { font-size: var(--akn-type-heading); }
.akn-account strong { color: var(--akn-ink); font-weight: var(--akn-weight-strong); }
.akn-account-layout { display: grid; grid-template-columns: minmax(250px, 24%) minmax(0, 1fr); gap: 24px; align-items: start; }
.akn-account-nav, .akn-account-panel { background: var(--akn-surface); border: 1px solid var(--akn-line); border-radius: 13px; box-shadow: 0 2px 7px color-mix(in srgb, var(--akn-muted) 3%, transparent); }
.woocommerce-account .akn-account .woocommerce-MyAccount-navigation { float: none; width: auto; min-width: 0; padding: 20px 16px; }
.akn-account-nav { margin-bottom: 0; }
.akn-account-profile { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.akn-account-identity { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; line-height: 1.3; }
.akn-account-identity strong, .akn-account-identity span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akn-account-identity strong { font-size: var(--akn-type-body); }
.akn-account-identity span { font-size: var(--akn-type-caption); }
.akn-account-edit { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 1px solid var(--akn-line); border-radius: 8px; color: var(--akn-ink); background: var(--akn-subtle); }
.akn-account-edit svg { width: 14px; height: 14px; }
.akn-account-nav ul { padding: 0; margin: 0; list-style: none; }
.akn-account-nav li { position: relative; margin: 0 0 3px; padding: 0; border: 0; list-style: none; }
.akn-account-nav li::before, .akn-account-nav li::after { content: none; }
.akn-account-nav li a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px 14px; border: 0; border-radius: 8px; color: var(--akn-ink); font: inherit; font-size: var(--akn-type-small); font-weight: var(--akn-weight-action); }
.akn-account-nav li a::before, .akn-account-nav li a::after { content: none; }
.akn-account-nav li a:hover, .akn-account-nav li.is-active a { color: var(--akn-pink); background: var(--akn-soft); }
.akn-account-nav li a > span:nth-child(2) { flex: 1; }
.akn-account-chevron svg { width: 12px; height: 12px; opacity: .65; }
.woocommerce-account .akn-account .woocommerce-MyAccount-content { float: none; width: auto; min-width: 0; }
.akn-account-dashboard { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.akn-account-panel { min-width: 0; padding: 24px; }
.akn-account-heading, .akn-section-heading { display: flex; justify-content: space-between; gap: 12px; }
.akn-account-heading { align-items: center; margin-bottom: 24px; }
.akn-account-heading p { margin: 5px 0 0; font-size: var(--akn-type-body); }
.akn-account-happy { display: flex; align-items: center; gap: 13px; flex: none; color: var(--akn-ink); font-family: var(--akn-font-heading); font-size: var(--akn-type-body); font-weight: var(--akn-weight-action); font-style: italic; line-height: 1.2; }
.akn-account-happy > svg { width: 13px; height: 13px; margin-inline-start: -8px; transform: rotate(15deg); }
.akn-rainbow { position: relative; display: block; width: 47px; height: 35px; overflow: hidden; transform: rotate(-10deg); }
.akn-rainbow i { position: absolute; inset: 0; border: 5px solid var(--akn-pink); border-bottom: 0; border-radius: 50px 50px 0 0; }
.akn-rainbow i:nth-child(2) { inset: 5px 5px 0; border-color: var(--akn-yellow); }
.akn-rainbow i:nth-child(3) { inset: 10px 10px 0; border-color: var(--akn-blue); }
.akn-rainbow i:nth-child(4) { inset: 15px 15px 0; border-color: var(--akn-green); }
.akn-account-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.akn-account-stat { --akn-card-tone: var(--akn-pink); position: relative; isolation: isolate; display: flex; flex-direction: column; min-width: 0; min-height: 168px; padding: 16px; overflow: hidden; border-radius: 12px; background: linear-gradient(115deg, color-mix(in srgb, var(--akn-card-tone) 9%, var(--akn-surface)), color-mix(in srgb, var(--akn-card-tone) 14%, var(--akn-surface))); color: var(--akn-muted); }
.akn-stat-wishlist { --akn-card-tone: var(--akn-blue); }
.akn-stat-addresses { --akn-card-tone: var(--akn-yellow); }
.akn-stat-details { --akn-card-tone: var(--akn-green); }
.akn-account-stat:hover { box-shadow: inset 0 0 0 1px var(--akn-card-tone); }
.akn-stat-icon { margin-bottom: 16px; color: var(--akn-card-tone); }
.akn-stat-icon svg { width: 30px; height: 30px; }
.akn-stat-decoration { position: absolute; z-index: -1; inset-inline-end: 13px; top: 28px; color: color-mix(in srgb, var(--akn-card-tone) 30%, transparent); transform: rotate(9deg); }
.akn-stat-decoration svg { width: 47px; height: 47px; stroke-width: 1.4; fill: currentColor; }
.akn-stat-wishlist .akn-stat-decoration { top: 32px; transform: rotate(12deg); }
.akn-stat-details .akn-stat-decoration { top: 24px; }
.akn-account-stat strong { font-size: var(--akn-type-count); line-height: 1; }
.akn-account-stat > span:not([class]) { font-size: var(--akn-type-caption); margin-top: 6px; }
.akn-account-stat .akn-stat-label { margin-top: auto; font-size: var(--akn-type-body); }
.akn-account-stat small { display: flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 16px; color: color-mix(in srgb, var(--akn-card-tone) 75%, var(--akn-ink)); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-action); line-height: 1.45; flex-wrap: wrap; }
.akn-account-stat small svg, .akn-section-heading a svg { width: 14px; height: 14px; }
.akn-section-heading { align-items: center; margin-bottom: 18px; }
.akn-section-heading p { margin: 1px 0 0; font-size: var(--akn-type-caption); line-height: 1.2; }
.akn-section-heading > a { display: inline-flex; align-items: center; gap: 5px; flex: none; color: var(--akn-pink); font-size: var(--akn-type-small); font-weight: var(--akn-weight-action); white-space: nowrap; }
.akn-recent-orders { padding-block: 22px; }
.akn-order-scroll { min-width: 0; max-width: 100%; overflow-x: auto; }
.woocommerce-account .akn-account table.akn-orders-table { width: 100%; min-width: 720px; margin: 0; border: 0; border-collapse: separate; border-spacing: 0; table-layout: auto; background: var(--akn-surface); font-size: var(--akn-type-small); }
.woocommerce-account .akn-account table.akn-orders-table :is(th, td) { height: 60px; padding: 12px; border: 0; border-block: 0; border-inline: 0; border-bottom: 1px solid var(--akn-line); border-radius: 0; background: transparent; color: var(--akn-ink); font-weight: var(--akn-weight-body); line-height: 1.5; text-align: start; vertical-align: middle; white-space: nowrap; }
/* The site's Additional CSS applies an important border to all tbody th elements. */
.woocommerce-account .akn-account table.akn-orders-table tbody .woocommerce-orders-table__cell-order-number { border: 0 !important; border-bottom: 1px solid var(--akn-line) !important; box-shadow: none; }
.woocommerce-account .akn-account table.akn-orders-table .woocommerce-orders-table__cell-akn-products { min-width: 162px; padding-inline-end: 24px; }
.woocommerce-account .akn-account table.akn-orders-table .woocommerce-orders-table__cell-order-total { min-width: 100px; padding-inline-start: 16px; }
.woocommerce-account .akn-account table.akn-orders-table thead th { height: 44px; background: var(--akn-subtle); color: var(--akn-muted); font-weight: var(--akn-weight-body); }
.woocommerce-account .akn-account table.akn-orders-table thead th:first-child { border-start-start-radius: 7px; }
.woocommerce-account .akn-account table.akn-orders-table thead th:last-child { border-start-end-radius: 7px; }
.woocommerce-account .akn-account table.akn-orders-table .woocommerce-orders-table__header-akn-products { width: 22%; }
.woocommerce-account .akn-account table.akn-orders-table :is(.woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell-order-actions) { text-align: center; }
.woocommerce-account .akn-account table.akn-orders-table a.akn-order-number { color: var(--akn-ink); }
.akn-order-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; min-width: 104px; max-width: 140px; margin-inline: auto; }
.woocommerce-account .akn-account .akn-order-actions a.akn-account-button { display: inline-flex; align-items: center; justify-content: center; min-width: 104px; min-height: 40px; margin: 0; padding: 10px 16px; border: 0; border-radius: 20px; background: var(--akn-pink); color: var(--akn-surface); box-shadow: none; font-family: var(--akn-font-body); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-action); line-height: 1.2; text-align: center; }
.woocommerce-account .akn-account .akn-order-actions a.akn-account-button:is(:hover, :focus, :visited, :active) { background: var(--akn-pink); color: var(--akn-surface); }
.woocommerce-account .akn-account .akn-orders-table .akn-order-products { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 6px; width: max-content; min-width: max-content; max-width: none; vertical-align: middle; }
.akn-order-products > span { flex: 0 0 auto; min-width: 38px; }
.akn-order-products img, .akn-more-products { display: block; width: 38px; height: 38px; margin: 0; border: 0; border-radius: 6px; object-fit: cover; }
.akn-order-products .akn-more-products { display: grid; place-items: center; border-radius: 50%; background: var(--akn-subtle); color: var(--akn-ink); }
.akn-order-status { --akn-status-tone: var(--akn-blue); display: inline-block; border-radius: 20px; padding: 4px 12px; background: color-mix(in srgb, var(--akn-status-tone) 17%, var(--akn-surface)); color: color-mix(in srgb, var(--akn-status-tone) 70%, var(--akn-ink)); font-weight: var(--akn-weight-action); }
.akn-status-completed, .akn-status-delivered { --akn-status-tone: var(--akn-green); }
.akn-status-processing, .akn-status-on-hold { --akn-status-tone: var(--akn-yellow); }
.akn-status-cancelled, .akn-status-failed { --akn-status-tone: var(--akn-pink); }
.akn-account .akn-account-button, .woocommerce .akn-account .akn-account-product-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; min-width: 104px; margin: 0; padding: 10px 16px; border: 0; border-radius: 20px; background: var(--akn-pink); color: var(--akn-surface); font-family: var(--akn-font-body); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-action); line-height: 1.2; text-align: center; text-transform: none; text-decoration: none; box-shadow: none; }
.akn-account .akn-account-button:hover, .woocommerce .akn-account .akn-account-product-button:hover { background: var(--akn-pink); color: var(--akn-surface); }
.akn-empty-state { margin-bottom: 0; }
.akn-recommendations { position: relative; margin-top: 32px; }
.akn-recommendations .akn-section-heading { margin-bottom: 18px; }
.akn-recommendations h2 { line-height: 1.3; }
.akn-recommendations-heading { display: flex; align-items: flex-start; gap: 13px; }
.akn-heading-heart { color: var(--akn-pink); font-size: var(--akn-type-count); line-height: 1.2; transform: rotate(-17deg); }
.akn-recommendation-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.akn-recommendation-card { display: flex; flex-direction: column; min-width: 0; padding: 8px; border: 1px solid var(--akn-line); border-radius: 11px; background: var(--akn-surface); }
.akn-recommendation-media { position: relative; }
.akn-recommendation-image { display: block; aspect-ratio: 1.25; overflow: hidden; border-radius: 7px; background: var(--akn-subtle); }
.akn-recommendation-image img { display: block; width: 100%; height: 100%; margin: 0; border: 0; object-fit: contain; }
.akn-recommendation-name { display: -webkit-box; overflow: hidden; min-height: 2.8em; margin: 12px 1px 8px; color: var(--akn-ink); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-action); line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.akn-recommendation-price-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: auto 1px 12px; }
.akn-recommendation-price { display: inline-flex; align-items: baseline; gap: 4px; color: var(--akn-ink); font-size: var(--akn-type-body); font-weight: var(--akn-weight-strong); white-space: nowrap; }
.akn-recommendation-price del { order: 1; color: var(--akn-muted); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-body); }
.akn-recommendation-price ins { background: transparent; text-decoration: none; }
.akn-account-sale { padding: 3px 7px; border-radius: 20px; background: var(--akn-soft); color: var(--akn-pink); font-size: var(--akn-type-caption); font-weight: var(--akn-weight-action); white-space: nowrap; }
.woocommerce .akn-account .akn-account-product-button { width: 100%; min-width: 0; min-height: 40px; margin-top: auto; border-radius: 9px; }
.akn-recommendation-card .added_to_cart { margin-top: 5px; color: var(--akn-pink); text-align: center; }
.akn-wishlist-form { position: absolute; top: 5px; inset-inline-end: 5px; margin: 0; }
.akn-account .akn-wishlist-heart { display: grid; place-items: center; width: 30px; height: 30px; margin: 0; padding: 4px; border: 0; border-radius: 50%; background: var(--akn-surface); color: var(--akn-muted); cursor: pointer; }
.akn-wishlist-heart svg { width: 15px; height: 15px; }
.akn-account .akn-wishlist-heart:hover, .akn-account .akn-wishlist-heart.is-saved { color: var(--akn-pink); }
.akn-account .akn-wishlist-heart:disabled { opacity: .6; cursor: wait; }
.akn-wishlist-heart.is-saved svg { fill: currentColor; }
.akn-wishlist-provider { position: absolute; top: 4px; inset-inline-end: 4px; }
.akn-wishlist-provider .yith-wcwl-add-to-wishlist { margin: 0; }
.akn-account-wishlist .akn-recommendation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Every endpoint keeps its WooCommerce template and uses the same account surface. */
.woocommerce-account .akn-account--endpoint .woocommerce-MyAccount-content {
  padding: clamp(20px, 2.5vw, 32px);
  border: 1px solid var(--akn-line);
  border-radius: 16px;
  background: var(--akn-surface);
  box-shadow: 0 2px 7px color-mix(in srgb, var(--akn-muted) 3%, transparent);
}
.akn-account-page-heading { padding-bottom: 22px; margin-bottom: 26px; border-bottom: 1px solid var(--akn-line); }
.akn-account-page-heading p { margin: 10px 0 0; color: var(--akn-muted); line-height: 1.6; }
.akn-account-endpoint-body { min-width: 0; max-width: 100%; overflow-x: auto; }
.akn-account-endpoint-body > :first-child { margin-top: 0; }
.akn-account-endpoint-body > :last-child { margin-bottom: 0; }
.akn-account-endpoint-body p { margin-block: 0 20px; line-height: 1.65; }
.akn-account-endpoint-body a:not(.button):not(.akn-recommendation-image):not(.akn-recommendation-name) { color: var(--akn-pink); }
.akn-account-endpoint-body :is(h2, h3, h4, legend) { margin-block: 0 18px; color: var(--akn-ink); font-family: var(--akn-font-heading); font-size: var(--akn-type-heading); font-weight: var(--akn-weight-strong); line-height: 1.35; }
.akn-account-endpoint-body :is(mark, ins) { background: var(--akn-soft); color: var(--akn-ink); text-decoration: none; }
.woocommerce .akn-account :is(a.button, button.button, input.button),
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .button {
  min-height: 44px;
  padding: 12px 20px;
  border: 0;
  border-radius: 10px;
  background: var(--akn-pink);
  color: var(--akn-surface);
  font-family: var(--akn-font-body);
  font-size: var(--akn-type-small);
  font-weight: var(--akn-weight-action);
  line-height: 1.4;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.woocommerce .akn-account :is(a.button, button.button, input.button):hover,
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .button:hover { background: var(--akn-pink); color: var(--akn-surface); }
.woocommerce .akn-account a.akn-account-product-button { padding: 10px 8px; font-size: var(--akn-type-caption); }
.akn-account :is(.button, input[type="checkbox"], input[type="radio"]):focus-visible { outline: 2px solid var(--akn-pink); outline-offset: 3px; }

/* Orders, downloads, payment methods, and order details. */
.woocommerce .akn-account-endpoint-body table.shop_table { width: 100%; margin: 0 0 24px; overflow: hidden; border: 1px solid var(--akn-line); border-collapse: separate; border-spacing: 0; border-radius: 12px; font-size: var(--akn-type-small); }
.woocommerce .akn-account-endpoint-body table.shop_table :is(th, td) { padding: 16px; border: 0; border-bottom: 1px solid var(--akn-line); background: transparent; color: var(--akn-ink); text-align: start; vertical-align: middle; line-height: 1.5; overflow-wrap: anywhere; }
.woocommerce .akn-account-endpoint-body table.shop_table th { font-weight: var(--akn-weight-strong); }
.woocommerce .akn-account-endpoint-body table.shop_table thead th { background: var(--akn-subtle); }
.woocommerce .akn-account-endpoint-body table.shop_table tbody tr:last-child :is(th, td),
.woocommerce .akn-account-endpoint-body table.shop_table tfoot tr:last-child :is(th, td) { border-bottom: 0; }
.woocommerce .akn-account-endpoint-body table.shop_table tfoot { background: var(--akn-subtle); }
.woocommerce .akn-account-endpoint-body table.shop_table tfoot :is(th, td) { font-weight: var(--akn-weight-action); }
.akn-account-endpoint-body .woocommerce-Pagination { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.akn-account-endpoint-body .woocommerce-order-details { margin-block: 26px; }
.akn-account-endpoint-body .woocommerce-OrderUpdates { padding: 0; list-style: none; }
.akn-account-endpoint-body .woocommerce-OrderUpdate { margin-bottom: 16px; padding: 18px 20px; border-inline-start: 3px solid var(--akn-pink); border-radius: 10px; background: var(--akn-subtle); }
.akn-account-endpoint-body .woocommerce-OrderUpdate .meta { color: var(--akn-muted); font-size: var(--akn-type-caption); }
.akn-account-endpoint-body .woocommerce-OrderUpdate :last-child { margin-bottom: 0; }

/* Billing and shipping cards on Addresses and View Order. */
.woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-block: 20px; }
.woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses)::before,
.woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses)::after { content: none; }
.woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses) > .woocommerce-Address,
.woocommerce .akn-account .woocommerce-columns--addresses > .woocommerce-column { float: none; width: auto; min-width: 0; padding: 22px; border: 1px solid var(--akn-line); border-radius: 12px; background: var(--akn-subtle); }
.akn-account .woocommerce-Address-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.akn-account .woocommerce-Address-title::before, .akn-account .woocommerce-Address-title::after { content: none; }
.akn-account .woocommerce-Address-title h2 { margin: 0; font-size: calc(var(--akn-base) * 1.125); }
.akn-account .woocommerce-Address-title a.edit { flex: none; padding: 6px 12px; border-radius: 20px; background: var(--akn-soft); font-size: var(--akn-type-caption); }
.woocommerce .akn-account :is(.woocommerce-Address, .woocommerce-customer-details) address { width: auto; padding: 0; border: 0; color: var(--akn-muted); font-size: var(--akn-type-body); font-style: normal; line-height: 1.8; overflow-wrap: anywhere; }
.akn-account .woocommerce-customer-details address p { margin: 14px 0 0; }

/* Keep WooCommerce field names, validation, nonces, and submit actions intact. */
.woocommerce .akn-account-endpoint-body form .form-row { padding: 0; margin: 0 0 22px; }
.woocommerce .akn-account-endpoint-body form .form-row label { display: block; margin-bottom: 8px; color: var(--akn-ink); font-size: var(--akn-type-small); font-weight: var(--akn-weight-action); line-height: 1.5; }
.woocommerce .akn-account-endpoint-body form .form-row :is(em, .description) { display: block; margin-top: 8px; color: var(--akn-muted); font-size: var(--akn-type-caption); line-height: 1.5; }
.woocommerce .akn-account-endpoint-body form .form-row :is(.required, .required_field) { color: var(--akn-pink); }
.woocommerce .akn-account-endpoint-body form :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea),
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) :is(input.input-text, select, textarea) {
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--akn-line);
  border-radius: 10px;
  background: var(--akn-surface);
  color: var(--akn-ink);
  font-family: var(--akn-font-body);
  font-size: var(--akn-type-body);
  font-weight: var(--akn-weight-body);
  line-height: 1.5;
  box-shadow: none;
}

.woocommerce .akn-account-endpoint-body form textarea { min-height: 120px; resize: vertical; }
/* Keep field focus inside the rounded border so endpoint scrolling cannot clip it. */
.woocommerce .akn-account-endpoint-body form :is(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea):is(:focus, :focus-visible, :active),
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) :is(input.input-text, select, textarea):is(:focus, :focus-visible, :active),
.akn-account .select2-container:is(.select2-container--focus, .select2-container--open) .select2-selection--single,
.akn-account .select2-container .select2-selection--single:focus-visible,
.woocommerce-account .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--akn-pink);
  outline: none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px var(--akn-pink);
}
.akn-account-endpoint-body :is(input, textarea)::placeholder { color: var(--akn-muted); opacity: .75; }
.woocommerce .akn-account-endpoint-body form :is(input[type="checkbox"], input[type="radio"]) { width: 1.1em; height: 1.1em; min-height: 0; margin-inline-end: 8px; accent-color: var(--akn-pink); }
.woocommerce .akn-account-endpoint-body form :is(label.checkbox, label.woocommerce-form__label-for-checkbox) { display: inline; }
.woocommerce .akn-account-endpoint-body .woocommerce-EditAccountForm,
.woocommerce .akn-account-endpoint-body .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; }
.woocommerce .akn-account-endpoint-body .woocommerce-EditAccountForm > *,
.woocommerce .akn-account-endpoint-body .woocommerce-address-fields__field-wrapper > * { grid-column: 1 / -1; min-width: 0; }
.woocommerce .akn-account-endpoint-body :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > .form-row-first { grid-column: 1; }
.woocommerce .akn-account-endpoint-body :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > .form-row-last { grid-column: 2; }
.woocommerce .akn-account-endpoint-body :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > .form-row { float: none; width: auto; }
.akn-account-endpoint-body form .clear { display: none; }
.akn-account-endpoint-body form fieldset { min-width: 0; padding: 22px; margin: 6px 0 24px; border: 1px solid var(--akn-line); border-radius: 12px; background: var(--akn-subtle); }
.akn-account-endpoint-body form fieldset legend { width: auto; padding-inline: 8px; font-size: calc(var(--akn-base) * 1.125); }
.akn-account-endpoint-body form fieldset .form-row:last-child { margin-bottom: 0; }
.woocommerce .akn-account-endpoint-body form .password-input { position: relative; display: block; width: 100%; }
.woocommerce .akn-account-endpoint-body form .password-input input { padding-inline-end: 48px; }
.woocommerce .akn-account-endpoint-body form .show-password-input { inset-inline-end: 14px; top: 50%; margin: 0; transform: translateY(-50%); color: var(--akn-muted); }
.akn-account .select2-container { max-width: 100%; font-size: var(--akn-type-body); }
.akn-account .select2-container .select2-selection--single { min-height: 48px; border: 1px solid var(--akn-line); border-radius: 10px; background: var(--akn-surface); }
.akn-account .select2-container .select2-selection--single .select2-selection__rendered { padding: 12px 36px 12px 14px; color: var(--akn-ink); line-height: 1.5; }
.akn-account .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; inset-inline-end: 10px; }
.woocommerce-account .select2-dropdown { border-color: var(--akn-line); background: var(--akn-surface); color: var(--akn-ink); font-family: var(--akn-font-body); font-size: var(--akn-type-body); }
.woocommerce-account .select2-results__option--highlighted[aria-selected] { background: var(--akn-soft); color: var(--akn-ink); }

/* Notice links and actions need separate colors so button labels stay visible. */
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  --akn-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10v.01'/%3E%3C/svg%3E");
  position: relative;
  width: 100%;
  min-height: 80px;
  margin: 0 0 20px;
  padding: 18px 20px 18px 48px;
  border: 1px solid var(--akn-line);
  border-inline-start: 3px solid var(--akn-pink);
  border-radius: 10px;
  background: var(--akn-subtle);
  color: var(--akn-ink);
  font-family: var(--akn-font-body);
  font-size: var(--akn-type-body);
  line-height: 1.6;
  list-style: none;
}
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info) { display: flex; gap: 12px 20px; }
.woocommerce-account .woocommerce .woocommerce-message { --akn-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E"); }
.woocommerce-account .woocommerce .woocommerce-error { --akn-notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6m0 4v.01'/%3E%3C/svg%3E"); }
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
  content: "";
  position: absolute;
  top: 20px;
  inset-inline-start: 18px;
  display: block;
  width: 20px;
  height: 20px;
  background: var(--akn-pink);
  color: var(--akn-pink);
  -webkit-mask: var(--akn-notice-icon) center / contain no-repeat;
  mask: var(--akn-notice-icon) center / contain no-repeat;
}
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::after { content: none; }
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button):not(.woocommerce-Button) { color: var(--akn-pink); text-decoration: underline; text-underline-offset: .15em; }
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) p { flex: 1 1 auto; min-width: 0; margin: 0; }
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) :is(a.button, button.button, input.button, a.woocommerce-Button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: 1;
  flex: 0 0 auto;
  float: none;
  max-width: 100%;
  min-height: 44px;
  margin: 0;
  margin-inline-start: auto;
  padding: 12px 20px;
  border: 0;
  border-radius: 10px;
  background: var(--akn-pink);
  color: var(--akn-surface);
  font-family: var(--akn-font-body);
  font-size: var(--akn-type-small);
  font-weight: var(--akn-weight-action);
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
.woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) :is(a.button, button.button, input.button, a.woocommerce-Button):is(:hover, :focus, :active, :visited) { background: var(--akn-pink); color: var(--akn-surface); }

/* Authentication screens share the account tokens. */
.woocommerce-account .woocommerce #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-block: 36px 56px; }
.woocommerce-account .woocommerce #customer_login::before, .woocommerce-account .woocommerce #customer_login::after { content: none; }
.woocommerce-account .woocommerce #customer_login > :is(.u-column1, .u-column2) { float: none; width: auto; min-width: 0; }
.woocommerce-account .woocommerce :is(form.woocommerce-form-login, form.woocommerce-form-register, form.lost_reset_password) { padding: 28px; border: 1px solid var(--akn-line); border-radius: 14px; background: var(--akn-surface); color: var(--akn-muted); font-family: var(--akn-font-body); font-size: var(--akn-type-body); line-height: 1.6; }
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) .form-row { padding: 0; margin-bottom: 22px; }
.woocommerce-account .woocommerce :is(.woocommerce-form-login, .woocommerce-form-register, .lost_reset_password) label { margin-bottom: 8px; color: var(--akn-ink); }

/* React to the available content width when Elementor embeds the account in a narrow column. */
.akn-account-content { container-type: inline-size; }
@container (max-width: 740px) {
  .akn-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .akn-account-happy { display: none; }
  .woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses) { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info) { flex-wrap: wrap; }
  .woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) :is(a.button, button.button, input.button, a.woocommerce-Button) { flex-basis: 100%; width: 100%; margin-inline-start: 0; }
}
@media (max-width: 1100px) {
  .akn-account-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 20px; }
  .akn-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .akn-recommendation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .akn-account-happy { display: none; }
}
@media (max-width: 767px) {
  .akn-account { margin-block: 24px 40px; }
  .akn-account-layout { grid-template-columns: minmax(0, 1fr); }
  .akn-account-nav ul { display: flex; gap: 3px; overflow-x: auto; }
  .akn-account-nav li { flex: none; margin: 0; }
  .akn-account-nav li a { white-space: nowrap; }
  .akn-account-chevron { display: none; }
  .akn-account-heading { margin-bottom: 15px; }
  .akn-section-heading { gap: 8px; }
  .akn-section-heading > a { font-size: var(--akn-type-caption); }
  .akn-account h2 { font-size: var(--akn-type-heading); }
  .akn-recommendation-grid, .akn-account-wishlist .akn-recommendation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .akn-account-panel { padding: 20px; }
  .akn-account-stat { padding: 16px; }
  .akn-recommendations-heading { gap: 7px; }
  .akn-account .akn-section-heading { flex-wrap: wrap; row-gap: 12px; }
  .akn-account .akn-stat-decoration { opacity: .6; }
  .akn-account-endpoint-body .woocommerce-orders-table__cell-order-actions { min-width: 0; }
  .woocommerce .akn-account-endpoint-body table.shop_table_responsive tbody tr { margin-bottom: 16px; }
  .woocommerce .akn-account-endpoint-body table.shop_table_responsive tbody td { text-align: end; }
  .woocommerce .akn-account-endpoint-body table.shop_table_responsive tbody th[scope="row"] { display: block; text-align: end; }
  .woocommerce .akn-account-endpoint-body table.shop_table_responsive tbody th[scope="row"]::before { content: attr(data-title) ": "; float: inline-start; color: var(--akn-muted); font-weight: var(--akn-weight-action); }
  .woocommerce .akn-account-endpoint-body table.shop_table_responsive tbody td::before { margin-inline-end: 12px; color: var(--akn-muted); font-weight: var(--akn-weight-action); }
  .woocommerce .akn-account :is(.woocommerce-Addresses, .woocommerce-columns--addresses),
  .woocommerce-account .woocommerce #customer_login { grid-template-columns: minmax(0, 1fr); }
  .woocommerce .akn-account-endpoint-body :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) { grid-template-columns: minmax(0, 1fr); }
  .woocommerce .akn-account-endpoint-body :is(.woocommerce-EditAccountForm, .woocommerce-address-fields__field-wrapper) > :is(.form-row-first, .form-row-last) { grid-column: 1; }
  .akn-account-endpoint-body form fieldset { padding: 18px 14px; }
  .akn-account-endpoint-body .woocommerce-Pagination { justify-content: flex-start; }
  .akn-account-page-heading { padding-bottom: 18px; margin-bottom: 22px; }
  .woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info) { flex-wrap: wrap; }
  .woocommerce-account .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) :is(a.button, button.button, input.button, a.woocommerce-Button) { flex-basis: 100%; width: 100%; margin-inline-start: 0; }
}

/* Both order tables use the same cards when the account column becomes narrow. */
@container (max-width: 740px) {
  .woocommerce-account .akn-account table.akn-orders-table { display: block; min-width: 0; border: 0; background: transparent; }
  .woocommerce-account .akn-account table.akn-orders-table > thead { display: none; }
  .woocommerce-account .akn-account table.akn-orders-table > tbody { display: grid; gap: 16px; }
  .woocommerce-account .akn-account table.akn-orders-table > tbody > tr { display: block; min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--akn-line); border-radius: 12px; background: var(--akn-surface); }
  .woocommerce-account .akn-account table.akn-orders-table > tbody > tr > :is(th, td) { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 54px; height: auto; padding: 12px 14px; border-bottom: 1px solid var(--akn-line); text-align: end; white-space: normal; overflow-wrap: anywhere; }
  .woocommerce-account .akn-account table.akn-orders-table > tbody > tr > :is(th, td)::before { content: attr(data-title); flex: 0 0 auto; float: none; margin: 0; color: var(--akn-muted); font-weight: var(--akn-weight-action); text-align: start; }
  .woocommerce-account .akn-account table.akn-orders-table > tbody > tr > :is(th, td):last-child { border-bottom: 0; }
  .woocommerce-account .akn-account table.akn-orders-table .woocommerce-orders-table__cell-akn-products,
  .woocommerce-account .akn-account table.akn-orders-table .woocommerce-orders-table__cell-order-total { min-width: 0; padding-inline: 14px; }
  .woocommerce-account .akn-account table.akn-orders-table .akn-order-actions { justify-content: flex-end; min-width: 0; max-width: 100%; margin: 0; }
}
