/* =========================================================
   wp-adjust.css
   WordPress化のために足した調整だけを書くファイル。
   原本の style.css / home-v2.css は1行も変えていません。
   ルール：!important禁止／色はCSS変数のみ
   ========================================================= */

/* ---------- 1. ブロックの隙間 ---------- */
/* （本番環境のグローバルスタイル出力を確認してから必要分だけ追記する） */

/* ---------- 2. よくあるご質問：詳細ブロックの「＋」アイコン ---------- */
/* 原本は <span class="plus"> で描画。詳細ブロックの見出しには空のspanを置けないため、同じ形を ::after で描く */
.questions .wp-block-details > summary::after {
	content: "";
	margin-left: auto;
	width: 13px;
	height: 13px;
	flex-shrink: 0;
	background:
		linear-gradient(var(--gold), var(--gold)) center / 13px 1px no-repeat,
		linear-gradient(var(--gold), var(--gold)) center / 1px 13px no-repeat;
}
.questions .wp-block-details[open] > summary::after {
	background: linear-gradient(var(--gold), var(--gold)) center / 13px 1px no-repeat;
}

/* ---------- 3. 料金ページの飲み代タブ（WordPress標準「タブ」ブロック） ---------- */
/* 原本は .price-tabs 直下の <button>。標準タブは同じ構造だが、ボタンの flex 指定と下線(::before)を独自に持つため合わせる */
.price-tabs.wp-block-tab-list {
	flex-grow: 1;      /* ボタンは flex-grow:inherit のため、ここで flex:1 相当を渡す */
	flex-basis: 0%;
}
.price-tabs.wp-block-tab-list button {
	width: auto;       /* 標準タブの width:max-content を解除（スマホで料金表の枠が横に広がるのを防ぐ） */
}
.price-tabs.wp-block-tab-list button::before {
	content: none;     /* 標準タブの下線。原本は border-bottom で描くので不要 */
}
.price-details .wp-block-tabs,
.price-details .wp-block-tab-panels {
	display: block;
}