/*
 * asai-content-fix.css
 * Webflow CSS ( p { margin-bottom: 0 } ) のリセットによる
 * コンテンツエリア内の段落スペース消失を修正する
 * Webflowテーマを再エクスポートしても上書きされない独立ファイル
 */

/* ── 投稿本文（wf-news など）の段落スペーシング復元 ── */
.template-content p {
    margin-bottom: 1em;
    line-height: 1.8;
}

/* 連続する空段落（エディターでの改行スペース）にも高さを確保 */
.template-content p:empty {
    margin-bottom: 1em;
    min-height: 1em;
}

/* ── リスト ── */
.template-content ul,
.template-content ol {
    margin-bottom: 1em;
}

.template-content li {
    margin-bottom: 0.25em;
    line-height: 1.8;
}

/* ── 見出し ── */
.template-content h1,
.template-content h2,
.template-content h3,
.template-content h4,
.template-content h5,
.template-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* ── 画像の余白 ── */
.template-content figure,
.template-content .wp-block-image {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* ── 引用 ── */
.template-content blockquote {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* ── 番号付きページネーション（asai-pagination.js で生成） ── */
.w-page-count {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.w-page-count .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.25rem;
    border-radius: 0.375rem;
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: background-color 0.15s;
}

.w-page-count .page-link:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

.w-page-count .page-link.current-page {
    background-color: #3b5dc9;
    color: #fff;
}