/*
 * VK Blocks の FAQ（vk_faq）スタイル — 移植版
 *
 * ------------------------------------------------------------------
 * なぜこのファイルがあるのか
 * ------------------------------------------------------------------
 * VK Blocks プラグインは全ページで 619KB（CSS/JS 8ファイル）を読み込んでいたが、
 * 実際に使われていたのは「メディア関係者向けページ（/media_shuzai/）のFAQ 8問」だけだった。
 *
 *   - block-build.css        334.8 KB
 *   - swiper-bundle.min.js   151.0 KB（TCDテーマのCDN版と完全に二重読み込み）
 *   - font-awesome all.min.css 72.8 KB（本文での使用は0件）
 *   - bootstrap_vk_using.css  21.3 KB
 *   - ほか4ファイル
 *
 * このうち FAQ に必要なCSSは 4KB しかない。
 * そこで必要な分だけをここに移植し、プラグイン本体を停止した。
 *
 * ------------------------------------------------------------------
 * 移植方針
 * ------------------------------------------------------------------
 * 見た目を1pxも変えないことが絶対条件のため、
 * block-build.css から抽出したルールを、詳細度と適用順序を保ったまま写している。
 *
 * 実際のHTMLには is-style-* もアコーディオン用クラスも付いていないため
 * （出力は class="wp-block-vk-blocks-faq2 vk_faq" のみ）、
 * それらに関するルールは適用されない。よって移植していない。
 *
 * VK Blocks が :root に定義していた変数は、値を直接埋め込んでいる。
 *   --vk-color-border: rgba(0,0,0,.12)
 *
 * 読み込むのは、このFAQを含むページだけ（includes/performance/asset-manager.php）。
 *
 * ※ Phase 2 で drh-core の独自FAQブロックへ移行し、
 *   FAQPage 構造化データを出力できるようにする予定。その時点でこのファイルは不要になる。
 */

/* Q/A アイコンの色・形 ------------------------------------------------ */
.vk_faq_title::before {
	background-color: #e50000;
	color: #fff !important;
	border-radius: 4px;
	border: 1px solid #e50000;
}

.vk_faq_content::before {
	background-color: #337ab7;
	color: #fff !important;
	border-radius: 4px;
	border: 1px solid #337ab7;
}

/* FAQ 本体 ----------------------------------------------------------- */
.vk_faq {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	padding: 0 0 1rem;
	margin: 0 auto 1rem;
	width: 100%;
	position: relative;
}

/* 質問 --------------------------------------------------------------- */
.vk_faq .vk_faq_title {
	border: none;
	padding: 0.8rem 0.8rem 0.8rem 3rem;
	margin: 0;
	position: relative;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
}

.vk_faq .vk_faq_title::before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0.7rem;
	font-weight: 500;
	font-size: 22px;
	width: 2.1rem;
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center;
	font-family: "Arial", sans-serif;
}

.vk_faq .vk_faq_title p {
	line-height: 1.7;
}

.vk_faq .vk_faq_title p:first-of-type {
	margin-top: 0;
}

.vk_faq .vk_faq_title p:last-child {
	margin-bottom: 0;
}

/* 回答 --------------------------------------------------------------- */
.vk_faq .vk_faq_content {
	border: none;
	padding: 0.8rem 0.8rem 0.8rem 3rem;
	margin: 0;
	position: relative;
	font-weight: normal;
	transition: 0.25s;
}

.vk_faq .vk_faq_content::before {
	content: "A";
	position: absolute;
	left: 0;
	top: 0.7rem;
	font-weight: 500;
	font-size: 22px;
	width: 2.1rem;
	height: 2.1rem;
	line-height: 2.1rem;
	text-align: center;
	font-family: "Arial", sans-serif;
}

.vk_faq .vk_faq_content p:first-of-type {
	margin-top: 0;
}

.vk_faq .vk_faq_content p:last-child {
	margin-bottom: 0;
}