/*
Theme Name: バイタス (bytas)
Description: 求人情報サイト「バイタス」(by-tas.com) を再現するテーマ。PC とスマホは同じ HTML で、CSS を画面幅で切り替える（PC は見本の CSS、スマホは assets/css/sp/bytas-sp.css）。このファイルには WordPress 化で必要になった差分と、PC・スマホの出し分け用クラスを書く。
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: bytas
*/

/* PC・スマホの出し分け（境目は inc/config.php の BYTAS_SP_MAX と同じ 999px / 1000px） */
@media screen and (max-width: 999px) {
	.bytas-pc-only { display: none !important; }
}
@media print, screen and (min-width: 1000px) {
	.bytas-sp-only { display: none !important; }

	/* 電話番号は PC ではリンクにしない（見た目も文字のまま） */
	a.bytas-tel {
		color: inherit;
		text-decoration: none;
		pointer-events: none;
	}

	/* 検索ボタン（<button> の中に画像） */
	.kw_search_button {
		padding: 0;
		border: 0;
		background: none;
		cursor: pointer;
	}
	.kw_search_button img {
		display: block;
	}

	/* ピックアップ: 画像を会社名の上に出す（HTML の順は 会社名 → 画像 → 一言。見本の余白 27px は詰める） */
	.pickup_box_contents {
		display: flex;
		flex-direction: column;
	}
	.pickup_box_contents dd.pickup_photo {
		order: -1;
		margin: 0 0 6px;
	}
	.pickup_box_contents dt {
		margin: 0 0 6px;
	}
	.pickup_box_contents .pickup_commnet,
	.pickup_box_contents .pickup_commnet a {
		padding: 0;
	}

	/* トップの「新着求人揃ってます♪」（スライダーをやめて1枚の画像にした） */
	.bytas-top-image img {
		display: block;
	}
}

/* Contact Form 7: 見本の画像ボタン（input type="image"）を submit で再現 */
#detail_contents .bt_middle input.wpcf7-submit {
	width: 230px;
	height: 50px;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url("assets/imgs/pc_detail/entry_complete_button_off.png") no-repeat 0 0;
}
#detail_contents .bt_middle input.wpcf7-submit.bytas-inquiry-submit {
	background-image: url("assets/imgs/pc_common/inquiry_button_off.png");
}
#detail_contents .wpcf7-spinner {
	display: block;
	margin: 8px auto 0;
}
#detail_contents .wpcf7-not-valid-tip {
	display: block;
	color: #c00;
	font-size: 12px;
	margin-top: 4px;
}
#detail_contents .wpcf7-response-output {
	margin: 10px 0;
	padding: 10px;
	border: 2px solid #ccc;
}
#rec_info_table .wpcf7-list-item {
	display: block;
	margin: 0;
}

/* 完了ページ（見本に無いページ） */
#detail_contents .bytas-complete-text {
	margin-bottom: 10px;
}
#detail_contents .bytas-complete-links {
	margin: 20px 0;
}
#detail_contents .bytas-complete-links li {
	margin-bottom: 8px;
}

/* 自由記述・LINE応募など WordPress 側で増えた要素 */
.bytas-admin-notice {
	margin: 10px 0;
	padding: 10px;
	border: 2px dashed #c00;
	background: #fff5f5;
	color: #c00;
}