/*
Theme Name: Lightning Pro Child
Theme URI: https://lightning.vektor-inc.co.jp
Description: セーフティオイルトランスポート用の Lightning Pro 子テーマ。親テーマ 1.0.0 に施されていた改造を引き継ぐ。
Author: マックスストーン
Template: lightning-pro
Version: 1.0.0
Text Domain: lightning-pro-child
*/

/* 親テーマの style.css はテーマ情報だけでスタイルを持たないため、もともと空だった。
   実際の装飾は design-skin と「追加CSS」が担当する。

   以下は 2026-09-30 追加。
   VK ExUnit 8.1.2 → 9.123.1 の更新でウィジェットの見た目が変わった箇所を、
   本番（ExUnit 8.1.2）の寸法に戻すもの。数値はすべて本番の実測値。

   このファイルは vkExUnit_style.css（3番目）と lightning-skin-pale（11/14番目）より
   後（16番目）に読み込まれるので !important は使わない。 */

/* ------------------------------------------------------------------
   1. 3PR ウィジェット：ボタンの位置

   ExUnit 9.x は
     .veu_3prArea .prArea  { padding-bottom: 3.5em }
     .veu_3prArea .linkurl { position: absolute; bottom: 0; right: 15px }
   でボタンを「カード右下に固定」する設計に変わった。
   absolute にすると枠が内容幅（141px）に縮むため、ボタンが右端に寄る。

   本番は static のまま text-align:center で中央に置いていたので、それに戻す。
   実測: 本番 箱290px・ボタン枠333px・左右余白118/118
         戻した後 箱289px・ボタン枠333px・左右余白111/111
   ------------------------------------------------------------------ */
.veu_3prArea .prArea {
	padding-bottom: 0;
}

.veu_3prArea .linkurl {
	position: static;
	right: auto;
	bottom: auto;
}

/* ------------------------------------------------------------------
   2. 子ページリスト（グループ案内）：枠線・角丸・余白

   ExUnit 9.x でカードに 3px の半透明枠と角丸5px が付き、
   内側の余白も変わって、ウィジェット全体が 681px → 777px に伸びていた。

   また .widget_pageContent に entry-body クラスが付くようになり、
   上32px・下40px の余白が増えた。
   ※ entry-body 自体は投稿ページでは本番にもあり、そちらの余白は正しい。
   　 このウィジェットに付くようになったのが 9.x からなので、ここだけ打ち消す。
   ------------------------------------------------------------------ */
.veu_childPage_list .childPage_list_box {
	border: 0;
	border-radius: 0;
}

.veu_childPage_list .childPage_list_box_inner {
	padding: 0 20px;
	box-shadow: inset 0 0 0 1px #fff;
}

.veu_childPage_list .childPage_list_title {
	padding: .2em .2em .2em .6em;
	margin: 1.25em 0 1.2em;
}

.veu_childPage_list .childPage_list_body {
	margin-bottom: 5px;
}

.veu_childPage_list .childPage_list_text {
	margin-bottom: 14px;
}

.veu_childPage_list .linkurl {
	line-height: 21px;
}

.widget_pudge .widget_pageContent.entry-body {
	padding-top: 0;
	padding-bottom: 0;
}

.widget_pudge .veu_childPage_list {
	margin-bottom: 16px;
}

/* ------------------------------------------------------------------
   3. VK Blocks の吹き出し（balloon）

   VK Blocks Pro 1.127.0 で設計が変わった。
     ・アイコン枠 96px → 80px（flex: 0 0 80px）
     ・アイコン画像 object-fit: fill → cover（正方形に切る）
     ・吹き出しの角丸 6.4px → 0（角ばる）
     ・吹き出しが行の高さいっぱいに引き伸ばされる
   本番（ExUnit 8.1.2 / VK Blocks 旧版）の見た目に戻す。

   実測（幅1280pxのiframe・画像読み込み後）
     本番   balloon 1060x79  icon 96x79  img 64x77  content 818x53  角丸 6.4px
     戻した後 balloon 1060x80  icon 96x80  img 64x77  content 818x53  角丸 6.4px
   ------------------------------------------------------------------ */
.wp-block-vk-blocks-balloon .vk_balloon_icon {
	width: 96px;
	flex: 0 0 96px;
	min-width: 96px;
}

.wp-block-vk-blocks-balloon .vk_balloon_icon_image {
	width: 64px;
	height: auto;
	object-fit: fill;
}

.wp-block-vk-blocks-balloon .vk_balloon_content {
	border-radius: 6.4px;
	align-self: flex-start;
}

/* ------------------------------------------------------------------
   4. 記事一覧（ブログ一覧）の1件あたりの高さ

   日付の要素が float: right で、親の .entry-meta が回り込みを解除して
   いないため高さが 0 に潰れ、1件あたり 20px ほど短くなっていた。
   本番では .published に中身があって高さが出ていた。

   実測: 本番 article.media 224 / 記事枠 158
         戻した後      223 /      157
   ------------------------------------------------------------------ */
.postList .media-body .entry-meta {
	display: flow-root;
}

/* 吹き出しの下余白。ExUnit/VK Blocks 側で 16px → 35.2px に広がっていた。
   よくあるご質問ページは吹き出しが30個あり、この差だけで約576px 伸びる。 */
.wp-block-vk-blocks-balloon {
	margin-bottom: 16px;
}

/* ------------------------------------------------------------------
   5. SNS シェアボタンの下余白

   ExUnit 9.x で .veu_socialSet に下余白 24px が付いた（本番は 0）。
   本文枠（.entry-body）に下パディング 40px があるため相殺されず、
   そのまま 24px 伸びる。高さも 42→39 と 3px 低いので、差し引き +21px。

   この部品はほぼ全ページに載っているため、49ページ中20ページ以上が
   この1点だけで +21px ずれていた。

   実測（沿革ページ ?page_id=10 で検算）
     本番   pageList 278 / contact 139(mb0) / socialSet 42(mb0)
     テスト pageList 243 / contact 123(mb20) / socialSet 39(mb24)
     高さ差 -54 ＋ socialSet の下余白 +24 ＝ -30 → 本文枠の実測差 -30 と一致
   ------------------------------------------------------------------ */
.veu_socialSet {
	margin-bottom: 0;
}

/* ------------------------------------------------------------------
   6. お問い合わせ枠の内余白

   ExUnit 9.x で .veu_contact .contact_frame の内余白が
   上25px/下21px → 上15px/下15px に縮み、枠が16px低くなっていた。
   中身の高さは同じで余白だけの差なので、本番の値に戻す。
   ------------------------------------------------------------------ */
.veu_contact .contact_frame {
	padding-top: 25px;
	padding-bottom: 21px;
}

/* ------------------------------------------------------------------
   7. 子ページ一覧（veu_pageList_ancestor）の見出し

   ExUnit 9.x で構造とデザインが変わった。
     本番   SECTION(上余白20) > H3.section_title(22px・中央寄せ・高さ48)
                              + UL.pageList(余白 16 / 19.2)
     9.x    SECTION(上余白0) > DIV.veu_card_inner(内余白15/15)
                              > H3.pageList_ancestor_title(16px・左寄せ・高さ30)
                              + UL.pageList(余白 0 / 0)
   見出しが「中央・22px」から「左寄せ・16px」になり、
   セクション全体で 278px → 243px と 35px 低くなっていた。
   リスト部分（UL.pageList 高さ174）は本番と同じ。

   クラス名が section_title → pageList_ancestor_title に変わっているため、
   9.x の構造に対して本番の見た目を書き直している。
   ExUnit を更新したときはここが効いているか確認すること。
   ------------------------------------------------------------------ */
.veu_pageList_ancestor .veu_card_inner {
	padding-top: 20px;
	padding-bottom: 19.2px;
}

.veu_pageList_ancestor .pageList_ancestor_title {
	font-size: 22px;
	text-align: center;
	line-height: 35.2px;
	padding: 4.4px;
	margin-bottom: 11px;
}

.veu_pageList_ancestor .pageList {
	margin-top: 16px;
	margin-bottom: 0;
}

/* ------------------------------------------------------------------
   8. ヘッダー帯（未経験歓迎！タンクローリードライバー募集中！）

   ■ これは ExUnit の設計変更ではなく、CSS の読み込み順の逆転による。

   本番・テストとも、次の 2 つのファイルが同じセレクタに別の値を書いている。
     lightning-skin-pale/css/style.css   → 透明・境界線なし・余白 5/5
     lightning-pro/assets/css/common.css → #f9f9f9・下線あり・余白 9/14
   詳細度は同じ (0,2,0) なので読み込み順で決まる。

     本番   skin-pale 10番目 / common.css 9番目 → skin-pale が勝つ
     テスト skin-pale  5番目 / common.css 9番目 → common.css が勝つ

   結果、帯が 27px → 41px に厚くなり、背景に色と下線が付いた。

   読み込み順そのものを戻す手もあるが、skin-pale は 2,685 セレクタを持ち、
   順番を変えると勝ち負けが一斉に変わって影響が読めない。
   （2 ファイルで値が食い違う指定は 15 件あり、うちヘッダー帯が 6 件）
   そのため、該当箇所だけを本番の値で書き直す。

   実測（幅1440px・フォント読み込み後）
     本番   .headerTop 27px / 背景 透明 / 下線なし / description padding 5,20,5,0 top 0
     テスト .headerTop 41px / 背景 #f9f9f9 / 下線 1px / description padding 9,20,14,0 top 7px

   ★ ExUnit / Lightning を更新したら、ここが効いているか確認すること。
   ------------------------------------------------------------------ */
.headerTop {
	margin-top: 0;
	background-color: transparent;
	border-bottom: none;
}

.headerTop .headerTop_description {
	padding: 5px 20px 5px 0;
	top: 0;
}

.headerTop nav {
	top: 0;
}