/* ===========================
   GF Reviewer – Top Action Bar
=========================== */
.gf-reviewer-actions-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.gf-reviewer-submit{
  border: 1px solid transparent;
}

/* ===========================
   Footer Buttons (desktop-ish)
=========================== */
.gform_wrapper .gform_page_footer{
  display:flex;
  align-items:center;
  gap:12px;
}

/* =========================================================
   MOBILE FINAL OVERRIDE (Gravity Theme)
   Prev + Next top row, Save bottom row, arrows visible
========================================================= */
@media (max-width: 768px){

  /* footer layout */
  .gform_wrapper.gravity-theme .gform_page_footer{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    justify-content:space-between !important;
    align-items:stretch !important;
  }

  /* PREV + NEXT (top row, 2 columns) */
  .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button,
  .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button{
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Restore arrows */
  .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button::before{
    content:"←" !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button::before{
    content:"→" !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  /* SAVE (bottom row, full width) */
  .gform_wrapper.gravity-theme .gform_page_footer button[id^="gform_save_"]{
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 99 !important;
    margin: 0 !important;
    margin-top: 6px !important;
    display:flex !important;
    justify-content:center !important;
  }
}