/* =========================================================
   子育て・発達支援NAVI AI相談
   視認性改善CSS
   2026-09-01
   ---------------------------------------------------------
   目的:
   - 同系色(緑背景×濃緑文字)を避ける
   - 説明文を濃い文字へ
   - 相談残数を常に見やすく
   - スマホで最低16px前後を確保
   - AI相談/音声入力/回数制御等の機能には触れない
   ========================================================= */

.ai-consult-page{
  color:#17211d;
}

/* 基本文字色 */
.ai-consult-page p,
.ai-consult-page li,
.ai-consult-page small,
.ai-consult-page label{
  color:#37423d;
  opacity:1;
  text-shadow:none;
}

.ai-v11-lead,
.ai-v11-micro,
.ai-v10-guide-head p,
.ai-v10-plan-head p,
.ai-v10-plan-top p,
.ai-v10-plus-message p,
.ai-v6-quick-title p,
.ai-v6-form-intro > p,
.ai-v6-form-footer p,
.ai-v15-voice-help,
.ai-v15-speech-help,
.ai-v10-related-note,
.ai-v6-safety-card p,
.ai-v6-values-grid p{
  color:#37423d !important;
  opacity:1 !important;
}

/* 会員状態バー */
.member-status-bar{
  background:#ffffff !important;
  border-bottom:1px solid #d8e0dc !important;
}
.member-status-bar b{
  color:#17211d !important;
}
.member-status-bar small{
  color:#4b5953 !important;
}
.member-status-actions a{
  color:#174d3c !important;
  font-weight:800 !important;
}
.member-status-actions a.primary{
  color:#fff !important;
}

/* ヒーロー内の補助文字 */
.ai-v11-phone small,
.ai-v11-card small,
.ai-v11-trustbar span{
  color:#37423d !important;
  opacity:1 !important;
}
.ai-v11-badges span{
  color:#17211d !important;
}
.ai-v11-secondary{
  background:#fff !important;
  color:#174d3c !important;
  border:1px solid #6e9a89 !important;
}

/* 3ステップ */
.ai-v10-steps > div{
  background:#fff !important;
  color:#17211d !important;
}
.ai-v10-steps h3{
  color:#17211d !important;
}

/* プラン */
.ai-v10-plan{
  background:#fff !important;
  color:#17211d !important;
}
.ai-v10-plan li{
  color:#2d3934 !important;
  opacity:1 !important;
}
.ai-v10-price strong,
.ai-v10-plan h3{
  color:#17211d !important;
}
.ai-v10-price span,
.ai-v10-price small{
  color:#4a5751 !important;
}
.ai-v10-plus-message{
  background:#fff !important;
  color:#17211d !important;
  border:1px solid #d7e0dc !important;
}
.ai-v10-plus-message b{
  color:#17211d !important;
}

/* 相談カテゴリ */
.ai-v6-quick-grid button{
  background:#fff !important;
  color:#17211d !important;
  border:1px solid #c9d2ce !important;
}
.ai-v6-quick-grid button b{
  color:#14241d !important;
}
.ai-v6-quick-grid button span{
  color:#26332d !important;
  opacity:1 !important;
}
.ai-v6-quick-grid button.active{
  border:2px solid #247a5d !important;
  background:#f7fbf9 !important;
}

/* 相談フォーム */
.ai-v6-form-card{
  background:#fff !important;
  color:#17211d !important;
}
.ai-v6-field label,
.ai-v15-label-row label{
  color:#14241d !important;
  font-weight:800 !important;
}
.ai-v6-field > span{
  color:#5f6b65 !important;
  opacity:1 !important;
}

.ai-v6-field input,
.ai-v6-field select,
.ai-v6-field textarea{
  background:#fff !important;
  color:#111915 !important;
  border:1px solid #8e9c95 !important;
  opacity:1 !important;
}

.ai-v6-field input:focus,
.ai-v6-field select:focus,
.ai-v6-field textarea:focus{
  border-color:#247a5d !important;
  box-shadow:0 0 0 3px rgba(36,122,93,.12) !important;
  outline:none !important;
}

.ai-v6-field input::placeholder,
.ai-v6-field textarea::placeholder{
  color:#626d67 !important;
  opacity:1 !important;
}

/* 残り相談回数 */
.ai-v6-mini-info{
  background:#fff !important;
  border:2px solid #247a5d !important;
  border-radius:18px !important;
  box-shadow:0 8px 24px rgba(20,50,39,.10) !important;
}
.ai-v6-mini-info > span{
  color:#25342e !important;
  font-weight:800 !important;
  opacity:1 !important;
}
#remainingCount{
  color:#102d22 !important;
  font-size:clamp(38px,4vw,52px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#remainingCount small{
  color:#25342e !important;
  font-size:16px !important;
  font-weight:800 !important;
  opacity:1 !important;
}

/* LINE導線 */
.ai-v6-line-link{
  background:#fff !important;
  color:#17211d !important;
  border:1px solid #b8c5bf !important;
}
.ai-v6-line-link span{
  color:#37423d !important;
}
.ai-v6-line-link a{
  color:#075d42 !important;
  font-weight:800 !important;
}

/* 音声入力 */
.ai-v15-voice-btn:not(.listening){
  background:#fff !important;
  color:#124d3a !important;
  border:1px solid #17684d !important;
}
.ai-v15-voice-btn.listening{
  background:#145d45 !important;
  color:#fff !important;
  border-color:#145d45 !important;
}
.ai-v15-voice-btn:disabled{
  opacity:.75 !important;
  color:#26332d !important;
}

#voiceLivePreview{
  background:#fff !important;
  border:1px solid #8eb8a8 !important;
  color:#17211d !important;
  font-size:16px !important;
  line-height:1.75 !important;
}
#voiceLivePreview b,
#voiceLivePreview span{
  color:#17211d !important;
}

/* エラー・待機・回答 */
.ai-v8-error{
  background:#fff1f0 !important;
  border:1px solid #c94b43 !important;
  color:#7b1f1a !important;
}
.ai-v8-waiting,
.ai-v8-result,
.ai-v6-answer-card{
  background:#fff !important;
  color:#17211d !important;
}
.ai-v6-answer-text,
.ai-v6-answer-text *{
  color:#17211d !important;
}
.ai-v6-answer-text{
  font-size:16px !important;
  line-height:1.9 !important;
}

/* 音声回答ボタン */
.ai-v15-speak-btn{
  background:#fff !important;
  color:#174d3c !important;
  border:1px solid #6f9a89 !important;
}
.ai-v15-stop-btn{
  color:#fff !important;
}

/* 安全性・ポリシー */
.ai-v6-safety-card,
.ai-v6-values-grid > div{
  background:#fff !important;
  color:#17211d !important;
  border:1px solid #b8c8c1 !important;
}
.ai-v6-safety-card b,
.ai-v6-values-grid h3{
  color:#17211d !important;
}

/* 関連記事 */
.ai-related-card{
  background:#fff !important;
  color:#17211d !important;
}
.ai-related-card h3{
  color:#17211d !important;
}
.ai-related-card p{
  color:#3b4741 !important;
}

/* ボタン文字 */
.ai-v10-plan-btn,
.ai-v11-primary,
#submitConsult{
  color:#fff !important;
}

/* スマホ最適化 */
@media(max-width:760px){
  .ai-consult-page p,
  .ai-consult-page li,
  .ai-consult-page label,
  .ai-consult-page input,
  .ai-consult-page select,
  .ai-consult-page textarea,
  .ai-v15-voice-help,
  .ai-v15-speech-help{
    font-size:16px !important;
    line-height:1.75 !important;
  }

  .ai-v6-mini-info{
    padding:18px !important;
  }

  #remainingCount{
    display:block !important;
    margin-top:8px !important;
  }

  .member-status-bar small{
    font-size:14px !important;
    line-height:1.6 !important;
  }

  .ai-v11-badges span,
  .ai-v11-micro{
    font-size:14px !important;
  }

  .ai-v6-form-footer p{
    font-size:14px !important;
  }
}

/* 小型スマホ */
@media(max-width:390px){
  #remainingCount{
    font-size:42px !important;
  }

  .ai-v6-mini-info > span{
    font-size:14px !important;
  }
}
/* 01・02・03 ステップ帯の視認性改善 */
.ai-v11-trustbar > div:not(:last-child),
.ai-v11-trustbar > div:not(:last-child) * {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 01・02・03の番号を少し強調 */
.ai-v11-trustbar > div:not(:last-child) b,
.ai-v11-trustbar > div:not(:last-child) strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}