/*
Theme Name: KICS
Description: キックスコーポレーション用オリジナルテーマ。旧 Lightning G3 + Lightning G3 Pro Unit の見た目を引き継ぎ、テーマ・有料プラグインへの依存をなくしたもの。
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: kics
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * レイアウトの土台は assets/css/base.css（Lightning G3 から移植, GPL）と
 * assets/css/header.css（Lightning G3 Pro Unit から移植, GPL）。
 * このファイルにはサイト固有の調整（旧「追加CSS」を含む）を書く。
 */

/* ----------
 * config
 * ---------- */
:root {
	--vk-color-primary: #009f3d;
	--vk-color-primary-dark: #007f30;
	--vk-color-primary-vivid: #00509f;
}
html {
	scroll-padding-top: var(--vk-size-admin-bar);
}

/* Font（旧 VK Font Selector の設定） */
body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
}
.site-header .site-header-logo,
.global-nav {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, .page-header-title {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
}

/* Header Top（旧 Pro Unit の色設定） */
.header-top {
	color: #000000;
	background-color: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
}
.header-top .nav li a {
	color: #000000;
}

/* Page header（旧 Pro Unit ページヘッダー設定の固定部分。画像は functions 側で出力） */
.page-header {
	position: relative;
	color: #333;
	background: var(--vk-page-header-url) no-repeat 50% center;
	background-size: cover;
	min-height: 9rem;
}
.single .page-header,
.blog .page-header,
.archive .page-header {
	color: #000000;
}
.page-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.9;
	width: 100%;
	height: 100%;
}

/* トップの固定メインビジュアル（旧スライダー1枚表示） */
.ltg-slide-item-img {
	display: block;
	width: 100%;
	height: auto;
}

/* 投稿者は非表示（旧設定 single_hidden.author） */
.entry-meta-item-author {
	display: none;
}

/* ----------
 * 旧「追加CSS」
 * ---------- */
.global-nav-description {
	color: #009F3d;
}

.header-top .container {
	padding-bottom: 7px;
}

.header-top nav a:hover,
nav li a:hover,
.nav li a:hover {
	color: var(--vk-color-text-link-hover);
	-webkit-text-decoration-color: var(--vk-color-text-link-hover);
	text-decoration-color: var(--vk-color-text-link-hover);
}

.contact-btn .btn-primary {
	border: 5px solid #7ec624;
	border-radius: 10px;
}
@media (max-width: 600px) {
	.site-header-logo img {
		max-height: 60px;
	}
}
@media (max-width: 460px) {
	.site-header-logo img {
		max-height: 40px;
	}
}
.grecaptcha-badge {
	right: -300px !important;
}

/** footer sns **/
.wp-block-columns.foot_sns {
	flex-wrap: nowrap !important;
	max-width: 140px;
}
@media (max-width: 781px) {
	.wp-block-columns.foot_sns {
		max-width: 100px;
	}
	.foot_sns.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex: 0 1 fit-content !important;
	}
}

/*** 採用情報 ***/
#btn_indeed,
#btn_engage {
	transition: transform 0.3s ease, filter 0.3s ease;
}
#btn_indeed:hover,
#btn_engage:hover {
	filter: brightness(1.2);
	transform: translateY(-1px);
}
#btn_area {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------
 * VK Blocks（無料版）との差分調整
 * ---------- */
/* 無料版は primary 色の既定値（#337ab7）を出力するため、サイトの色で上書き */
html:root {
	--vk-color-primary: #009f3d;
	--vk-color-primary-dark: #007f30;
	--vk-color-primary-vivid: #00509f;
	--wp--preset--color--vk-color-primary: #009f3d;
}
.btn-primary {
	background-color: var(--vk-color-primary);
	border-color: var(--vk-color-primary);
}
.btn-primary:hover {
	background-color: var(--vk-color-primary-dark);
	border-color: var(--vk-color-primary-dark);
}
.contact-btn .btn-primary,
.contact-btn .btn-primary:hover {
	border-color: #7ec624;
}
/* VK Blocks 1.130 の CSS は BOM 混入で .vk_staff_text の幅指定が無効になっているため補う */
.vk_staff_text {
	float: left;
	width: 61.6%;
}
.vk_staff-layout-imageLeft .vk_staff_text {
	float: right;
}
/* 背景色付き見出し（lightgray スタイル）の余白を旧表示（コアの has-background 既定値）に戻す */
.entry-body .is-style-vk-heading-background_fill_lightgray[class*=has-background] {
	padding: 1.25em 2.375em;
}