/* Noor Naksha v1.11.17 — focused mobile account/reset/custom-design correction.
 * Desktop remains untouched. All visual rules are scoped to <=720px.
 */
@media (max-width:720px){
  /* ------------------------------------------------------------
   * Guest My Account: one hierarchy only.
   * page.php now suppresses the outer WordPress page title structurally;
   * these rules keep the Noor Naksha account intro + Login card compact.
   * ------------------------------------------------------------ */
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-entry-header{
    display:none!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-auth-v1111{
    width:100%!important;
    max-width:100%!important;
    padding:16px 14px calc(86px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-intro-v1111{
    padding:18px 18px 14px!important;
    border-radius:12px 12px 0 0!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-intro-v1111>.nn-account-eyebrow-v1111{
    display:none!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-intro-v1111 h1{
    margin:0 0 8px!important;
    font-size:34px!important;
    line-height:1.04!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-intro-v1111>p:last-child{
    margin:0!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-layout-v1111{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0 14px 18px!important;
    border-radius:0 0 12px 12px!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-panels-v1111{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-panel-v1111{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-card-heading-v1111{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    margin:0 0 16px!important;
    padding:0!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-icon-v1111{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-icon-v1111 .nn-icon{
    width:20px!important;
    height:20px!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-card-heading-v1111>div{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-card-heading-v1111 h2{
    margin:0 0 4px!important;
    font-size:25px!important;
    line-height:1.05!important;
  }
  body.woocommerce-account:not(.logged-in):not(.woocommerce-lost-password) .nn-account-card-heading-v1111 p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  /* ------------------------------------------------------------
   * Lost Password: one title/description only.
   * Keep the hero copy, remove duplicate card copy on mobile, then place the
   * lock icon and native Woo reset form in one compact card.
   * ------------------------------------------------------------ */
  body.woocommerce-lost-password .nn-entry-header{display:none!important}
  body.woocommerce-lost-password .nn-lost-password-v1112{
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  body.woocommerce-lost-password .nn-lost-hero-v1112{
    min-height:0!important;
    padding:0!important;
  }
  body.woocommerce-lost-password .nn-lost-hero-inner-v1112{
    padding:20px 16px 16px!important;
  }
  body.woocommerce-lost-password .nn-lost-breadcrumb-v1112{
    margin-bottom:9px!important;
    font-size:11px!important;
    line-height:1.35!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;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 16px 20px!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112 h2,
  body.woocommerce-lost-password .nn-lost-card-v1112>p{
    display:none!important;
  }
  body.woocommerce-lost-password .nn-lost-icon-v1112{
    width:46px!important;
    height:46px!important;
    margin:0 auto 14px!important;
  }
  body.woocommerce-lost-password .nn-lost-icon-v1112 .nn-icon{
    width:22px!important;
    height:22px!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112 .woocommerce-form-row,
  body.woocommerce-lost-password .nn-lost-card-v1112 .form-row{
    margin:0 0 14px!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112 .nn-lost-or-v1112{
    margin:18px 0 14px!important;
  }
  body.woocommerce-lost-password .nn-lost-card-v1112 .nn-lost-back-v1112{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto!important;
    min-height:40px!important;
    text-decoration:none!important;
  }

  /* ------------------------------------------------------------
   * Custom Design: Request a Quote centered; process stays one row.
   * Only separator length is compressed — icon/label language remains.
   * ------------------------------------------------------------ */
  .nn-custom-banner-v15 .nn-custom-copy .nn-btn-light{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:14px auto 0!important;
    padding-inline:18px!important;
    text-align:center!important;
  }
  .nn-custom-banner-v15 .nn-custom-copy .nn-btn-light>.nn-icon{
    display:none!important;
  }
  .nn-custom-banner-v15 .nn-custom-steps-v15{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)!important;
    gap:3px!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
    padding:8px 0 10px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .nn-custom-banner-v15 .nn-cta-step{
    min-width:0!important;
    width:100%!important;
    gap:7px!important;
  }
  .nn-custom-banner-v15 .nn-cta-step strong{
    width:100%!important;
    min-width:0!important;
    font-size:9px!important;
    line-height:1.2!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .nn-custom-banner-v15 .nn-cta-separator{
    display:block!important;
    width:22px!important;
    min-width:0!important;
    max-width:22px!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:center!important;
  }

  /* ------------------------------------------------------------
   * Decorative CTA arrows: mobile buttons follow the arrow-free desktop
   * language. Functional carousel arrows, dropdown chevrons and process-flow
   * separators are intentionally excluded.
   * ------------------------------------------------------------ */
  .nn-btn-primary>.nn-icon:last-child,
  .nn-order-button>.nn-icon:last-child,
  .nn-mobile-order>.nn-icon:last-child,
  .nn-reset-confirm-primary-v1119>span[aria-hidden="true"],
  .nn-add-cart-view-v1119>span[aria-hidden="true"],
  .nn-empty-cart-cta-v1111 a>span[aria-hidden="true"]{
    display:none!important;
  }
}

@media (max-width:360px){
  .nn-custom-banner-v15 .nn-custom-steps-v15{
    grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)!important;
    gap:2px!important;
  }
  .nn-custom-banner-v15 .nn-cta-separator{
    width:16px!important;
    max-width:16px!important;
  }
}