/*
Theme Name: Lightning Child (saitama631)
Template: lightning
Description: saitama631.com 用の Lightning 子テーマ。親テーマ（Lightning）は直接編集せず、カスタマイズはこの子テーマに置く。
Author: SCUE
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: lightning-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Lightning G3 は子テーマの style.css を自動で読み込む（親の _g3/functions.php で get_stylesheet_uri() を enqueue）。
 * そのため functions.php での読み込み処理は不要。
 * サイト固有の CSS はここ、または「外観 > カスタマイズ > 追加 CSS」に記述する。
 */

/* --------------------------------------------------------------
 * ヘッダー：スクロール時の固定ヘッダー
 * Lightning 標準では .header_scrolled .site-header に --vk-color-header-bg（白）が付くが、
 * このサイトはヘッダー透過＋黒背景＋白文字メニュー（追加CSS）なので白地に白文字になる。
 * スクロール時も黒背景にする。
 * ------------------------------------------------------------ */
body.header_scrolled .site-header {
	background-color: #000;
}

/* --------------------------------------------------------------
 * グローバルナビ：「ご加入はこちら」ボタン（.nav-btn / #menu-item-7151）
 * 追加CSSの margin-top:10px により、ボタンがメニュー行より 10px 下にずれ、
 * スクロール時（ヘッダー高さ約48px）にヘッダーからはみ出していた。
 * 余白ではなく縦中央揃えで配置する。
 * ------------------------------------------------------------ */
#global-nav .global-nav-list > li.nav-btn {
	display: flex;
	align-items: center;
}
#global-nav .global-nav-list > li.nav-btn > a {
	margin-top: 0;
	height: auto;
	padding: 8px 20px;
}

/* --------------------------------------------------------------
 * フォーム：必須項目（dt.must）に「必須」ラベルを表示
 * 項目名の中に例文（span.d-block）が入る場合があるため、項目名の前に表示する。
 * ------------------------------------------------------------ */
dt.must > p::before {
	content: "必須";
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.1em 0.5em;
	border-radius: 3px;
	background-color: #c92100;
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: 0.1em;
}