/* Noor Naksha v1.11.19 — focused mobile account/reset visual correction.
 * Scope: BUG-01 Login meta separation + BUG-02 approved Reset Password request visual.
 * No WooCommerce authentication/reset processing is rewritten. Desktop visuals remain unchanged.
 */

/* The v1.11.19 wrapper is visual-only on desktop. Recreate the two direct-child
 * text rules that existed before wrapping, so the protected desktop baseline is unchanged. */
@media (min-width:721px){
  body.woocommerce-lost-password .nn-lost-form-card-v11119{display:contents!important}
  body.woocommerce-lost-password .nn-lost-form-card-v11119>h2{
    font-family:var(--nn-serif)!important;
    font-size:31px!important;
    line-height:normal!important;
    color:var(--nn-green)!important;
    margin:0 0 10px!important;
    text-align:center!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119>.nn-lost-inner-copy-v11119{
    display:block!important;
    font-size:15px!important;
    line-height:1.65!important;
    color:#4b5b55!important;
    max-width:500px!important;
    margin:0 auto 28px!important;
    text-align:center!important;
  }
}

@media (max-width:720px){
  /* BUG-01 — login utility links must never collide on narrow screens. */
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-login-meta-v1111{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    margin:8px 0 14px!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-login-meta-v1111 label,
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-login-meta-v1111>a{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-login-meta-v1111 label{
    align-items:center!important;
    gap:6px!important;
    white-space:normal!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-login-meta-v1111>a{
    align-items:center!important;
    line-height:1.4!important;
  }

  /* BUG-02 — approved mobile Reset Password request composition.
   * The form remains the native WooCommerce reset form; only presentation is changed. */
  body.woocommerce-lost-password .nn-lost-hero-inner-v1112{
    padding:20px 16px 14px!important;
  }
  body.woocommerce-lost-password .nn-lost-breadcrumb-v1112{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    column-gap:5px!important;
    row-gap:3px!important;
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.woocommerce-lost-password .nn-lost-breadcrumb-v1112 span{
    margin:0!important;
    flex:0 0 auto!important;
  }
  body.woocommerce-lost-password .nn-lost-hero-v1112 h1{
    margin:0 0 8px!important;
    font-size:32px!important;
    line-height:1.06!important;
  }
  body.woocommerce-lost-password .nn-lost-hero-v1112 p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.woocommerce-lost-password .nn-lost-body-v1112{
    padding:12px 14px 22px!important;
  }

  /* Outer form holds the divider/back action; the bordered card is the inner group. */
  body.woocommerce-lost-password .nn-lost-card-v1112{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119{
    width:100%!important;
    margin:0!important;
    padding:22px 18px 16px!important;
    border:1px solid #e6dac7!important;
    border-radius:12px!important;
    background:#fffdf9!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119>h2,
  body.woocommerce-lost-password .nn-lost-form-card-v11119>.nn-lost-inner-copy-v11119{
    display:none!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 .nn-lost-icon-v1112{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    margin:0 auto 20px!important;
    border-radius:50%!important;
    background:#f7ead3!important;
    color:var(--nn-green)!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 .nn-lost-icon-v1112 .nn-icon{
    width:24px!important;
    height:24px!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119>.woocommerce-form-row,
  body.woocommerce-lost-password .nn-lost-form-card-v11119>.form-row{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    float:none!important;
    clear:both!important;
    margin:0 0 14px!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119>.form-row:last-of-type{
    margin-bottom:0!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 .clear{
    display:none!important;
    height:0!important;
    margin:0!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 label{
    display:block!important;
    margin:0 0 8px!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:700!important;
    color:#173f34!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 input.input-text{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    padding:11px 13px!important;
    border:1px solid #cfc8bc!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#173f34!important;
    font-size:16px!important;
    line-height:1.35!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 input.input-text::placeholder{
    color:#7a827e!important;
    opacity:1!important;
  }
  body.woocommerce-lost-password .nn-lost-form-card-v11119 button.button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    margin:0!important;
    padding:10px 16px!important;
    border:0!important;
    border-radius:7px!important;
    background:var(--nn-green)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112>.nn-lost-or-v1112{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:18px 0 10px!important;
    color:#5f6864!important;
    font-size:14px!important;
    line-height:1!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112>.nn-lost-or-v1112:before,
  body.woocommerce-lost-password .nn-lost-card-v1112>.nn-lost-or-v1112:after{
    content:""!important;
    display:block!important;
    height:1px!important;
    background:#d8d3ca!important;
    flex:1 1 auto!important;
    opacity:1!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112>.nn-lost-or-v1112 span{
    display:block!important;
    padding:0 3px!important;
    background:transparent!important;
    color:inherit!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112>.nn-lost-back-v1112{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:0 auto!important;
    padding:0 10px!important;
    color:#9b671c!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.3!important;
    text-align:center!important;
    text-decoration:underline!important;
    text-underline-offset:2px!important;
  }
}