/**
 * ミライワーク WordPress テーマ - カスタムスタイル
 * Tailwind CSS (CDN) で対応できない細かいスタイルのみ記述
 */

/* ===========================
   ベース
=========================== */
html {
  scroll-behavior: smooth;
}

/* ===========================
   モバイルナビゲーション
=========================== */
.mobile-nav {
  display: none;
}
.mobile-nav.open {
  display: block;
}

/* ===========================
   FAQ アコーディオン
=========================== */
.faq-answer {
  display: none;
}
.faq-answer.open {
  display: block;
}

/* ===========================
   フォームステータスバー
=========================== */
.form-status {
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}
.form-status.success {
  background-color: #d1fae5;
  color: #065f46;
  border: 1px solid #6ee7b7;
}
.form-status.error {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
.form-status.sending {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #93c5fd;
}

/* ===========================
   フォーカスリング統一
=========================== */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

/* ===========================
   遅延読み込み画像フェードイン
=========================== */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s ease;
}
img[loading="lazy"].loaded {
  opacity: 1;
}

/* ===========================
   ヒーローセクション最小高さ保証
   （スマホで極端に小さくなるのを防ぐ）
=========================== */
.hero-min {
  min-height: 220px;
}

/* ===========================
   テーブル（会社概要・募集要項）
=========================== */
.info-table th,
.info-table td {
  padding: 16px 24px;
  vertical-align: top;
}
.info-table tr:last-child {
  border-bottom: none;
}

/* ===========================
   スマホ：テーブルの横スクロール対応
=========================== */
.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* ===========================
   スマホ：ヒーロー背景画像の高さ補正
   h-[Xvh] は iOSのsafariでURLバー込みで計算されるため
   実際より大きくなる問題を緩和
=========================== */
@supports (-webkit-touch-callout: none) {
  .hero-vh {
    height: 45svh; /* svh = スクロールバー除外 */
  }
}

/* ===========================
   WordPressが出力する余計なmarginを除去
=========================== */
.entry-content p:last-child {
  margin-bottom: 0;
}

/* ===========================
   印刷時の不要要素を非表示
=========================== */
@media print {
  header,
  footer,
  .no-print {
    display: none !important;
  }
}