/*
 * responsive.css
 * スマートフォン／タブレット向けの上書きスタイル。
 * ブレークポイント: 600px（スマホ）／960px（タブレット〜PC切替）
 */

/* ===== タブレット以下：ヘッダーをハンバーガーメニューへ切り替え ===== */
@media (max-width: 959px) {
	.reeir-header__nav-desktop,
	.reeir-header__cta-desktop {
		display: none;
	}

	.reeir-header__hamburger {
		display: flex;
	}

	.reeir-mobile-cta {
		display: flex;
	}

	/* 固定CTAとフッターの干渉を避けるための余白 */
	.reeir-footer {
		padding-bottom: 88px;
	}
}

/* ===== PC：ハンバーガー・スマホ固定CTAを非表示 ===== */
@media (min-width: 960px) {
	.reeir-header__hamburger,
	.reeir-header__mobile-menu,
	.reeir-mobile-cta {
		display: none !important;
	}
}

/* ===== タブレット：3カラム ===== */
@media (max-width: 959px) and (min-width: 600px) {
	.reeir-symptom-grid,
	.reeir-four-areas {
		grid-template-columns: repeat(3, 1fr);
	}

	.reeir-three-step .reeir-three-step > *,
	.reeir-flow {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ===== スマートフォン：1〜2カラム、余白調整 ===== */
@media (max-width: 599px) {
	.reeir-symptom-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.reeir-four-areas,
	.reeir-flow {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.reeir-three-step .wp-block-columns,
	.reeir-reviews.wp-block-columns,
	.reeir-image-text.wp-block-columns,
	.reeir-access.wp-block-columns,
	.reeir-profile.wp-block-columns {
		flex-wrap: wrap;
	}

	.reeir-symptom-card,
	.reeir-area-card {
		padding: 16px;
	}

	.reeir-header__inner {
		padding-inline: 16px;
	}

	.reeir-final-cta__buttons {
		flex-direction: column;
	}

	.reeir-final-cta__buttons .reeir-btn {
		width: 100%;
	}
}

/* 本文の最小文字サイズを担保（theme.jsonの規定と重複しても明示しておく） */
@media (max-width: 599px) {
	body {
		font-size: 16px;
	}
}