/* テキスト可視性修正用CSS
 * FIVE STAR CLUB - Xサーバー対応版
 * 
 * register.phpとfemale-recruit.phpの白背景に白文字で表示されている
 * テキスト要素の可視性を改善するためのCSSファイルです。
 */

/* 入会までの流れ・女性会員様の活動の流れのステップ番号 */
.step-number {
    color: #000000 !important; /* 黒色に変更 */
    background-color: #d4af37 !important; /* ゴールド背景を確実に適用 */
    border: 2px solid #d4af37 !important; /* ゴールドの境界線 */
}

/* ステップ説明文 */
.step-description,
.process-description,
.flow-description {
    color: #333333 !important; /* 濃いグレー */
}

/* リスト項目 */
.step-description ul li,
.process-description ul li,
.flow-description ul li,
.feature-description ul li,
.faq-answer ul li {
    color: #333333 !important; /* 濃いグレー */
}

/* 特典・サービス説明文 */
.feature-description,
.service-description,
.benefit-description {
    color: #333333 !important; /* 濃いグレー */
}

/* FAQ回答文 */
.faq-answer,
.faq-content {
    color: #333333 !important; /* 濃いグレー */
}

/* 入会相談・女性会員募集ページの全段落 */
.register-page p,
.female-recruit-page p,
#register-content p,
#female-recruit-content p {
    color: #333333 !important; /* 濃いグレー */
}

/* 入会相談・女性会員募集ページの全リスト項目 */
.register-page li,
.female-recruit-page li,
#register-content li,
#female-recruit-content li {
    color: #333333 !important; /* 濃いグレー */
}

/* 入会相談・女性会員募集ページのフォーム説明文 */
.form-description,
.contact-description {
    color: #333333 !important; /* 濃いグレー */
}

/* 白背景セクション内のすべてのテキスト要素 */
.white-section p,
.white-section li,
.white-section span,
.white-bg p,
.white-bg li,
.white-bg span,
section.white p,
section.white li,
section.white span {
    color: #333333 !important; /* 濃いグレー */
}

/* プロセスステップ内のすべてのテキスト要素 */
.process-step p,
.process-step li,
.process-step span,
.flow-step p,
.flow-step li,
.flow-step span {
    color: #333333 !important; /* 濃いグレー */
}

/* 特典項目内のすべてのテキスト要素 */
.feature-item p,
.feature-item li,
.feature-item span,
.benefit-item p,
.benefit-item li,
.benefit-item span {
    color: #333333 !important; /* 濃いグレー */
}

/* FAQ項目内のすべてのテキスト要素 */
.faq-item p,
.faq-item li,
.faq-item span {
    color: #333333 !important; /* 濃いグレー */
}

/* 白背景コンテナ内のすべてのテキスト要素 */
.white-container p,
.white-container li,
.white-container span {
    color: #333333 !important; /* 濃いグレー */
}

/* 汎用的な白文字修正（最後の手段として） */
[style*="color: white"],
[style*="color: #fff"],
[style*="color: #ffffff"],
[style*="color: rgb(255, 255, 255)"] {
    color: #333333 !important; /* 濃いグレー */
}

/* 例外：ヘッダー、フッター、ナビゲーション、ボタンは除外 */
header *,
footer *,
nav *,
.btn,
.button,
button,
.nav-item,
.nav-link,
.menu-item,
.menu-link {
    color: inherit; /* 元の色を維持 */
}

/* 例外：ゴールド背景上のテキストは黒色を維持 */
.gold-bg *,
.gold-section *,
.gold-container *,
[style*="background-color: #d4af37"] *,
[style*="background: #d4af37"] * {
    color: inherit; /* 元の色を維持 */
}

/* 例外：黒背景上のテキストは白色を維持 */
.black-bg *,
.black-section *,
.black-container *,
[style*="background-color: #000"] *,
[style*="background: #000"] * {
    color: inherit; /* 元の色を維持 */
}