/**
 * 単一投稿（templates/single.html）
 *
 * 構造: <main>
 *         <div.minolink-single-article>  ← max-width 720px / SP padding-inline 24px
 *           date → title → SNS シェア(右寄せ) → post-content
 *         </div>
 *         <section.minolink-related-posts>  ← フル幅
 *       </main>
 */

/*
 * 横幅: 720px max・中央寄せ。
 * SP / PC 共通の左右 24px 余白は親 .w-space（style.css）が担当するので、
 * このラッパー側では padding-inline を持たない。
 */
.minolink-single-article {
	box-sizing: border-box;
	width: 100%;
	max-width: 720px;
	margin-inline: auto;
	padding-block-start: 24px;
}

/* 日付（タイトル上） */
.minolink-single-article__date {
	margin-block-start: 0;
	margin-block-end: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: 1;
	color: var(--wp--preset--color--gray-500);
}

/* タイトル: 標準 h1 のままだがマージンだけ揃える */
.minolink-single-article__title {
	margin-block-start: 0;
	margin-block-end: var(--wp--preset--spacing--40);
}

/* SNS シェアを右寄せ（パターン本体の flex 配置を上書き） */
.minolink-single-article .minolink-sns-share {
	justify-content: flex-end;
}

/*
 * コンテンツ直後の SNS シェアだけ上下余白を spacing-50 にする。
 * （タイトル下のシェアは sns-share.css の spacing-30 を維持）
 */
.minolink-single-article > .wp-block-post-content + .minolink-sns-share {
	margin-block: var(--wp--preset--spacing--50);
}

/*
 * 「戻る」リンクの中央寄せ wrap（中身は inc/back-link-partial.php の shortcode）
 * 余白だけここで持つ。リンクの見た目は components/back-link.css 参照。
 */
.minolink-single-article__back-wrap {
	margin-block: var(--wp--preset--spacing--40);
}

/*
 * アイキャッチ画像（SNS シェアの直下）
 * - 横幅は wrapper（720px）いっぱい
 * - 上下マージンで本文と適度に離す
 * - アイキャッチが未設定の投稿では <figure> 自体が出力されないので非表示処理不要
 */
.minolink-single-article__featured-image {
	margin-block-start: var(--wp--preset--spacing--50);
	margin-block-end: var(--wp--preset--spacing--50);
}

.minolink-single-article__featured-image img {
	display: block;
	width: 100%;
	height: auto;
}