/*
Theme Name:   Okazu Box Child
Theme URI:    https://okazu-box.com
Description:  おかずBOX用の子テーマ(親テーマ: Twenty Twenty-Five)。デザインの細かい調整はこのファイルに書きます。
Author:       おかずBOX
Template:     twentytwentyfive
Version:      0.2.0
Text Domain:  okazu-box-child
*/

/* ------------------------------------------------------------
   ここから下に、サイト全体のCSSを追加していきます。
   例: 本文の行間、リンクの色、見出しの装飾など
------------------------------------------------------------ */

/* 広告表記(記事冒頭に入れる「PR表記」用のクラス) */
.okazu-pr-note {
	font-size: 0.85em;
	opacity: 0.75;
	margin-block: 0 1em;
}

/* ------------------------------------------------------------
   作品紹介(まとめ記事)のひな形: patterns/review-roundup.php
------------------------------------------------------------ */

:root {
	--okazu-accent: #d6336c;
	--okazu-border: #e3e3e8;
	--okazu-soft: #faf7f8;
}

/* 作品1つ分の枠 */
.okazu-work {
	padding: 20px;
	border: 1px solid var(--okazu-border);
	border-radius: 12px;
}

/* 画像が入るまでの仮置き(【】が残っていると目立つように) */
.okazu-work__image-note {
	padding: 40px 16px;
	font-size: 0.85em;
	text-align: center;
	color: #6b6b76;
	background: var(--okazu-soft);
	border: 1px dashed var(--okazu-border);
	border-radius: 8px;
}

/* 作品情報の表 */
.okazu-work__info table th {
	width: 7em;
	white-space: nowrap;
	text-align: left;
	background: var(--okazu-soft);
}

.okazu-summary-table th {
	background: var(--okazu-soft);
}

/* 購入ボタン */
.okazu-buy {
	width: 100%;
}

.okazu-buy .wp-block-button__link {
	width: 100%;
	font-weight: 700;
	color: #fff;
	background: var(--okazu-accent);
	border-radius: 10px;
}

.okazu-buy .wp-block-button__link:hover,
.okazu-buy .wp-block-button__link:focus-visible {
	opacity: 0.85;
}

.okazu-price-note {
	font-size: 0.85em;
	opacity: 0.75;
}