/*
Theme Name: K2 Gym Theme (Reborn)
Author: CURSOR & K2 Gym
Description: FSE theme for K2 Gym. Simple, robust, and efficient.
Version: 2.0.0
*/

/* Heroセクションの全幅化 */
.alignfull {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 100vw !important;
	width: 100vw !important;
}

/* ヘッダー追従（Sticky）の完全実装 */
header.wp-block-template-part {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
}

header.wp-block-template-part .wp-block-group {
	background-color: #000000 !important;
}

/* 料金表パターン専用スタイル */
/* プランカードの背景色とホバーエフェクト */
.wp-block-column[style*="background-color:#2a2a2a"] {
	background-color: #2a2a2a !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-column[style*="background-color:#2a2a2a"]:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2);
}

/* テーブルのスタイリング強化 */
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid #444444;
	padding: 1rem;
	text-align: left;
}

.wp-block-table tbody tr {
	transition: background-color 0.2s ease;
}

.wp-block-table tbody tr:hover {
	background-color: rgba(255, 215, 0, 0.1);
}

/* レスポンシブ対応：モバイルでカードを縦並び */
@media (max-width: 782px) {
	.wp-block-columns.alignwide {
		flex-direction: column;
	}
	
	.wp-block-column[style*="background-color:#2a2a2a"] {
		margin-bottom: 1.5rem;
	}
}

/* お問い合わせフォーム専用スタイル */
/* 入力フィールドのフォーカス時のゴールド枠線エフェクト */
.k2-form-input:focus {
	outline: none !important;
	border-color: #FFD700 !important;
	box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2), 0 0 15px rgba(255, 215, 0, 0.3) !important;
}

.k2-form-input:hover {
	border-color: #666666 !important;
}

/* 送信ボタンのホバーエフェクト */
.k2-contact-form button[type="submit"]:hover {
	background-color: #FFED4E !important;
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(255, 215, 0, 0.4);
}

.k2-contact-form button[type="submit"]:active {
	transform: translateY(0);
}

/* フッター専用スタイル */
/* フッターの背景色とテキスト色 */
footer.wp-block-template-part,
footer.wp-block-template-part .wp-block-group {
	background-color: #1a1a1a !important;
	color: #ffffff !important;
}

/* フッターのリンクスタイル */
footer.wp-block-template-part a {
	color: #ffffff !important;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 0.85rem;
}

footer.wp-block-template-part a:hover {
	color: #FFD700 !important;
}

/* フッターのナビゲーションリンクのスタイル */
footer.wp-block-template-part .wp-block-navigation a {
	font-size: 0.85rem !important;
	line-height: 1.8;
}

/* フッターのセパレーター（区切り線）のスタイル */
footer.wp-block-template-part .wp-block-separator {
	border-color: #444444 !important;
	opacity: 0.5;
}

/* フッターのレスポンシブ対応 */
@media (max-width: 782px) {
	footer.wp-block-template-part .wp-block-columns {
		flex-direction: column;
		gap: 2rem;
	}
	
	footer.wp-block-template-part .wp-block-column {
		flex-basis: 100% !important;
	}
}