/* ===== NHC Account 1.10.1 — column-as-card (equal height; no form border) ===== */
/* Guest: two equal cards ~420–480px centred. Logged-in: dash + nav. */

/* ---------- Guest Login + Register: ONE card each, equal height ---------- */
body.woocommerce-account #nhc-account-root .u-columns,
body.woocommerce-account #nhc-account-root #customer_login.u-columns,
body.woocommerce-account #nhc-account-root .col2-set,
body.woocommerce-account .u-columns#customer_login,
body.woocommerce-account #customer_login.u-columns,
body.woocommerce-account .woocommerce .u-columns#customer_login,
body.woocommerce-account .woocommerce #customer_login.u-columns{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  float:none!important;
}

@media (min-width:768px){
  body.woocommerce-account #nhc-account-root .u-columns,
  body.woocommerce-account #nhc-account-root #customer_login.u-columns,
  body.woocommerce-account #nhc-account-root .col2-set,
  body.woocommerce-account .u-columns#customer_login,
  body.woocommerce-account #customer_login.u-columns,
  body.woocommerce-account .woocommerce #customer_login.u-columns{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:stretch!important; /* tops/bottoms aligned */
    gap:24px!important;
    max-width:1000px!important;
  }
  body.woocommerce-account #nhc-account-root .u-columns .u-column1,
  body.woocommerce-account #nhc-account-root .u-columns .u-column2,
  body.woocommerce-account #nhc-account-root .col-1,
  body.woocommerce-account #nhc-account-root .col-2,
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2,
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2{
    flex:1 1 420px!important;
    width:100%!important;
    max-width:480px!important;
    float:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
  }
}

@media (max-width:767px){
  body.woocommerce-account #nhc-account-root .u-columns .u-column1,
  body.woocommerce-account #nhc-account-root .u-columns .u-column2,
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2,
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
  }
}

/* Elementor/auth wrappers stay transparent — COLUMN is the single card */
body.woocommerce-account .auth-card,
body.woocommerce-account .auth-card .elementor-widget-container,
body.woocommerce-account #nhc-account-root,
body.woocommerce-account #nhc-account-root .woocommerce,
body.woocommerce-account #nhc-account-root .elementor-widget-container,
body:not(.logged-in).woocommerce-account .elementor-widget-shortcode .woocommerce,
body:not(.logged-in).woocommerce-account .e-con:has(#nhc-account-root),
body:not(.logged-in).woocommerce-account .e-con:has(#customer_login){
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  background:transparent!important;
}
body:not(.logged-in).woocommerce-account .auth-card{
  padding:0!important;
}

/* COLUMN-as-card (h2 sibling above form sits inside same border) */
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account #nhc-account-root .u-columns .u-column1,
body.woocommerce-account #nhc-account-root .u-columns .u-column2,
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2{
  background:#f8f3e9!important;
  border:1px solid #ddd4c4!important;
  border-radius:18px!important;
  padding:28px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}

/* Forms: no card chrome — stretch inside column */
body.woocommerce-account #customer_login form,
body.woocommerce-account #nhc-account-root form.woocommerce-form-login,
body.woocommerce-account #nhc-account-root form.woocommerce-form-register,
body.woocommerce-account #nhc-account-root form.login,
body.woocommerce-account #nhc-account-root form.register,
body.woocommerce-account form.woocommerce-form-login,
body.woocommerce-account form.woocommerce-form-register,
body.woocommerce-account form.login,
body.woocommerce-account form.register{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  flex:1!important;
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  height:auto!important;
}

/* Headings same size */
body.woocommerce-account #customer_login h2,
body.woocommerce-account form.woocommerce-form-login > h2,
body.woocommerce-account form.woocommerce-form-register > h2,
body.woocommerce-account form.login > h2,
body.woocommerce-account form.register > h2,
body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2{
  font:600 22px/1.25 Fraunces,Georgia,serif!important;
  color:#24382e!important;
  margin:0 0 18px!important;
  padding:0!important;
}

/* Full-width fields + buttons */
body.woocommerce-account form.woocommerce-form-login .form-row,
body.woocommerce-account form.woocommerce-form-register .form-row,
body.woocommerce-account form.login .form-row,
body.woocommerce-account form.register .form-row{
  width:100%!important;
  float:none!important;
  margin:0 0 14px!important;
}
body.woocommerce-account form.woocommerce-form-login input.input-text,
body.woocommerce-account form.woocommerce-form-register input.input-text,
body.woocommerce-account form.login input.input-text,
body.woocommerce-account form.register input.input-text,
body.woocommerce-account #nhc-account-root input.input-text,
body.woocommerce-account #nhc-account-root .woocommerce-Input{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px 16px!important;
  min-height:48px!important;
  font-size:16px!important;
  border-radius:12px!important;
  border:1px solid #ddd4c4!important;
}
body.woocommerce-account form.woocommerce-form-login button[type="submit"],
body.woocommerce-account form.woocommerce-form-register button[type="submit"],
body.woocommerce-account form.login button[type="submit"],
body.woocommerce-account form.register button[type="submit"],
body.woocommerce-account #nhc-account-root button.woocommerce-button,
body.woocommerce-account #nhc-account-root .woocommerce-form-login__submit,
body.woocommerce-account #nhc-account-root .woocommerce-form-register__submit{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:14px 18px!important;
  min-height:48px!important;
  white-space:normal!important;
  overflow:visible!important;
  background:#2f4a3c!important;
  color:#f4efe4!important;
  border:0!important;
  border-radius:12px!important;
  font:700 14px Figtree,sans-serif!important;
}

/* ---------- Logged-in dashboard (no nested content shell) ---------- */
body.woocommerce-account .nhc-dash-hello h2,
body.woocommerce-account .woocommerce-MyAccount-content .nhc-dash-hello h2,
.nhc-dash-panel .nhc-dash-hello h2{
  color:#24382e!important;
  margin:0 0 14px!important;
  font:600 clamp(26px,3.5vw,34px)/1.2 Fraunces,Georgia,serif!important;
}
body.woocommerce-account .nhc-dash-hello p{display:none!important}

.nhc-dash-latest{margin:0 0 16px!important}
.nhc-dash-latest-card{
  display:block!important;
  background:#fff!important;
  border:1px solid #ddd4c4!important;
  border-radius:16px!important;
  padding:16px!important;
  box-sizing:border-box!important;
}
.nhc-dash-latest-card > *{display:block!important;width:100%!important;box-sizing:border-box!important}
.nhc-dash-latest-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important}
.nhc-dash-latest-ey{font:800 11px Figtree,sans-serif!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:#c6a048!important}
.nhc-dash-status{
  display:inline-flex!important;align-items:center!important;padding:4px 10px!important;border-radius:999px!important;
  font:700 11px Figtree,sans-serif!important;background:#ebe4d4!important;color:#24382e!important;
}
.nhc-dash-status.nhc-st-processing,
.nhc-dash-status.nhc-st-on-hold{background:#fff4d6!important;color:#8a6a12!important}
.nhc-dash-status.nhc-st-completed{background:#e3f0e8!important;color:#1f5a3a!important}
.nhc-dash-status.nhc-st-cancelled,
.nhc-dash-status.nhc-st-failed{background:#f3e0e0!important;color:#9b3a3a!important}
.nhc-dash-latest-num{font:700 18px Figtree,sans-serif!important;color:#24382e!important;margin:0 0 4px!important}
.nhc-dash-latest-meta{font:500 13px Figtree,sans-serif!important;color:#6f675c!important;margin:0 0 12px!important}
.nhc-dash-latest-empty-msg{font:600 15px Figtree,sans-serif!important;color:#24382e!important;margin:6px 0 12px!important}
.nhc-dash-track-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:10px 16px!important;border-radius:12px!important;
  background:#2f4a3c!important;color:#f4efe4!important;font:700 13px Figtree,sans-serif!important;
  text-decoration:none!important;border:0!important;
}
.nhc-dash-track-btn:hover{background:#24382e!important;color:#f4efe4!important}

.nhc-dash-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.nhc-dash-cards,
.nhc-dash-panel .nhc-dash-grid.nhc-dash-cards,
body.woocommerce-account .nhc-dash-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 16px!important;
}
@media (min-width:1025px){
  .nhc-dash-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
body.woocommerce-account a.nhc-dash-card,
a.nhc-dash-card,
.nhc-dash-cards > a.nhc-dash-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-height:88px!important;
  padding:16px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #ddd4c4!important;
  text-decoration:none!important;
  color:#24382e!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
a.nhc-dash-card:hover,
a.nhc-dash-card:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(36,56,46,.12);
  border-color:#c6a048!important;
  outline:none;
}
.nhc-dash-ico{display:block!important;width:22px!important;height:22px!important;color:#c6a048!important;flex:0 0 auto!important;margin:0 0 2px!important}
.nhc-dash-card-kicker{display:block!important;width:100%!important;font:800 11px/1.3 Figtree,sans-serif!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:#c6a048!important}
.nhc-dash-card-title,
a.nhc-dash-card strong{display:block!important;width:100%!important;font:700 16px/1.3 Figtree,sans-serif!important;color:#24382e!important;margin:0!important}
.nhc-dash-card-sub{display:block!important;width:100%!important;font:500 13px/1.45 Figtree,sans-serif!important;color:#6f675c!important}

.nhc-dash-address{
  display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:8px 12px!important;
  padding:12px 14px!important;margin:0 0 18px!important;
  background:#f8f3e9!important;border:1px solid #ddd4c4!important;border-radius:14px!important;
  font:500 13px Figtree,sans-serif!important;color:#514a42!important;
}
.nhc-dash-address-label{font:800 11px Figtree,sans-serif!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#c6a048!important;width:100%}
.nhc-dash-address-edit,
.nhc-dash-address-add{font:700 13px Figtree,sans-serif!important;color:#2f4a3c!important;text-decoration:underline!important}

.nhc-dash-logout-wrap{margin:8px 0 0!important;padding:12px 0 0!important;border-top:1px solid #eee6d7!important;text-align:center!important}
.nhc-dash-logout-link{
  display:inline!important;font:600 13px Figtree,sans-serif!important;color:#6f675c!important;
  text-decoration:underline!important;background:none!important;border:0!important;padding:0!important;
}
.nhc-dash-logout-link:hover{color:#9b3a3a!important}

/* Nav pills — not a nested card */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
  background:transparent!important;border:0!important;padding:0!important;margin:0 0 14px!important;
  width:100%!important;max-width:100%!important;box-shadow:none!important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .nhc-account .woocommerce-MyAccount-navigation ul,
.nhc-account .woocommerce-MyAccount-navigation ul{
  list-style:none!important;margin:0!important;padding:6px!important;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none!important;
  background:#ebe4d4!important;border-radius:14px!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none!important;height:0!important}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
  flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a{
  display:inline-flex!important;align-items:center!important;min-height:40px!important;
  padding:8px 14px!important;border-radius:999px!important;white-space:nowrap!important;
  background:#24382e!important;color:#f4efe4!important;font:700 12px Figtree,sans-serif!important;
  text-decoration:none!important;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a[aria-current="page"]{
  background:#c6a048!important;color:#24382e!important;
}
@media (min-width:1025px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{
    flex-direction:column!important;overflow-x:visible!important;flex-wrap:nowrap!important;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{width:100%!important}
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a{
    display:flex!important;width:100%!important;border-radius:10px!important;
  }
}

/* Content: soft surface only — DELETE nested outer card (no double border with dash cards) */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  box-shadow:none!important;
}

body.woocommerce-account .nhc-account .hero-page{
  padding:18px clamp(16px,4vw,48px)!important;
}
body.woocommerce-account .nhc-account .hero-page p{margin:0 auto!important}

/* Floating cart */
body.woocommerce-account #fkcart-floating-toggler,
body.woocommerce-account .fkcart-floating-btn,
body.page-id-1033 #fkcart-floating-toggler{
  bottom:max(88px, calc(72px + env(safe-area-inset-bottom, 0px)))!important;
  right:max(16px, env(safe-area-inset-right, 0px))!important;
  overflow:visible!important;
  position:fixed!important;
}
body.woocommerce-account #fkcart-floating-toggler .fkcart-item-count,
body.woocommerce-account #fkcart-floating-toggler .fkcart-floating-count,
body.woocommerce-account .fkcart-floating-btn .fkcart-item-count,
body.woocommerce-account .fkcart-item-count,
body.page-id-1033 .fkcart-item-count{
  position:absolute!important;
  top:2px!important;right:2px!important;left:auto!important;
  min-width:20px!important;width:auto!important;height:20px!important;
  padding:0 5px!important;border-radius:999px!important;
  background:#c6a048!important;color:#24382e!important;
  font:800 10px/20px Figtree,sans-serif!important;text-align:center!important;
  border:2px solid #fff!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}

.nhc-js-tiles, .nhc-dash-grid.nhc-js-tiles, body.woocommerce-account.logged-in .nhc-tile{display:none!important}

/* ===== 1.10.7 — desktop account fields: full-width of card (not tiny) ===== */
@media (min-width:992px){
  /* Login / Register cards: reasonable max-width; inputs fill the card */
  body.woocommerce-account #nhc-account-root .u-columns,
  body.woocommerce-account #nhc-account-root #customer_login.u-columns,
  body.woocommerce-account .u-columns#customer_login,
  body.woocommerce-account #customer_login.u-columns,
  body.woocommerce-account .woocommerce #customer_login.u-columns{
    max-width:1000px!important;
  }
  body.woocommerce-account #nhc-account-root .u-columns .u-column1,
  body.woocommerce-account #nhc-account-root .u-columns .u-column2,
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2,
  body.woocommerce-account .u-columns .col-1,
  body.woocommerce-account .u-columns .col-2{
    max-width:480px!important;
    width:100%!important;
  }
  body.woocommerce-account form.woocommerce-form-login input.input-text,
  body.woocommerce-account form.woocommerce-form-register input.input-text,
  body.woocommerce-account form.login input.input-text,
  body.woocommerce-account form.register input.input-text,
  body.woocommerce-account #nhc-account-root input.input-text,
  body.woocommerce-account #nhc-account-root .woocommerce-Input,
  body.woocommerce-account #nhc-account-root select,
  body.woocommerce-account form.woocommerce-form-login select,
  body.woocommerce-account form.woocommerce-form-register select,
  body.woocommerce-account form.login select,
  body.woocommerce-account form.register select,
  body.woocommerce-account form.woocommerce-form-login textarea,
  body.woocommerce-account form.woocommerce-form-register textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    min-height:48px!important;
    font-size:16px!important;
    line-height:1.35!important;
    padding:14px 16px!important;
  }

  /* Edit-account / billing / shipping: form ~640–720px or full content column */
  body.woocommerce-account form.woocommerce-EditAccountForm,
  body.woocommerce-account form.edit-account,
  body.woocommerce-account .woocommerce-address-fields,
  body.woocommerce-account .woocommerce-address-fields__field-wrapper,
  body.woocommerce-account .woocommerce-MyAccount-content form,
  body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content,
  body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content{
    max-width:720px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
  body.woocommerce-account .woocommerce-MyAccount-content select,
  body.woocommerce-account .woocommerce-MyAccount-content textarea,
  body.woocommerce-account form.woocommerce-EditAccountForm input.input-text,
  body.woocommerce-account form.woocommerce-EditAccountForm select,
  body.woocommerce-account form.woocommerce-EditAccountForm textarea,
  body.woocommerce-account form.edit-account input.input-text,
  body.woocommerce-account form.edit-account select,
  body.woocommerce-account form.edit-account textarea,
  body.woocommerce-account .woocommerce-address-fields input.input-text,
  body.woocommerce-account .woocommerce-address-fields select,
  body.woocommerce-account .woocommerce-address-fields textarea,
  body.woocommerce-account .woocommerce-address-fields .select2-container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    min-height:48px!important;
    font-size:16px!important;
    padding:14px 16px!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .select2-container .select2-selection--single{
    min-height:48px!important;
    padding:8px 12px!important;
  }

  /* First + last name side-by-side ~48% + gap; kill tiny fixed widths (e.g. 150px) */
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-last,
  body.woocommerce-account form.woocommerce-EditAccountForm .form-row-first,
  body.woocommerce-account form.woocommerce-EditAccountForm .form-row-last,
  body.woocommerce-account form.edit-account .form-row-first,
  body.woocommerce-account form.edit-account .form-row-last,
  body.woocommerce-account .woocommerce-address-fields .form-row-first,
  body.woocommerce-account .woocommerce-address-fields .form-row-last{
    width:48%!important;
    max-width:48%!important;
    float:left!important;
    clear:none!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account form.woocommerce-EditAccountForm .form-row-first,
  body.woocommerce-account form.edit-account .form-row-first,
  body.woocommerce-account .woocommerce-address-fields .form-row-first{
    margin-right:4%!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .form-row-wide,
  body.woocommerce-account form.woocommerce-EditAccountForm .form-row-wide,
  body.woocommerce-account form.edit-account .form-row-wide,
  body.woocommerce-account .woocommerce-address-fields .form-row-wide{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    clear:both!important;
  }
  /* Remove any leftover tiny fixed widths on account inputs */
  body.woocommerce-account input.input-text[style*="150px"],
  body.woocommerce-account input.input-text[style*="width:150"],
  body.woocommerce-account .woocommerce-MyAccount-content input[style*="150"],
  body.woocommerce-account .form-row input.input-text{
    width:100%!important;
    max-width:100%!important;
  }
}