/* ============================================================
   TeraClass 사이트 모바일 보정
   테마 파일과 Elementor 데이터를 수정하지 않는다.
   롤백: 이 파일과 mu-plugin 의 enqueue 제거.
   2026-10-01
   ============================================================ */

/* ── 홈 final CTA 섹션 (Elementor section 50d63e3) ───────────
   f627839  h2  "더 열심히 할 필요 없습니다 / 매출이 반복되는 흐름을 세팅하세요."
   0858457  h2  본문 3줄
   bd2c373  버튼 "무료 진단 시작"      (elementor-align-right)
   9304960  버튼 "무료 전략 강의 보기"  (elementor-align-left)
   ============================================================ */

@media (max-width: 767px) {

	/* 1. 한글 단어 중간 줄바꿈 방지.
	      기본값은 CJK 를 아무 글자에서나 끊어서 "세팅하세 / 요." 가 된다.
	      keep-all 은 띄어쓰기 단위로만 끊는다. */
	.elementor-element-f627839 .elementor-heading-title,
	.elementor-element-0858457 .elementor-heading-title,
	.elementor-element-50d63e3 .elementor-heading-title {
		word-break: keep-all !important;
		overflow-wrap: break-word;
		-webkit-hyphens: none;
		hyphens: none;
	}

	/* 2. 버튼 중앙 정렬.
	      데스크톱은 2단이라 right/left 가 가운데로 모이지만,
	      모바일에서 1단으로 쌓이면 좌우로 벌어진다. */
	.elementor-element-bd2c373.elementor-align-right,
	.elementor-element-9304960.elementor-align-left,
	.elementor-element-50d63e3 .elementor-widget-button.elementor-align-right,
	.elementor-element-50d63e3 .elementor-widget-button.elementor-align-left {
		text-align: center !important;
	}

	/* 버튼 폭을 서로 맞춰 쌓였을 때 정렬이 흐트러지지 않게 한다. */
	.elementor-element-50d63e3 .elementor-widget-button .elementor-button {
		min-width: 200px;
		justify-content: center;
	}

	/* 두 버튼 사이 간격 */
	.elementor-element-c4ecf5b,
	.elementor-element-be162a8 {
		width: 100% !important;
	}

	.elementor-element-be162a8 .elementor-widget-button {
		margin-top: 12px;
	}
}

/* ── 홈 히어로 임베드 겹침 (Elementor section 18300b6) ────────
   312a900  버튼   "1분 무료 진단"
   ffbf95c  HTML   media.teraclass.net 임베드

   ffbf95c 에 margin-top:-81px 이 걸려 있다. 데스크톱은 임베드가 788px 높이라
   버튼이 위쪽 검은 여백에 얹히는 의도된 배치지만, 375px 에서는 임베드가
   188px 밖에 안 되어 -81px 이 버튼을 임베드 한가운데로 밀어 넣는다.
   모바일에서만 마진을 풀고 버튼과 간격을 준다.
   ============================================================ */

@media (max-width: 767px) {

	.elementor-568 .elementor-element.elementor-element-ffbf95c {
		margin-top: 16px !important;
	}

	.elementor-568 .elementor-element.elementor-element-312a900 {
		margin-bottom: 4px !important;
	}
}

/* ── 모바일 전반: 한글 단어 중간 줄바꿈 방지 ──────────────────
   위 섹션 외에도 폭이 좁아지면 같은 증상이 난다.
   제목·본문 성격의 요소에만 적용하고 버튼·메뉴는 건드리지 않는다. */
@media (max-width: 767px) {
	.elementor-widget-heading .elementor-heading-title,
	.elementor-widget-text-editor,
	.elementor-widget-text-editor p {
		word-break: keep-all;
		overflow-wrap: break-word;
	}
}

/* ── 헤더 버튼 줄바꿈 (Elementor 헤더 템플릿 7342) ─────────────
   e17427f  버튼 "내 강의실"
   82e3f42  버튼 "1분 진단"

   50% 칸 안에서 좌우 패딩 30px, 자간 1.4px 이 폭을 먹어
   "내 강 / 의실", "1분 / 진단" 으로 글자 중간이 끊겼다(데스크톱 1400px 실측).
   전 화면 폭에서 버튼 글자를 한 줄로 고정한다. 2026-10-01
   ============================================================ */
.elementor-7342 .elementor-element-e17427f .elementor-button-text,
.elementor-7342 .elementor-element-82e3f42 .elementor-button-text {
	white-space: nowrap;
	word-break: keep-all;
}

/* 데스크톱은 칸이 좁아(약 90px, 위젯 폭 137.8%) 한 줄로 고정하면 두 버튼이 겹친다.
   좌우 패딩 30px 를 16px 로, 자간 1.4px 를 0.4px 로 줄여 칸 안에 맞춘다. */
@media (min-width: 1025px) {
	.elementor-7342 .elementor-element.elementor-element-e17427f .elementor-button,
	.elementor-7342 .elementor-element.elementor-element-82e3f42 .elementor-button {
		padding-left: 16px;
		padding-right: 16px;
		letter-spacing: 0.4px;
	}
}

/* 1025~1279px 는 칸이 약 66px 라 한 줄로는 어떤 여백으로도 안 들어간다.
   한 줄 고정을 풀고 띄어쓰기에서만 넘긴다("내 / 강의실", "1분 / 진단").
   근본 해결은 헤더 템플릿 7342 의 버튼 칸 폭 조정(Elementor). */
@media (min-width: 1025px) and (max-width: 1279px) {
	.elementor-7342 .elementor-element-e17427f .elementor-button-text,
	.elementor-7342 .elementor-element-82e3f42 .elementor-button-text {
		white-space: normal;
	}
}