/*
Theme Name: N3 Farm
Theme URI: https://n3-farm.com
Author: N3 Farm
Author URI: https://n3-farm.com
Description: N3 Farm 用のブロックテーマ。Cocoon から移行し、デザイン・レイアウトをコード（theme.json とテンプレート）で管理する。
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: n3farm
*/

/* ヘッダーロゴ（テーマ画像） */
.n3farm-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}
.n3farm-logo img {
	display: block;
	width: 56px;
	height: 56px;
}

/* =========================================================
   テーブル（wp:table）— 緑アクセントの柔らかいデザイン
   ========================================================= */
.wp-block-table {
	/* 横長の表はモバイルで横スクロール */
	overflow-x: auto;
}

.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	font-size: 0.95em;
}

.wp-block-table th,
.wp-block-table td {
	padding: 1em 1.2em;
	border: none;                 /* 縦罫線なし＝表計算ソフト感を消す */
	border-bottom: 1px solid #edf1e7;
	text-align: left;
	vertical-align: top;
	line-height: 1.7;
}

/* ヘッダー：薄グリーンの地色＋濃いめグリーン文字＋下線で、本文とはっきり区別 */
.wp-block-table thead th {
	background: var(--wp--preset--color--secondary, #f4f8ef);
	color: #4d7a23;
	font-weight: 700;
	font-size: 0.95em;
	letter-spacing: 0.04em;
	padding-top: 0.85em;
	padding-bottom: 0.85em;
	border-bottom: 2px solid var(--wp--preset--color--primary, #7cb342);
}
/* ヘッダー両端を軽く角丸に */
.wp-block-table thead th:first-child { border-top-left-radius: 8px; }
.wp-block-table thead th:last-child { border-top-right-radius: 8px; }

/* ゼブラは廃止。行ホバーでさりげなくハイライト */
.wp-block-table tbody tr:hover td {
	background: var(--wp--preset--color--secondary, #f4f8ef);
}

/* 最終行の罫線は消してすっきり */
.wp-block-table tbody tr:last-child td {
	border-bottom: none;
}

/* =========================================================
   見出し（wp:heading）— 緑アクセントのおしゃれな装飾
   ※ 中央寄せ（フロントの装飾見出し）は対象外にしてデザインを崩さない
   ========================================================= */

/* h2：下線＋先頭に伸びるグリーンのアクセントライン */
h2.wp-block-heading:not(.has-text-align-center) {
	position: relative;
	margin-top: 2.4em;
	margin-bottom: 1em;
	padding-bottom: 0.45em;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: 0.02em;
	border-bottom: 2px solid #e8efe0;
}
h2.wp-block-heading:not(.has-text-align-center)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 3.5em;
	height: 2px;
	background: var(--wp--preset--color--primary, #7cb342);
}

/* h3：左側のグリーンバー＋薄グリーンの帯 */
h3.wp-block-heading:not(.has-text-align-center) {
	margin-top: 1.9em;
	margin-bottom: 0.7em;
	padding: 0.35em 0.5em 0.35em 0.8em;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.5;
	border-left: 5px solid var(--wp--preset--color--primary, #7cb342);
	background: var(--wp--preset--color--secondary, #f4f8ef);
	border-radius: 0 6px 6px 0;
}

/* h4：シンプルにグリーンの小見出し */
h4.wp-block-heading:not(.has-text-align-center) {
	margin-top: 1.6em;
	margin-bottom: 0.6em;
	padding-left: 0.6em;
	font-size: 1.05em;
	font-weight: 700;
	border-left: 3px solid var(--wp--preset--color--primary, #7cb342);
}