/**
 * 口コミコンテンツの余白修正
 * Review content spacing fixes for all pages
 */

/* 口コミ本文の最初の段落の上余白を削除 */
.review-content p:first-child,
.review-content-single p:first-child,
.debt-review-content p:first-child,
.debt-review-content__text:first-child,
.shortcode-review-content p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 口コミ本文の最後の段落の下余白を削除 */
.review-content p:last-child,
.review-content-single p:last-child,
.debt-review-content p:last-child,
.debt-review-content__text:last-child,
.shortcode-review-content p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 口コミ本文が直接テキストを含む場合の調整 */
.review-content,
.review-content-single,
.debt-review-content,
.shortcode-review-content {
    line-height: 1.8;
}

/* WordPress の自動段落機能による余白をリセット */
.review-content > br:first-child,
.review-content-single > br:first-child,
.debt-review-content > br:first-child,
.shortcode-review-content > br:first-child {
    display: none;
}

/* 口コミアイテム内の口コミ本文領域 */
.review-item .review-content,
.area-reviews-list .review-content,
.review-list .review-content,
.related-reviews .review-content {
    margin-top: 1rem;
    margin-bottom: 0;
}

/* 統一口コミデザインでの調整 */
.debt-review-wrapper .debt-review-content__text {
    margin: 0;
    padding: 0;
}

/* 個別口コミページの本文調整 */
.review-article .review-content-single {
    margin-top: 0;
    padding-top: 0;
}

/* サブエリアページの口コミ調整 */
.area-reviews-section .review-content,
.sub-area-content .review-content {
    margin-top: 0.75rem;
}

/* フロントページの口コミセクション調整 */
.reviews-section .review-content {
    text-align: left;
    margin-top: 0.75rem;
}

/* 全ページ共通：::before疑似要素による余白を防ぐ */
.review-content::before,
.review-content-single::before,
.debt-review-content::before,
.shortcode-review-content::before {
    content: none !important;
    display: none !important;
}

/* 口コミコンテンツ内のテキストノードの余白調整 */
.review-content {
    font-size: inherit;
    /* テキストノードの前後の余白を確実に削除 */
    text-indent: 0;
    /* Firefox対応 */
    -moz-text-indent: 0;
}

/* 口コミコンテンツが空白文字で始まる場合の対策 */
.review-content:not(:empty) {
    /* 先頭の空白を削除 */
    text-align: left;
}

/* mt-2クラスが適用されている場合の微調整 */
.review-content.mt-2 {
    /* Bootstrapのmt-2は0.5remだが、必要に応じて調整 */
    margin-top: 0.5rem !important;
}

/* 口コミテキストの垂直方向の配置を調整 */
.review-content {
    /* 行の高さをリセット */
    line-height: 1.8;
    /* 垂直方向の配置 */
    vertical-align: top;
    /* display設定でテキストノードの扱いを明確化 */
    display: block;
}

/* 口コミコンテンツの直下のテキストの行高調整 */
.review-item .review-content,
.area-reviews-list .review-content {
    /* 最初の行の上部の余白を削除 */
    padding-top: 0;
    /* ブラウザのデフォルトマージンを削除 */
    margin-block-start: 0;
    margin-block-end: 0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .review-content,
    .review-content-single,
    .debt-review-content,
    .shortcode-review-content {
        font-size: 0.95rem;
    }
}