/* @earn-shared-css: account */
/* Extracted from how-points-work.html. */
/* ===== HIDE ANY WOOCOMMERCE DEFAULT UI ===== */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce-EditAccountForm,
.woocommerce-address-fields,
.woocommerce-Addresses,
.woocommerce-notices-wrapper,
nav.woocommerce-MyAccount-navigation {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
}
/* ===== NUCLEAR INTER - EVERY ELEMENT ON THE PAGE ===== */
*,
*::before,
*::after {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div,
section,
article,
nav,
footer,
header,
main,
aside,
button,
input,
select,
textarea,
option,
optgroup,
label,
legend,
fieldset,
form,
li,
ul,
ol,
dl,
dt,
dd,
table,
th,
td,
tr,
thead,
tbody,
tfoot,
caption,
blockquote,
pre,
code,
samp,
kbd,
var,
details,
summary,
figcaption,
figure,
strong,
em,
b,
i,
u,
s,
small,
sub,
sup,
mark,
abbr,
cite,
q,
dfn,
time,
address {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* WordPress theme overrides */
html body,
body #page,
body #content,
body #primary,
body #main,
body .site,
body .site-content,
body .entry-content,
body .page-content,
body .post-content,
body .wp-site-blocks,
body .is-layout-constrained,
body .is-layout-flow,
body .wp-block-group,
body .wp-block-post-content,
body .ast-container,
body .site-main,
body .content-area,
body .elementor,
body .elementor-section-wrap,
body .e-con,
body .e-con-inner {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
/* ===== BASE ===== */
#hpw-wrapper {
  display: block !important;
  background: #000000 !important;
  color: #ffffff !important;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 40px !important;
}
/* ===== TABS (identical to edit-billing) ===== */
#hpw-wrapper .eb-tabs {
  display: flex !important;
  justify-content: center !important;
  padding: 20px 16px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#hpw-wrapper .eb-tabs-bar {
  display: inline-flex !important;
  align-items: center !important;
  background: #1a1a1a !important;
  border-radius: 999px !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  width: auto !important;
  max-width: fit-content !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  margin: 0 auto !important;
}
#hpw-wrapper a.eb-tab,
#hpw-wrapper .eb-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: none !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  outline: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}
#hpw-wrapper a.eb-tab:hover,
#hpw-wrapper a.eb-tab:focus,
#hpw-wrapper a.eb-tab:active,
#hpw-wrapper a.eb-tab:visited {
  background: transparent !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#hpw-wrapper a.eb-tab.eb-active,
#hpw-wrapper a.eb-tab.eb-active:hover,
#hpw-wrapper a.eb-tab.eb-active:focus,
#hpw-wrapper a.eb-tab.eb-active:active,
#hpw-wrapper a.eb-tab.eb-active:visited {
  background: #59CC80 !important;
  color: #000000 !important;
  box-shadow: 0 0 15px rgba(89, 204, 128, 0.35) !important;
  text-decoration: none !important;
}
#hpw-wrapper .eb-tab svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  stroke: currentColor !important;
  display: block !important;
}
#hpw-wrapper .eb-tab.eb-active svg {
  stroke: #000000 !important;
}
@media (max-width:800px) {
  #hpw-wrapper .eb-tabs-bar {
    flex-wrap:wrap !important;
    border-radius:20px !important;
    justify-content:center !important;
    gap:4px !important;
    max-width:100% !important;
  }
  #hpw-wrapper a.eb-tab, #hpw-wrapper .eb-tab {
    padding:10px 16px !important;
    font-size:13px !important;
  }
}
@media (max-width:500px) {
  #hpw-wrapper .eb-tabs-bar {
    border-radius:20px !important;
    padding:4px !important;
  }
  #hpw-wrapper a.eb-tab, #hpw-wrapper .eb-tab {
    padding:10px 12px !important;
    font-size:13px !important;
  }
}
/* ===== CARD (identical to edit-billing) ===== */
#hpw-wrapper .eb-card {
  display: block !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  background: #111111 !important;
  border-radius: 16px !important;
  padding: 40px 32px 32px !important;
  box-sizing: border-box !important;
}
#hpw-wrapper .eb-card-title {
  display:block !important;
  font-size:22px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  margin:0 0 8px 0 !important;
  text-align:center !important;
}
#hpw-wrapper .eb-card-subtitle {
  display:block !important;
  font-size:14px !important;
  color:#6B7280 !important;
  margin:0 0 32px 0 !important;
  text-align:center !important;
  line-height:1.5 !important;
}
/* ===== STEPS ===== */
.hpw-steps {
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
}
.hpw-step {
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
  padding:18px 0 !important;
  border-bottom:1px solid rgba(255, 255, 255, 0.06) !important;
}
.hpw-step:first-child {
  padding-top:0 !important;
}
.hpw-step:last-child {
  border-bottom:none !important;
  padding-bottom:0 !important;
}
.hpw-step-num {
  width:32px !important;
  height:32px !important;
  border-radius:50% !important;
  background:#59CC80 !important;
  color:#000000 !important;
  font-size:13px !important;
  font-weight:800 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}
.hpw-step-body {
  flex:1 !important;
  min-width:0 !important;
}
.hpw-step-title {
  font-size:15px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  margin:0 0 4px 0 !important;
  letter-spacing:-0.01em !important;
}
.hpw-step-desc {
  font-size:13px !important;
  font-weight:400 !important;
  color:#6B7280 !important;
  line-height:1.55 !important;
  margin:0 !important;
}
/* ===== QUICK FAQ ===== */
.hpw-faq-section {
  margin-top:28px !important;
  padding-top:28px !important;
  border-top:1px solid rgba(255, 255, 255, 0.08) !important;
}
.hpw-faq-heading {
  font-size:16px !important;
  font-weight:700 !important;
  color:#ffffff !important;
  margin:0 0 14px 0 !important;
}
.hpw-faq-item {
  background:rgba(255, 255, 255, 0.03) !important;
  border:1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  margin-bottom:8px !important;
  transition:border-color 0.2s ease !important;
}
.hpw-faq-item:last-child {
  margin-bottom:0 !important;
}
.hpw-faq-item:hover {
  border-color:rgba(255, 255, 255, 0.12) !important;
}
.hpw-faq-item.is-open {
  border-color:rgba(89, 204, 128, 0.25) !important;
}
.hpw-faq-q {
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 16px !important;
  background:transparent !important;
  border:none !important;
  cursor:pointer !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#ffffff !important;
  text-align:left !important;
  outline:none !important;
  line-height:1.4 !important;
  -webkit-tap-highlight-color:transparent !important;
}
.hpw-faq-q:hover,
.hpw-faq-q:focus,
.hpw-faq-q:active {
  background:transparent !important;
  color:#ffffff !important;
}
.hpw-faq-q:focus-visible {
  outline:2px solid rgba(89, 204, 128, 0.4) !important;
  outline-offset:-2px !important;
  border-radius:8px !important;
}
.hpw-faq-chevron {
  width:16px !important;
  height:16px !important;
  flex-shrink:0 !important;
  opacity:0.4 !important;
  transform:rotate(0deg) !important;
  transition:transform 200ms ease !important;
  stroke:#ffffff !important;
  fill:none !important;
}
.hpw-faq-item.is-open .hpw-faq-chevron {
  transform:rotate(180deg) !important;
}
.hpw-faq-a {
  max-height:0 !important;
  overflow:hidden !important;
  transition:max-height 280ms ease !important;
}
.hpw-faq-item.is-open .hpw-faq-a {
  max-height:200px !important;
}
.hpw-faq-a-inner {
  padding:0 16px 14px !important;
  font-size:13px !important;
  color:#6B7280 !important;
  line-height:1.7 !important;
}
/* ===== BOTTOM LINK - Apple-style ===== */
.hpw-footer-link {
  margin-top:32px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(255, 255, 255, 0.06) !important;
  text-align:center !important;
}
.hpw-footer-link span {
  font-size:13px !important;
  color:rgba(255, 255, 255, 0.35) !important;
}
.hpw-footer-link a {
  color:#59CC80 !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-decoration:none !important;
  transition:color 0.15s ease !important;
}
.hpw-footer-link a:hover {
  color:#6ee99a !important;
  text-decoration:none !important;
}
.hpw-footer-link a:visited,
.hpw-footer-link a:active {
  color:#59CC80 !important;
  text-decoration:none !important;
}