/*
Theme Name: WING-AFFINGER5 Child (長津製作所)
Template: affinger5
Description: 精密部品加工センター.com の独自改変を親テーマから分離するための子テーマ。親テーマ(AFFINGER5)を安全に更新できるようにする。
Author: aigent, LLC
Version: 1.0.0
*/

/* --------------------------------------------------------------
   親テーマ style.css からの移設分
   元: affinger5/style.css 11061-11067行
       @media only screen and (max-width: 599px) { … } の内側にあった
   -------------------------------------------------------------- */
@media only screen and (max-width: 599px) {
	.boxin25 {
		width: 46%;
		float: left;
		padding-right: 7px;
		padding-bottom: 50px;
		height: 240px;
	}
}

/* --------------------------------------------------------------
   画像の縦横比について（対応不要と判断した経緯）

   移設前後で写真がわずかに縦長に見える差があったため、一度
     .st-eyecatch img, #contentInner img, .post img, … { height: auto; }
   を入れたが、これは誤りだった。

   1. 差の正体は EWWW Image Optimizer の遅延読み込み方式の違いであり、
      両環境の設定を揃えると差はほぼ消える（製品ページで 0.00%）。
   2. 上記の指定は詳細度が高く（#contentInner = ID セレクタ）、親テーマの
      `span.photolinearchives img { height:150px }` のような意図的な固定高さまで
      上書きしてしまい、かえって現行と異なる表示になっていた。

   したがってここでは画像の高さに手を入れない。
   -------------------------------------------------------------- */

/* --------------------------------------------------------------
   Contact Form 7 6.x の読み込み表示（spinner）を現行と同じ寸法に合わせる

   CF7 5.2 の読み込み表示は <img class="ajax-loader"> で、待機中は
   visibility:hidden だが display:inline-block のまま 16x16px の場所を占有する。
   このテーマは送信ボタンを display:block（幅460px・左右マージン230px）に
   しているため読み込み表示は次の行へ落ち、その行が 32px ぶんの高さを持つ。
   つまり現行では、送信ボタンを含む <p> の高さは 71px（ボタン39px＋行32px）。

   CF7 6.1 では <span class="wpcf7-spinner"> に変わり、24x24px・左右マージン24px
   になったため、同じ位置で行の高さが 37px となり 5px 分ページが伸びる。
   逆にこれを display:none にすると行そのものが消え、32px 分ページが縮む。

   したがって寸法だけを現行に合わせる。待機中は見えないが場所は占有する、
   という現行の挙動をそのまま再現し、送信中の読み込み表示も残す。
   -------------------------------------------------------------- */
.wpcf7-form .wpcf7-spinner {
	width: 16px;
	height: 16px;
	margin: 0 0 0 4px;
}

/* --------------------------------------------------------------
   WordPress 本体が追加した border-style の既定を打ち消す

   WordPress 5.9 以降、本体のグローバルスタイルに次の規定がある。

     html :where([style*="border-color"]) { border-style: solid; }

   これはブロックエディタで枠線の色だけを指定したときに枠線が出るようにするためのもの。
   ところが本サイトのテーマ(AFFINGER5)は、枠線の色をインラインで指定した箱を多用しており
   （例: <div class="clip-memotext" style="border-color:#8fc31f">）、
   この規定によって上下右に幅の初期値 medium(3px) の枠線が出てしまう。
   現行サイト(WordPress 5.3)にはこの規定が無いため、移設すると見た目が変わる。

   本サイトの記事はすべてクラシックエディタで作られておりブロックを使っていないため、
   この規定を打ち消して現行の見た目に揃える。
   `.clip-memotext { border-left: 1px solid }` などテーマ側の指定は
   詳細度が高いのでそのまま残る。
   -------------------------------------------------------------- */
html :where([style*="border-color"]) {
	border-style: none;
}

/* --------------------------------------------------------------
   表（TablePress）の文字色を現行に合わせる

   現行の TablePress 1.x は表の文字色を自分では指定しておらず、
   テーマの本文色 #333 をそのまま継いでいた。
   3.x から表の配色を独自に持つようになり、既定が #111 に変わったため、
   表の中の文字だけが本文より濃く見えてしまう。

   表は公開273ページで使われているため、影響範囲が広い。

   3.x は配色を CSS 変数で管理しており、見出し・奇数行・偶数行のいずれも
   --text-color を参照しているので、この1つを戻せば全体が現行と同じになる。

   なお TablePress の CSS はこの子テーマの CSS より後に読み込まれるため、
   同じ詳細度では勝てない。html を前置して詳細度を1つ上げている。
   -------------------------------------------------------------- */
html .tablepress {
	--text-color: #333;
}

/* --------------------------------------------------------------
   製品ページのタグの見た目を現行に合わせる

   親テーマの style.css 末尾に、前任者が追記したとみられる指定がある。

     .st-post-tags.lazyloaded a { 白地に緑の枠の小さなボタン }

   この `.lazyloaded` は EWWW Image Optimizer の遅延読み込みが
   実行時に付けるクラスで、テーマやページが持つものではない。
   ブラウザの検証画面に表示されていたクラスを、そのまま写して
   書かれたものと思われる。

   移設後は遅延読み込みを WordPress 標準へ移したため `.lazyloaded` が
   付かなくなり、この指定が一切効かずタグが素のリンクに戻ってしまう。
   製品ページ153件すべてが対象になるため影響が大きい。

   同じ指定をクラス依存なしで用意して、現行と同じ見た目に戻す。
   （もし将来 `.lazyloaded` が付く状況になっても、中身が同じ指定なので
     どちらが優先されても表示は変わらない）

   あわせて、タグの間隔も現行に揃える。
   現行の Simple Tags 2.62 はリンクを区切り文字なしで直接つないでいたが、
   TaxoPress 3.51 は区切り文字の設定に関わらず改行を必ず挟む実装になった
   （implode("{$separator}\n", …) と固定されており、設定では消せない）。
   この改行が空白1つとして表示されるため、タグが1つ増えるごとに
   約4px ずつ右へずれていく。

   枠側の文字サイズを 0 にして、この空白の幅を消す。
   リンク側は 95% ではなく 0.95rem で指定する。文字サイズ0を継いでしまうと
   相対指定では 0 になるため、基準（16px）から直接決める必要がある。
   0.95rem = 15.2px で、現行の実測値と一致する。
   -------------------------------------------------------------- */
.st-post-tags {
	font-size: 0;
}

.st-post-tags a {
	background: #ffffff;
	border: 1px solid #8fc31f;
	border-radius: 2px;
	font-weight: normal;
	color: #333333;
	padding: 7px 15px;
	text-align: left;
	box-sizing: border-box;
	display: inline-block;
	width: inherit;
	height: auto;
	text-decoration: none;
	font-size: 0.95rem;
	margin: 0 3px 10px;
}