/* ============================================================
 * PMPM Template Additions
 * Phase A: 1行キャッチタイトルを端末幅に収納する
 * 親要素には触らず、対象要素にだけスタイルを当てる
 * ============================================================ */

[data-pmpm-fit-oneliner="1"] {
    display: inline-block;
    white-space: nowrap;
    transform-origin: left center;
    max-width: 100%;
    /* JS失敗時のフォールバック: viewport幅基準で大体収まる */
    font-size: clamp(0.9rem, 4.2vw, 1.5rem);
}

/* ============================================================
 * FAQ details のトグルアイコン（+/-）と marker を完全消去
 * - WP管理画面「追加CSS」に `article details > summary::before { content: "+" }`
 *   が定義されており、本文FAQのインライン padding と衝突して文字に被る
 * - 後勝ち（wp_custom_css は wp_head 末尾出力）を破るため
 *   html body セレクタで specificity を上げて !important で打ち消す
 * ============================================================ */
html body details > summary,
html body article details > summary,
html body .post-content details > summary,
html body .entry-content details > summary {
    list-style: none !important;
}
html body details > summary::-webkit-details-marker,
html body article details > summary::-webkit-details-marker,
html body .post-content details > summary::-webkit-details-marker,
html body .entry-content details > summary::-webkit-details-marker {
    display: none !important;
}
html body details > summary::marker,
html body article details > summary::marker {
    content: '' !important;
    display: none !important;
}
html body details > summary::before,
html body details[open] > summary::before,
html body article details > summary::before,
html body article details[open] > summary::before,
html body .post-content details > summary::before,
html body .post-content details[open] > summary::before,
html body .entry-content details > summary::before,
html body .entry-content details[open] > summary::before {
    content: none !important;
    display: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* ============================================================
 * report-meta-details 内のリンクを白＋シャンパンゴールドに統一
 * 既存の WP追加CSS は .post-content a 等のスコープのみで、
 * single-report.php の .report-meta-details はスコープ外だった。
 * ============================================================ */
.report-meta-details a,
.report-meta-details .meta-value a {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: rgba(212, 175, 55, 0.55);
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.report-meta-details a:hover,
.report-meta-details .meta-value a:hover {
    color: #d4af37;
    text-decoration-color: #d4af37;
}
.report-meta-details a:visited {
    color: #e6dca8;
}