/*
Theme Name: EconomyBloc Child
Theme URI: https://economybloc.com
Description: GeneratePress 자식 테마. 엘리멘터에서 옮겨온 템플릿과 스타일을 담는다.
Author: EconomyBloc
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

/* ── 기사 단일 레이아웃 (엘리멘터 1127 대체) ──────────────────
   값은 엘리멘터가 실제로 그린 화면의 계산된 스타일을 재서 옮긴 것이다.
   색은 여기서 지정하지 않는다 — 사이트의 기존 CSS와 다크모드가 그대로 먹어야 한다. */

.eb-single {
	display: flex;
	flex-direction: row;
	gap: 0;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	flex: 1 1 auto;
}

.eb-single__body {
	width: 70%;
	min-width: 0;
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.eb-single__side {
	width: 30%;
	min-width: 0;
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.eb-article {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* 메타 행 — 글쓴이와 상단 공유 묶음.
   좌우 padding 0 이 본문선과 맞추는 핵심이다(claude/tpl-1127-article.md). */
.eb-metarow {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	padding: 10px 0;
}

.eb-metarow__share {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	width: 260px;
	flex: 0 0 auto;
	padding: 10px 0;
}

.eb-share-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.eb-share-ico {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	cursor: pointer;
}

.eb-share-ico svg {
	display: block;
	flex-shrink: 0;
}

.eb-bottomshare {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	padding: 10px 0;
}

.eb-article__title {
	margin: 0;
	font-size: 21px;
	font-weight: 700;
	line-height: 21px;
}

.eb-side__heading {
	/* 원본 제목 위젯은 37px 를 차지했다(글자 16 + 아래 21). 블록 gap 10 을 빼고 11 을 준다. */
	margin: 0 10px 11px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
}

.eb-side__block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.eb-divider {
	margin: 0;
	border: 0;
	border-top: 1px solid currentColor;
	opacity: .25;
}

/* 글꼴 — 헤더 843의 인라인 규칙이 .elementor-element 에만 걸려 있어서
   엘리멘터 없는 마크업에는 안 먹는다. 같은 값을 여기서 다시 건다.
   아이콘 폰트는 원본과 같이 제외한다. */
.eb-single,
.eb-single *:not([class*="eicon"]):not([class*="fa-"]) {
	font-family: "Fira Sans", sans-serif !important;
}

.eb-article__content {
	font-weight: 500;
}

.eb-side__block {
	padding: 10px;
}

/* 이메일·면책 문구 — 엘리멘터 텍스트 위젯이 14px/21px, 문단 여백 0 이었다. */
.eb-article__note {
	font-size: 14px;
	line-height: 21px;
	/* 원본 텍스트 위젯 높이가 23px 이었다. */
	padding: 1px 0;
}

.eb-article__note p {
	margin: 0;
}


/* 부모 테마가 본문 마지막 요소의 아래 여백을 지운다. 엘리멘터 때는 남아 있었다. */
.eb-single .eb-article__content > *:last-child {
	margin-bottom: 1.5em;
}

/* 부모 테마가 .entry-content 에 위쪽 여백 34px 을 준다. 엘리멘터 때는 0 이었다. */
.eb-single .eb-article__content {
	margin-top: 0;
}

.eb-article__tags {
	margin: 10px 0 20px;
}

/* 소셜 아이콘 블록은 반응형으로 자리를 바꾼다.
   모바일에서는 본문 아래, 그 위 크기에서는 사이드바. 엘리멘터의 표시/숨김 설정을 옮긴 것. */
.eb-article__social {
	display: none;
}

@media (max-width: 767px) {
	.eb-article__social {
		display: block;
	}
	.eb-side__block--social {
		display: none;
	}
}

@media (max-width: 1024px) {
	.eb-single {
		flex-direction: column;
	}
	.eb-single__body,
	.eb-single__side {
		width: 100%;
	}
}