/* Liry v55 - ONLY next button placement fix.
   Keeps v54 accessibility/support behavior untouched. */

@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{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    direction:ltr!important;
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
    overflow:visible!important;
  }

  body.liry-create-page #nextBtn,
  body.liry-create-page .wizard-nav #nextBtn,
  body.liry-create-page .wizard-nav .primary-btn:not(.wide){
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    order:-20!important;
    float:none!important;
    display:inline-flex!important;
    width:min(420px, 45vw)!important;
    max-width:420px!important;
    min-width:260px!important;
    margin:0!important;
    align-self:flex-start!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{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    direction:ltr!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px auto 0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.liry-create-page #nextBtn,
  body.liry-create-page .wizard-nav #nextBtn,
  body.liry-create-page .wizard-nav .primary-btn:not(.wide){
    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:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    box-sizing:border-box!important;
    width:min(74vw, 292px)!important;
    max-width:292px!important;
    min-width:214px!important;
    height:56px!important;
    min-height:56px!important;
    margin:0 auto!important;
    padding:0 22px!important;
    align-self:center!important;
    flex:0 0 auto!important;
  }

  body.liry-create-page #prevBtn,
  body.liry-create-page .wizard-nav .ghost-btn{
    max-width:84px!important;
  }
}