/*
Theme Name: GOLD GAIA
Theme URI:
Description: 有限会社GOLD GAIA のコーポレートサイト用テーマ。Twenty Twenty-Five の子テーマとして、ブランドカラーの黒と金を適用しています。
Author: 有限会社GOLD GAIA
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Text Domain: goldgaia
*/

/* 配色とタイポグラフィは theme.json で定義しています。
   ここには、theme.json では表現できない微調整だけを追記してください。 */

/* 暗い背景では細い文字が痩せて見えるため、わずかに読みやすさを補正する */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 本文の行間を広めにとる（暗い背景は行が詰まると読みにくい） */
.wp-block-post-content p {
	line-height: 1.9;
}

/* 見出しの下に細い金のライン */
.wp-block-post-content h2 {
	padding-bottom: 0.4em;
	border-bottom: 2px solid var(--wp--preset--color--accent-1);
}

/* 小見出しは金色にして階層をわかりやすく */
.wp-block-post-content h3 {
	color: var(--wp--preset--color--accent-1);
}

/* 表組みを会社概要向けに整える */
.wp-block-table table {
	border-collapse: collapse;
}

.wp-block-table td {
	padding: 0.9em 1em;
	border-bottom: 1px solid var(--wp--preset--color--accent-4);
}

/* 表の1列目を見出し扱いにする */
.wp-block-table tr td:first-child {
	width: 30%;
	font-weight: 600;
	color: var(--wp--preset--color--accent-1);
	background-color: var(--wp--preset--color--accent-3);
	white-space: nowrap;
}

@media (max-width: 600px) {
	.wp-block-table tr td:first-child {
		width: 38%;
		white-space: normal;
	}
}

/* ヘッダーとフッターをほんの少し沈めて、本文との境をつくる */
.wp-site-blocks > header,
.wp-site-blocks > footer {
	background-color: var(--wp--preset--color--accent-3);
}

/* ロゴやリンクをマウスでクリックしたときに表示される四角い枠(フォーカスリング)を非表示にする。
   WordPress標準のスタイル(.wp-site-blocks :focus)が原因で、クリックのたびに黒い四角が出ていた。
   キーボード操作(Tabキーでのナビゲーション)の場合は、アクセシビリティのため引き続き表示する。 */
.wp-site-blocks :focus:not(:focus-visible) {
	outline: none;
}

/* スマホなどタッチ端末でリンクやロゴをタップした際に一瞬表示される、
   ブラウザ標準のハイライト(黄色や白っぽい半透明の四角)を無効化する。
   上のフォーカス枠とは別の仕組み(タップハイライト)なので、あわせて無効化しておく。 */
html {
	-webkit-tap-highlight-color: transparent;
}

a,
button,
.custom-logo-link,
.wp-block-navigation-item {
	-webkit-tap-highlight-color: transparent;
}