/*
 * ACCT-FIELDS-001 (owner 2026-10-15: "check the account pages' fields too"): the account forms (sign in, create
 * account, forgot / reset password, account information, address) in the checkout's field style (CHK-MSG-001):
 * 48 px fields, 1.5 px border, rounded; labels 14 px semi-bold; messages 6 px under the field, 13.5 px / 1.35, errors
 * semi-bold red and the field red; ink checkboxes; the main button the orange pill. Linked with body.ipx-acct by the
 * customer_account_* / customer_address_form layouts of Ipatio_UiUxFix; tokens (--ipx-*) from chrome.css.
 */
body.ipx-acct{--ipxa-ctl:20px}
body.ipx-acct .field > .label,body.ipx-acct fieldset.street > .label,body.ipx-acct .fieldset > .field > .label{display:block;margin:0 0 6px!important;padding:0!important;font:600 14px/1.3 var(--ipx-font)!important;color:var(--ipx-ink)!important;text-align:left!important;float:none!important;width:auto!important}
body.ipx-acct .field input.input-text,body.ipx-acct .field input[type=text],body.ipx-acct .field input[type=email],body.ipx-acct .field input[type=password],body.ipx-acct .field input[type=tel],body.ipx-acct .field select,body.ipx-acct .field textarea{height:48px!important;min-height:48px!important;padding:0 14px!important;box-sizing:border-box!important;border:1.5px solid var(--ipx-line-2)!important;border-radius:var(--ipx-r-sm)!important;background-color:#fff!important;font:500 16px/1.3 var(--ipx-font)!important;color:var(--ipx-ink)!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body.ipx-acct .field select{padding-right:40px!important}
body.ipx-acct .field textarea{height:auto!important;padding:12px 14px!important;min-height:84px!important}
body.ipx-acct .field :is(input.input-text,input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea):hover{border-color:var(--ipx-grey-2,#a39f97)!important}
body.ipx-acct .field :is(input.input-text,input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea):focus{outline:0!important;border-color:var(--ipx-ink)!important;box-shadow:0 0 0 3px var(--ipx-orange-ring)!important}
body.ipx-acct .field :is(input,select,textarea).mage-error,body.ipx-acct .field._error :is(input,select,textarea){border-color:var(--ipx-red,#c62828)!important}
body.ipx-acct .field :is(input,select,textarea).mage-error:focus{box-shadow:0 0 0 3px rgba(198,40,40,.18)!important}
body.ipx-acct .field div.mage-error,body.ipx-acct .field .field-error,body.ipx-acct div.mage-error[generated]{margin:6px 0 0!important;padding:0!important;font:600 13.5px/1.35 var(--ipx-font)!important;color:var(--ipx-red,#c62828)!important}
body.ipx-acct .field .note,body.ipx-acct .field .ipxa-hint{margin:6px 0 0!important;font:500 13.5px/1.35 var(--ipx-font)!important;color:var(--ipx-grey)!important}
body.ipx-acct .field{margin:0 0 18px!important}
body.ipx-acct .field.ipxa-one{display:none!important}
body.ipx-acct .fieldset > .legend{margin:0 0 14px!important;padding:0!important;border:0!important;font:700 20px/1.3 var(--ipx-font-bold)!important;color:var(--ipx-ink)!important}
/* the date picker's button sits inside the taller field */
body.ipx-acct .field.date .control,body.ipx-acct .field.dob .control{position:relative}
body.ipx-acct .field .ui-datepicker-trigger{position:absolute!important;right:6px!important;top:4px!important;width:40px!important;height:40px!important;margin:0!important}
/* checkboxes like checkout's */
body.ipx-acct .field.choice input[type=checkbox],body.ipx-acct input[type=checkbox].checkbox{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important}
body.ipx-acct .field.choice input[type=checkbox] + label{position:relative!important;display:inline-block!important;min-height:var(--ipxa-ctl);padding:1px 0 0 calc(var(--ipxa-ctl) + 12px)!important;font:500 14.5px/1.4 var(--ipx-font)!important;color:var(--ipx-ink)!important;cursor:pointer}
body.ipx-acct .field.choice input[type=checkbox] + label::before{content:""!important;position:absolute!important;left:0!important;top:50%!important;width:var(--ipxa-ctl)!important;height:var(--ipxa-ctl)!important;margin:calc(var(--ipxa-ctl) / -2) 0 0!important;box-sizing:border-box!important;border:1.5px solid var(--ipx-grey-2,#a39f97)!important;border-radius:6px!important;background:#fff!important;transform:none!important;transition:border-color .15s,background-color .15s,box-shadow .15s}
body.ipx-acct .field.choice input[type=checkbox] + label::after{content:none!important}
body.ipx-acct .field.choice input[type=checkbox]:checked + label::before{background:var(--ipx-ink)!important;border-color:var(--ipx-ink)!important}
body.ipx-acct .field.choice input[type=checkbox]:checked + label::after{content:""!important;position:absolute!important;left:7px!important;top:50%!important;width:6px!important;height:11px!important;margin:-7px 0 0!important;border:solid #fff!important;border-width:0 2.2px 2.2px 0!important;background:none!important;transform:rotate(45deg)!important;box-sizing:border-box!important}
body.ipx-acct .field.choice input[type=checkbox]:focus-visible + label::before{box-shadow:0 0 0 3px var(--ipx-orange-ring)!important}
body.ipx-acct .field.choice input[type=checkbox] + label:hover::before{border-color:var(--ipx-ink)!important}
/* password strength: a quiet hint under the field */
body.ipx-acct #password-strength-meter-container{margin:6px 0 0!important}
body.ipx-acct #password-strength-meter{display:inline-block!important;margin:0!important;padding:3px 10px!important;border:0!important;border-radius:var(--ipx-r-pill)!important;background:var(--ipx-stone)!important;font:500 13px/1.35 var(--ipx-font)!important;color:var(--ipx-ink-2,#4a4948)!important;letter-spacing:0!important}
body.ipx-acct #password-strength-meter::before{display:none!important}
body.ipx-acct #password-strength-meter-container.password-weak #password-strength-meter{background:#fdecea!important;color:#a02b20!important}
body.ipx-acct #password-strength-meter-container.password-medium #password-strength-meter{background:#fff3da!important;color:#7a4b00!important}
body.ipx-acct :is(#password-strength-meter-container.password-strong,#password-strength-meter-container.password-very-strong) #password-strength-meter{background:#edf5e1!important;color:var(--ipx-green-deep)!important}
/* buttons: the main action as the orange pill, secondary links in the link colour */
body.ipx-acct .actions-toolbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:8px 0 0!important;padding:0!important}
body.ipx-acct .actions-toolbar::before,body.ipx-acct .actions-toolbar::after{display:none!important}
body.ipx-acct .actions-toolbar > .primary,body.ipx-acct .actions-toolbar > .secondary{float:none!important;margin:0!important;width:auto!important;text-align:left!important}
body.ipx-acct .actions-toolbar .action.primary,body.ipx-acct button.action.primary{min-height:48px!important;padding:0 28px!important;border:0!important;border-radius:var(--ipx-r-pill)!important;background:var(--ipx-orange)!important;color:var(--ipx-ink)!important;font:700 16px/1 var(--ipx-font-bold)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
body.ipx-acct .actions-toolbar .action.primary:hover,body.ipx-acct button.action.primary:hover{background:var(--ipx-orange-hover)!important}
body.ipx-acct .actions-toolbar .action.primary:focus-visible,body.ipx-acct button.action.primary:focus-visible{outline:2px solid var(--ipx-ink)!important;outline-offset:3px}
body.ipx-acct .actions-toolbar .action.remind,body.ipx-acct .actions-toolbar .action.back,body.ipx-acct .actions-toolbar a.action:not(.primary){display:inline-block;padding:7px 0!important;margin:0!important;border:0!important;background:none!important;font:600 14.5px/1.3 var(--ipx-font)!important;color:var(--ipx-link)!important;text-decoration:underline;text-underline-offset:3px;text-transform:none!important}
body.ipx-acct .fieldset > .field.required > .label::after,body.ipx-acct .fieldset > .fields > .field.required > .label::after,body.ipx-acct .field._required > .label::after{color:var(--ipx-red,#c62828)!important;margin-left:3px!important}
body.ipx-acct .fieldset::after{font:500 13px/1.35 var(--ipx-font)!important;color:var(--ipx-grey)!important}
/* a password field's error comes before the strength hint (6 px under the field, the hint 4 px under the error) */
body.ipx-acct .field.password .control{display:flex!important;flex-direction:column}
body.ipx-acct .field.password .control > input{order:1}
body.ipx-acct .field.password .control > div.mage-error{order:2}
body.ipx-acct .field.password .control > #password-strength-meter-container{order:3}
body.ipx-acct .field.password .control > div.mage-error:not([style*="none"]) ~ #password-strength-meter-container{margin-top:4px!important}
/* ===== AUTH-001 (owner 2026-10-16): sign-in, create-account, forgot / reset password as cards (body.ipx-auth,
   layouts customer_account_{login,create,forgotpassword,createpassword}; templates account/auth-head.phtml and
   account/new-customer.phtml). Social sign-in buttons: Amasty's rectangular buttons ("Continue with Google"). ===== */
body.ipx-auth .page-title-wrapper{display:none!important}
body.ipx-auth .column.main{padding-top:0!important}
.ipx-auth-wrap{max-width:600px;margin:32px auto 64px}
.ipx-auth-wrap.-login{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start;max-width:980px}
.ipx-auth-wrap.-forgot,.ipx-auth-wrap.-reset{max-width:480px}
.ipx-auth-card{padding:32px!important;margin:0!important;border:1px solid var(--ipx-line,#e8e3da)!important;border-radius:var(--ipx-r-lg,18px)!important;background:#fff!important;box-shadow:var(--ipx-sh-2,0 6px 18px rgba(29,27,25,.08))!important;width:auto!important;float:none!important}
.ipx-auth-card .block{margin:0!important;padding:0!important;width:auto!important;float:none!important;border:0!important}
.ipx-auth-head h1,.ipx-auth-card.-new h2{margin:0 0 6px!important;font:700 26px/1.2 var(--ipx-font-bold)!important;color:var(--ipx-ink)!important;text-align:left!important}
.ipx-auth-card.-new h2{font-size:22px!important}
.ipx-auth-head__sub{margin:0 0 22px!important;font:500 15px/1.5 var(--ipx-font)!important;color:var(--ipx-ink-2,#34312d)!important}
.ipx-auth-head__sub a{font-weight:700;color:var(--ipx-link)!important}
.ipx-auth-card .block-title,.ipx-auth-card .block-subtitle,body.ipx-auth .form.password.forget .field.note,body.ipx-auth .form.password.reset .field.note{display:none!important}
.ipx-auth-card .block-content,.ipx-auth-card .form,.ipx-auth-card .fieldset{width:auto!important;max-width:none!important;float:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* the main button full width; the secondary link above it (sign in: right) or under it (forgot / reset: centred) */
.ipx-auth-card .actions-toolbar{flex-direction:column;align-items:stretch!important;gap:10px!important}
.ipx-auth-card .actions-toolbar>.primary{order:2;width:100%!important}
.ipx-auth-card .actions-toolbar>.secondary{order:1;align-self:flex-end;margin-top:-10px!important}
.ipx-auth-wrap:is(.-forgot,.-reset,.-create) .actions-toolbar>.secondary{order:3;align-self:center;margin-top:0!important}
.ipx-auth-card .actions-toolbar .action.primary{width:100%!important;min-height:50px!important}
/* social sign-in: labelled buttons, full width, then "or" */
.ipx-auth-card .amsl-login-page,.ipx-auth-card .amsl-registration-page,.ipx-auth-card .amsl-social-wrapper,.ipx-auth-card .amsl-social-login{display:flex!important;flex-direction:column;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
.ipx-auth-card .amsl-login-page .amsl-social-wrapper{order:1}
.ipx-auth-card .amsl-login-page .amsl-separator{order:2}
.ipx-auth-card .amsl-social-login .amsl-title{display:none!important}
.ipx-auth-card .amsl-buttons{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:stretch!important;gap:10px;width:100%!important;margin:0!important;padding:0!important}
.ipx-auth-card .amsl-button-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.ipx-auth .ipx-auth-card .amsl-buttons .amsl-button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:48px!important;min-height:48px!important;padding:0 18px!important;margin:0!important;border:1.5px solid var(--ipx-line-2,#d6cfc3)!important;border-radius:var(--ipx-r-pill,999px)!important;background:#fff!important;box-shadow:none!important;font:700 15px/1 var(--ipx-font-bold)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ipx-ink)!important}
body.ipx-auth .ipx-auth-card .amsl-buttons .amsl-button:hover{border-color:var(--ipx-ink)!important;background:var(--ipx-stone,#f6f4f0)!important}
body.ipx-auth .ipx-auth-card .amsl-buttons .amsl-button.-facebook{background:#1877f2!important;border-color:#1877f2!important;color:#fff!important}
body.ipx-auth .ipx-auth-card .amsl-buttons .amsl-button.-facebook:hover{background:#0f63d5!important;border-color:#0f63d5!important}
body.ipx-auth .ipx-auth-card .amsl-buttons .amsl-button:focus-visible{outline:2px solid var(--ipx-ink)!important;outline-offset:3px}
.ipx-auth-card .amsl-button .amsl-social-icon{position:static!important;flex:none;width:22px!important;height:22px!important;min-width:0!important;margin:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;transform:none!important}
.ipx-auth-card .amsl-button .amsl-text{display:inline!important;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important}
.ipx-auth-card .amsl-separator{display:flex!important;align-items:center;gap:12px;width:auto!important;height:auto!important;margin:20px 0!important;padding:0!important;border:0!important;background:none!important}
.ipx-auth-card .amsl-separator::before,.ipx-auth-card .amsl-separator::after{content:""!important;flex:1;height:1px;position:static!important;width:auto!important;border:0!important;background:var(--ipx-line,#e8e3da)!important}
.ipx-auth-card .amsl-separator .amsl-icon{position:static!important;transform:none!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font:500 13px/1 var(--ipx-font)!important;color:var(--ipx-grey)!important}
/* New to IPATIO? */
.ipx-auth-perks{list-style:none;margin:4px 0 24px!important;padding:0!important;display:grid;gap:12px}
.ipx-auth-perks li{display:flex;gap:10px;align-items:flex-start;margin:0!important;font:500 15px/1.4 var(--ipx-font);color:var(--ipx-ink)}
.ipx-auth-perks li::before{content:"";flex:none;width:22px;height:22px;margin-top:-1px;border-radius:50%;background:var(--ipx-green-tint,#eef4e0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e5902' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/14px no-repeat}
.ipx-auth-btn2{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:50px;box-sizing:border-box;border:1.5px solid var(--ipx-line-2,#d6cfc3);border-radius:var(--ipx-r-pill,999px);background:#fff;font:700 16px/1 var(--ipx-font-bold);color:var(--ipx-ink)!important;text-decoration:none!important}
.ipx-auth-btn2:hover{border-color:var(--ipx-ink)}
.ipx-auth-btn2:focus-visible{outline:2px solid var(--ipx-ink);outline-offset:3px}
/* create: first + last name, birth date + gender side by side */
.ipx-auth-wrap.-create .fieldset.create.info{display:grid!important;grid-template-columns:1fr 1fr;column-gap:14px}
.ipx-auth-wrap.-create .fieldset.create.info>*{grid-column:1 / -1}
.ipx-auth-wrap.-create .fieldset.create.info>:is(.field-name-firstname,.field-name-lastname,.field.dob,.field-dob,.field.gender){grid-column:auto}
.ipx-auth-wrap.-create .fieldset>.legend{width:100%;padding:0 0 8px!important;margin:6px 0 16px!important;border-bottom:1px solid var(--ipx-line,#e8e3da)!important;font-size:17px!important}
.ipx-auth-wrap.-create .fieldset+.fieldset{margin-top:12px!important}
@media (max-width:767px){
  .ipx-auth-wrap,.ipx-auth-wrap.-login{display:block;margin:16px auto 40px}
  .ipx-auth-card{padding:24px 18px!important;border-radius:14px!important}
  .ipx-auth-wrap.-login>.ipx-auth-card+.ipx-auth-card,.ipx-auth-wrap.-login>.block-new-customer{margin-top:16px!important}
  .ipx-auth-head h1{font-size:23px!important}
  .ipx-auth-wrap.-create .fieldset.create.info{grid-template-columns:1fr}
  .ipx-auth-wrap.-create .fieldset.create.info>*{grid-column:1 / -1!important}
}
html body.ipx-auth .ipx-auth-card .amsl-social-login .amsl-buttons .amsl-button-wrapper{height:auto!important;min-height:0!important;margin:0!important}
html body.ipx-auth .ipx-auth-card .amsl-social-login .amsl-buttons .amsl-button-wrapper .amsl-button{justify-content:center!important}
html body.ipx-auth .ipx-auth-card .amsl-social-login .amsl-buttons{height:auto!important;min-height:0!important;align-content:start!important}
html body.ipx-auth .ipx-auth-card .actions-toolbar>.secondary{padding:0!important;margin:-6px 0 0!important}
html body.ipx-auth .ipx-auth-wrap:is(.-forgot,.-reset,.-create) .actions-toolbar>.secondary{margin:0!important}
html body.ipx-auth .ipx-auth-card .amsl-social-wrapper,html body.ipx-auth .ipx-auth-card .amsl-social-login{height:auto!important;min-height:0!important}