/*
Theme Name: Wakuiki Life
Author: ARTWS
Description: わくいきライフ（外構・エクステリアEC）向けブロックテーマ。デザイン案4a（白ベース×オレンジ×罫線）準拠。WooCommerce対応。
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wakuiki-life
Tags: block-theme, full-site-editing, woocommerce, e-commerce
*/

/* ------------------------------------------------------------------
   ここには「コアブロックだけでは再現できない装飾」の最小限の補完CSSのみを置く。
   色・余白・タイポは必ず theme.json のプリセット（var(--wp--preset--*)）を参照。
   固有hex値の直書きは禁止。
------------------------------------------------------------------- */

/* 罫線ユーティリティ（functions.php で登録するブロックスタイル） */
.is-style-rule-top { border-top: 1px solid var(--wp--preset--color--border); }
.is-style-rule-bottom { border-bottom: 1px solid var(--wp--preset--color--border); }
.is-style-rule-top-soft { border-top: 1px solid var(--wp--preset--color--border-cream); }
.is-style-rule-left { border-left: 1px solid var(--wp--preset--color--border); }

/* 4a のヘアライン分割グリッド（1px罫線でセルを区切る） */
.is-style-hairline-cells {
	gap: 0 !important;
	border-top: 1px solid var(--wp--preset--color--border);
	border-left: 1px solid var(--wp--preset--color--border);
}
.is-style-hairline-cells > * {
	border-right: 1px solid var(--wp--preset--color--border);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* 下線付きテキストリンク（「すべて見る」等） */
.is-style-underline-link a {
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
}

/* 検索ブロック：直角＋墨黒ボタン */
.wp-block-search__input {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	font-size: var(--wp--preset--font-size--sm);
}
.wp-block-search__button {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 0;
}

/* WooCommerce：クラシック描画部分（カートフォーム等）をプリセットに合わせる */
.woocommerce div.product form.cart .button,
button.single_add_to_cart_button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 0;
	font-weight: 700;
	letter-spacing: 0.12em;
	padding: 14px 30px;
}
.woocommerce div.product form.cart .button:hover,
button.single_add_to_cart_button:hover {
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}
.woocommerce div.product form.cart .qty {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	padding: 12px 8px;
}

/* レビュー星・セールバッジ */
.star-rating,
.wc-block-components-product-rating { color: var(--wp--preset--color--primary); }
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: 0;
	border: none;
}

/* 商品画像の下地（4a：#fafaf8 相当のサーフェス） */
.wc-block-woocommerce-product-image img,
.wc-block-components-product-image img { background: var(--wp--preset--color--surface); }