/* 國立聯合大學 SSP 客製樣式 */

/* Logo 在上、標題「自助密碼服務」在下（show_menu=false 版面） */
.card-body {
  display: flex;
  flex-direction: column;
}

.card-body > a[href="index.php"] {
  order: 1;
}

.card-body > .title.alert {
  order: 2;
  margin-top: 0;
  margin-bottom: 1rem;
}

.card-body > *:not(a[href="index.php"]):not(.title.alert) {
  order: 3;
}

/* Logo 水平置中與間距 */
.card-body > a[href="index.php"],
.card-body > a[href="index.php"] img.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.card-body > a[href="index.php"] img.logo {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* 表單：圖示與輸入框維持同一行（Bootstrap 5 input-group 預設會換行） */
.card-body .input-group {
  flex-wrap: nowrap;
}

.card-body form .row.mb-3 {
  align-items: center;
}

/* 極窄螢幕允許換行，避免水平捲軸 */
@media (max-width: 575.98px) {
  .card-body form .row.mb-3 .col-sm-8 .input-group {
    flex-wrap: wrap;
  }
}