/* =========================
   1. PDF Pager（表示崩れ防止）
   ========================= */
.pdfpager .pdfpager-viewport {
  display: block !important;
  height: auto !important; /* スマホで高さが固定されるバグを回避 */
  min-height: 300px;        /* リセットCSSで高さが0になるのを防止 */
  padding: 10px !important;
  background: #fff;
  border: 1px solid #eee;   /* 枠線がないと背景に溶けるため追加 */
}

.pdfpager canvas {
  width: 100% !important; /* 枠を突き破らないように固定 */
  height: auto !important;
}

/* ボタンがリセットCSSで「ただの文字」にならないよう補正 */
.pdfpager .pdfpager-toolbar {
  display: flex !important;
  justify-content: center;
  gap: 10px;
  margin: 15px 0;
}

.pdfpager .pp-prev, .pdfpager .pp-next {
  padding: 8px 16px !important;
  background: var(--tcd-main-color, #00468c) !important;
  color: #fff !important;
  border-radius: 4px;
}

/* =========================
   2. フォームとはみ出し対策（スマホ専用）
   ========================= */
@media screen and (max-width: 800px) {
  /* フォーム入力欄が画面を突き破るのを防ぐ */
  .wpcf7-form-control,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important; /* リセットCSSで消えた内余白を戻す */
  }

  /* テーブルの横揺れ防止：はみ出す場合はテーブル内スクロール */
  .post_content table,
  .table-responsive table {
    min-width: 0 !important;
    width: 100% !important;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  /* reCAPTCHAの重なり防止 */
  .grecaptcha-badge { 
    right: 5px !important; 
    bottom: 5px !important; 
  }
}