/* ライト/ダークテーマ共通スタイル
   Bootstrap 5.3 の data-bs-theme による自動切り替えで足りない、
   各画面の独自クラス・インラインスタイル分のダークモード上書きを定義する。
   ライトモードは既存デザインを一切変更しない（このファイルは [data-bs-theme="dark"] 配下のみ）。 */

[data-bs-theme="dark"] body {
    background-color: #14151a;
}

[data-bs-theme="dark"] .nav-bar {
    background-color: #1c1e24 !important;
    border-bottom: 1px solid #2e313a !important;
}

[data-bs-theme="dark"] footer {
    color: #6b7280 !important;
}

[data-bs-theme="dark"] .card {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .5);
}

[data-bs-theme="dark"] .btn-primary {
    background-color: #6366f1;
    border-color: #6366f1;
}
[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #818cf8;
    border-color: #818cf8;
}

/* faq.html */
[data-bs-theme="dark"] .faq-card { box-shadow: 0 2px 12px rgba(0, 0, 0, .45); }
[data-bs-theme="dark"] .faq-q { color: #f3f4f6; }
[data-bs-theme="dark"] .faq-a { color: #c3c8d2; }
[data-bs-theme="dark"] .section-label { color: #9aa1b1; }

/* howto.html */
[data-bs-theme="dark"] .step-card { box-shadow: 0 2px 12px rgba(0, 0, 0, .45); }
[data-bs-theme="dark"] .tip-box { background-color: #16243a; }

/* 規約・プライバシー等の法務ページ */
[data-bs-theme="dark"] .legal-body p,
[data-bs-theme="dark"] .legal-body li,
[data-bs-theme="dark"] .legal-body td,
[data-bs-theme="dark"] .legal-body th {
    color: #c3c8d2;
}
[data-bs-theme="dark"] .legal-body th {
    background-color: #1f222a;
}

/* charge.html / charge-complete.html */
[data-bs-theme="dark"] .amount-btn {
    border-color: #3a3f4b;
    background-color: #1c1e24;
}
[data-bs-theme="dark"] .amount-btn:hover {
    border-color: #6366f1;
    background-color: #23243a;
}
[data-bs-theme="dark"] .amount-btn.selected {
    border-color: #6366f1;
    background-color: #262a4a;
    color: #a5b4fc;
}
[data-bs-theme="dark"] .cost-guide,
[data-bs-theme="dark"] .cost-guide p,
[data-bs-theme="dark"] .cost-guide td {
    color: #6b7280 !important;
}

/* admin.html */
[data-bs-theme="dark"] .style-card:hover { box-shadow: 0 4px 20px rgba(0, 0, 0, .55); }

/* style-conversion.html */
[data-bs-theme="dark"] .option-toggle {
    background-color: #1c1e24;
    border-color: #343844;
    color: #d1d5db;
}
[data-bs-theme="dark"] .option-toggle:hover { background-color: #262a33; border-color: #4b5160; }
[data-bs-theme="dark"] .btn-check:checked + .option-toggle {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #fff;
}
[data-bs-theme="dark"] .price-card { background-color: #1c1e24; border-color: #343844; }

/* translate.html: 言語ピッカー */
[data-bs-theme="dark"] .lang-picker { background-color: #1c1e24; border-color: #343844; }
[data-bs-theme="dark"] .lang-search-wrap { border-bottom-color: #343844; }
[data-bs-theme="dark"] .lang-search-input { color: #d1d5db; }
[data-bs-theme="dark"] .lang-search-input::placeholder { color: #6b7280; }
[data-bs-theme="dark"] .lang-btn {
    background-color: #1c1e24;
    border-color: #343844;
    color: #d1d5db;
}
[data-bs-theme="dark"] .lang-btn:hover:not(.selected) {
    background-color: #262a33;
    border-color: #4b5160;
}
[data-bs-theme="dark"] .lang-btn.selected {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #fff;
}
[data-bs-theme="dark"] .lang-no-results { color: #6b7280; }
[data-bs-theme="dark"] .lang-badge {
    background-color: #262a4a;
    color: #a5b4fc;
    border-color: #3d4470;
}
[data-bs-theme="dark"] .lang-badge-x { color: #818cf8; }
[data-bs-theme="dark"] .lang-badge-x:hover { color: #a5b4fc; }
[data-bs-theme="dark"] .preset-chip { background-color: #1c1e24; border-color: #343844; }
[data-bs-theme="dark"] .preset-chip:hover { border-color: #6b7280; }
[data-bs-theme="dark"] .preset-load { color: #d1d5db; }
[data-bs-theme="dark"] .preset-load:hover { background-color: #262a33; }
[data-bs-theme="dark"] .preset-style-tag { background-color: #2a2f6b; color: #a5b4fc; }
[data-bs-theme="dark"] .preset-del { border-left-color: #343844; color: #6b7280; }
[data-bs-theme="dark"] .preset-del:hover { background-color: #3a1f23; }
[data-bs-theme="dark"] .preset-save-form { background-color: #1c1e24; border-color: #343844; }
[data-bs-theme="dark"] .preset-save-form input {
    background-color: #14151a;
    border-color: #3a3f4b;
    color: #d1d5db;
}
[data-bs-theme="dark"] .preset-save-form input:focus { border-color: #6366f1; }

/* youtube-videos.html */
[data-bs-theme="dark"] .video-item:hover { background-color: #1f222a; }
[data-bs-theme="dark"] .video-item.selected { background-color: #16243a; }

/* テーマ切り替えスイッチ（マイページ） */
.theme-switch-label {
    cursor: pointer;
}