/* Birr Series Publications - Lost & Reset Password pages.
   Mirrors the Login page card (Elementor page id 499).
   Scoped to body.woocommerce-lost-password only. */

/* The account page is now built in Elementor (page 376), so the card, the gold
   rule and the heading come from the Elementor containers acct-head / acct-card.
   On these two endpoints we only narrow and centre that frame so it reads as the
   Login card rather than as the full-width account area. */
body.woocommerce-lost-password .elementor-element-acct-head,
body.woocommerce-lost-password .elementor-element-acct-card{max-width:460px;margin-left:auto;margin-right:auto}
body.woocommerce-lost-password .elementor-element-acct-head{text-align:center}
body.woocommerce-lost-password .elementor-element-acct-rule .elementor-divider{justify-content:center}
body.woocommerce-lost-password .elementor-element-acct-rule .elementor-divider-separator{margin-left:auto;margin-right:auto}
body.woocommerce-lost-password .elementor-element-acct-title .elementor-heading-title{text-align:center}
body.woocommerce-lost-password .woocommerce{margin:0;padding:0}

body.woocommerce-lost-password form.woocommerce-ResetPassword{margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword>p:first-of-type{margin:0 0 24px!important;padding:0;color:#3D4A54;font-family:"Open Sans",sans-serif;font-size:15px;line-height:1.7;text-align:center}
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row,
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row-first,
body.woocommerce-lost-password form.woocommerce-ResetPassword .form-row-last{float:none!important;clear:both!important;display:block!important;width:100%!important;max-width:none!important;margin:0 0 18px!important;padding:0!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword .clear{display:block;clear:both;height:0}
body.woocommerce-lost-password form.woocommerce-ResetPassword label{display:block;margin:0 0 8px;color:#00283C;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}
body.woocommerce-lost-password form.woocommerce-ResetPassword label .required{color:#B45309;text-decoration:none;border:0}
body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:13px 14px!important;border:1px solid #E5E2DC!important;border-radius:0!important;background-color:#FFFFFF!important;box-shadow:none!important;color:#00283C!important;font-family:"Open Sans",sans-serif!important;font-size:16px!important;line-height:1.5!important;transition:border-color .15s}
body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text:focus{border-color:#00283C!important;outline:0!important;box-shadow:none!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text::placeholder{color:#6B7780}

body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input input.input-text{padding-right:48px!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;display:block!important;box-sizing:border-box!important;width:26px!important;height:26px!important;min-width:0!important;max-width:26px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7780' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.6 10-6.6 10 6.6 10 6.6-3.6 6.6-10 6.6S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:21px 21px!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;text-shadow:none!important;opacity:.8;cursor:pointer;transition:opacity .15s}
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input:hover,
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input:focus{opacity:1;background-color:transparent!important;outline:0}
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input.display-password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300283C' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.6 10-6.6 10 6.6 10 6.6-3.6 6.6-10 6.6S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3Cline x1='3.5' y1='3.5' x2='20.5' y2='20.5'/%3E%3C/svg%3E")!important;opacity:1}
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input::before,
body.woocommerce-lost-password form.woocommerce-ResetPassword button.show-password-input::after{display:none!important;content:none!important}

body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-password-hint{display:block;margin:8px 0 0;color:#6B7780;font-family:"Open Sans",sans-serif;font-size:13px;line-height:1.6}
body.woocommerce-lost-password form.woocommerce-ResetPassword .woocommerce-password-strength{margin:8px 0 0;padding:8px 10px;border:1px solid #E5E2DC;border-radius:0;background-color:#F7F6F4;color:#00283C;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}

body.woocommerce-lost-password form.woocommerce-ResetPassword p.form-row:last-of-type{margin:24px 0 0!important}
body.woocommerce-lost-password form.woocommerce-ResetPassword button[type=submit]{display:block!important;box-sizing:border-box!important;width:fit-content!important;min-width:172px!important;max-width:100%!important;margin:0 auto!important;padding:14px 38px!important;border:0!important;border-radius:0!important;background-color:#00283C!important;box-shadow:none!important;color:#FFFFFF!important;font-family:"Open Sans",sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;line-height:1.2!important;text-transform:uppercase!important;cursor:pointer;transition:background-color .2s}
body.woocommerce-lost-password form.woocommerce-ResetPassword button[type=submit]:hover,
body.woocommerce-lost-password form.woocommerce-ResetPassword button[type=submit]:focus{background-color:#0A3A52!important;color:#FFFFFF!important}

body.woocommerce-lost-password .woocommerce-error,
body.woocommerce-lost-password .woocommerce-info,
body.woocommerce-lost-password .woocommerce-message{margin:0 0 20px!important;padding:14px 16px!important;border:1px solid #E5E2DC!important;border-top-width:2px!important;border-radius:0!important;background-color:#F7F6F4!important;color:#00283C!important;font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.6;list-style:none}
body.woocommerce-lost-password .woocommerce-error{border-top-color:#B45309!important}
body.woocommerce-lost-password .woocommerce-error li,
body.woocommerce-lost-password .woocommerce-info li,
body.woocommerce-lost-password .woocommerce-message li{margin:0;padding:0;list-style:none}
body.woocommerce-lost-password .woocommerce-error::before,
body.woocommerce-lost-password .woocommerce-info::before,
body.woocommerce-lost-password .woocommerce-message::before{display:none!important}
body.woocommerce-lost-password .woocommerce-info a.button,
body.woocommerce-lost-password .woocommerce-message a.button{display:inline-block;margin:10px 0 0;padding:12px 26px;border:1px solid #00283C;border-radius:0;background-color:transparent;box-shadow:none;color:#00283C;font-family:"Open Sans",sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

@media (max-width:1024px){
  body.woocommerce-lost-password .elementor-element-acct-head,
  body.woocommerce-lost-password .elementor-element-acct-card{max-width:440px}
}

@media (max-width:767px){
  body.woocommerce-lost-password .elementor-element-acct-head,
  body.woocommerce-lost-password .elementor-element-acct-card{max-width:100%}
  body.woocommerce-lost-password form.woocommerce-ResetPassword>p:first-of-type{font-size:14px}
  body.woocommerce-lost-password form.woocommerce-ResetPassword input.input-text{font-size:16px!important;padding:14px!important}
  body.woocommerce-lost-password form.woocommerce-ResetPassword .password-input input.input-text{padding-right:48px!important}
  body.woocommerce-lost-password form.woocommerce-ResetPassword button[type=submit]{padding:15px 34px!important}
}