/* Liry v56 - SAFE next button placement only.
   No JS. No accessibility/support changes. No payment/pixel changes.
   Desktop: physical left, with safe padding so it cannot be cut.
   Mobile: exact center. */

/* Respect app.js when it hides the next button on the final step */
body.liry-create-page #nextBtn[style*="display: none"],
body.liry-create-page .wizard-nav #nextBtn[style*="display: none"]{
  display:none!important;
}

@media (min-width:821px){
  body.liry-create-page .wizard-nav,
  body.liry-create-page #songForm .wizard-nav,
  body.liry-create-page .create-card .wizard-nav,
  body.liry-create-page .create-card-v42 .wizard-nav,
  body.liry-create-page .create-card-v43 .wizard-nav{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:58px!important;
    margin:14px auto 0!important;
    padding:0 24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    direction:ltr!important;
    text-align:left!important;
  }

  body.liry-create-page #nextBtn,
  body.liry-create-page .wizard-nav #nextBtn{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    order:-1!important;
    float:none!important;
    clear:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    width:clamp(230px, 24vw, 320px)!important;
    max-width:320px!important;
    min-width:230px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0!important;
    padding:0 26px!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    align-self:center!important;
  }

  body.liry-create-page #prevBtn,
  body.liry-create-page .wizard-nav #prevBtn{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    order:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    max-width:120px!important;
  }
}

@media (max-width:820px){
  body.liry-create-page .wizard-nav,
  body.liry-create-page #songForm .wizard-nav,
  body.liry-create-page .create-card .wizard-nav,
  body.liry-create-page .create-card-v42 .wizard-nav,
  body.liry-create-page .create-card-v43 .wizard-nav{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:58px!important;
    margin:8px auto 0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:minmax(54px,1fr) auto minmax(54px,1fr)!important;
    align-items:center!important;
    justify-items:center!important;
    column-gap:0!important;
    direction:ltr!important;
    text-align:center!important;
  }

  body.liry-create-page #nextBtn,
  body.liry-create-page .wizard-nav #nextBtn{
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    order:0!important;
    float:none!important;
    clear:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    width:clamp(210px, 64vw, 280px)!important;
    max-width:280px!important;
    min-width:210px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0 auto!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    flex:none!important;
  }

  body.liry-create-page #prevBtn,
  body.liry-create-page .wizard-nav #prevBtn{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    order:0!important;
    width:auto!important;
    min-width:54px!important;
    max-width:72px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    flex:none!important;
    font-size:13px!important;
  }

  body.liry-create-page #prevBtn[style*="display: none"],
  body.liry-create-page .wizard-nav #prevBtn[style*="display: none"],
  body.liry-create-page #prevBtn.is-hidden{
    display:none!important;
  }
}