/* PN Corporate — theme.json で表現できない部分だけをここに書く。
   配色・フォント・余白・幅の値は theme.json が正本（ここに重複させない）。 */

/* ============================================================
   ヘッダー
   ============================================================ */
.pn-header {
	z-index: 100;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
}

.pn-header .wp-block-site-logo img {
	height: auto;
	max-height: 48px;
	width: auto;
}

/* グローバルナビ */
.pn-nav .wp-block-navigation-item__content {
	padding-block: .5rem;
	position: relative;
}

/* 現在地と hover に下線（本番のメイングリーンの下線を再現） */
.pn-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 2px;
	background: var(--wp--preset--color--primary);
	transform: scaleX(0);
	transition: transform .2s ease;
}

.pn-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.pn-nav .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

/* 下層メニュー */
.pn-nav .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--surface);
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
	min-width: 15rem;
	padding-block: .35rem;
}

.pn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: .6rem 1rem;
}

.pn-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--surface);
}

/* モバイルの開閉メニュー */
.pn-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
}

/* ============================================================
   本文の見出し（移行元 Kadence のカスタムクラスを引き継ぐ）
   ============================================================ */

/* 緑の縦棒つき見出し */
.entry-content h3.marked,
.pn-main h3.marked {
	border-inline-start: 4px solid var(--wp--preset--color--primary);
	padding-inline-start: .75em;
}

/* ============================================================
   表（会社概要・料金表など）
   ============================================================ */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table td,
.wp-block-table th {
	border: 1px solid var(--wp--preset--color--surface);
	padding: .9em 1em;
	vertical-align: top;
}

/* 1列目を見出し列として扱う（会社概要の「社名／設立／資本金」など） */
.wp-block-table tbody tr td:first-child {
	background: var(--wp--preset--color--surface);
	font-weight: 500;
	white-space: nowrap;
	width: 12em;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td:not(:first-child) {
	background: rgba(125, 175, 70, .04);
}

@media (max-width: 600px) {
	/* 狭い画面では縦積みにして横スクロールを避ける */
	.wp-block-table tbody tr td:first-child {
		white-space: normal;
		width: auto;
	}
}

/* ============================================================
   埋め込み動画を 16:9 に保つ
   ============================================================ */
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* ============================================================
   画像・バナー
   ============================================================ */
.wp-block-image img {
	height: auto;
}

/* バナー（リンクつき画像）は hover でわずかに持ち上げる */
.wp-block-image a:hover img {
	opacity: .88;
	transition: opacity .2s ease;
}

/* ============================================================
   フッター
   ============================================================ */
.pn-footer .wp-block-site-logo img {
	max-height: 44px;
	width: auto;
}

.pn-footer a {
	text-decoration: none;
}

/* ============================================================
   投稿一覧のカード
   ============================================================ */
.wp-block-post-template.is-layout-grid {
	gap: var(--wp--preset--spacing--40);
}

.wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--heading);
}

.wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* ============================================================
   読みやすさ
   ============================================================ */
.pn-main :where(p) {
	overflow-wrap: anywhere;
	line-break: strict;
}

/* ============================================================
   フッターの区切り線
   背景がクリームなので、白でも本文色でもなく「わずかに暗い線」にする
   ============================================================ */
.pn-footer .wp-block-separator {
	border-top-color: rgba(0, 0, 0, .10);
	border-top-width: 1px;
}

/* ============================================================
   塗りつぶしボタン（フッターCTAなど）
   移行元と同じ挙動＝緑背景＋白文字、hover で白背景＋緑文字に反転
   ============================================================ */
.wp-block-button__link.has-primary-background-color {
	border-color: var(--wp--preset--color--primary);
}

.wp-block-button__link.has-primary-background-color:hover {
	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}