/* =============================================================================
   07-product-poly.css
   ポリ袋サイトの商品詳細ページ（is_singular('product')）向けの上書き。
   親テーマ jamble-base の 07-product.css（@layer product）を上書きするため、
   後段の @layer pages に置いて詳細度に依存せず確実に優先させる。
   ============================================================================= */

@layer pages {

	/* 商品詳細ページでは親テーマの .product-notice の左ボーダー（accent カラー）は適用しない。 */
	.single-product .product-notice {
		border-left: none;
	}

	/* 見積りフォームページ（page-est.php）のお知らせ。
	   親テーマ 07-product.css（@layer product）の .product-notice と同じ見た目を、
	   子テーマ側で明示的に再現する（07-product.css の読み込み有無やレイヤー順に依存しない）。
	   .estimate-notice は page-est.php がお知らせを包むラッパー。 */
	.estimate-notice .product-notice {
		padding: 12px 16px;
		border-left: 4px solid var(--jamble-color-accent, #f24e00);
		background: #fff8f3;
		margin: 24px 0;
	}
	.estimate-notice .product-notice-heading {
		margin: 0 0 6px;
		font-size: 14px;
		font-weight: 700;
	}
	.estimate-notice .product-notice-body {
		font-size: 13px;
		line-height: 1.7;
	}

}