/*
Theme Name:   Hojutours Child
Theme URI:    https://hojutours.au
Description:  GeneratePress child theme for hojutours.au — Korean-language Australian travel blog. Korean typography, ad slots, affiliate link handling.
Author:       hojutours.au
Template:     generatepress
Version:      1.0.0
Text Domain:  hojutours
*/

/* ---------------------------------------------------------------------------
   Korean typography
   Pretendard renders Korean far better than the system stack and keeps Latin
   text (place names, prices in AUD) looking consistent alongside it.
   --------------------------------------------------------------------------- */

body,
button,
input,
select,
textarea {
	font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
		'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans KR', sans-serif;
	/* Korean needs more line height than Latin to stay readable */
	line-height: 1.8;
	word-break: keep-all; /* stops Korean words being split mid-word at wrap */
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.45;
	word-break: keep-all;
	letter-spacing: -0.02em; /* Korean headings read tighter */
}

.entry-content p {
	margin-bottom: 1.6em;
}

/* ---------------------------------------------------------------------------
   Article readability
   --------------------------------------------------------------------------- */

.entry-content img {
	height: auto;
	border-radius: 6px;
}

.entry-content table {
	display: block;
	overflow-x: auto;   /* price/comparison tables must scroll, not break mobile */
	white-space: nowrap;
	max-width: 100%;
}

/* "마지막 업데이트" freshness stamp — see docs/02-keyword-plan.md */
.hoju-updated {
	display: inline-block;
	font-size: 0.85em;
	color: #666;
	background: #f4f4f5;
	padding: 0.3em 0.7em;
	border-radius: 4px;
	margin-bottom: 1.5em;
}

/* ---------------------------------------------------------------------------
   Affiliate disclosure box — must be visible above the fold on monetised posts
   --------------------------------------------------------------------------- */

.hoju-disclosure {
	font-size: 0.88em;
	line-height: 1.7;
	color: #52525b;
	background: #fafafa;
	border-left: 3px solid #d4d4d8;
	padding: 0.9em 1.1em;
	margin: 0 0 2em;
	border-radius: 0 4px 4px 0;
}

/* ---------------------------------------------------------------------------
   Ad slots
   Reserved height prevents cumulative layout shift, which protects Core Web
   Vitals — and rankings — once AdSense is live.
   --------------------------------------------------------------------------- */

.hoju-ad {
	margin: 2.5em auto;
	text-align: center;
	min-height: 280px;      /* reserve space so the page doesn't jump */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.hoju-ad::before {
	content: '광고';
	position: absolute;
	font-size: 0.7em;
	color: #a1a1aa;
	transform: translateY(-150px);
}

@media (max-width: 768px) {
	.hoju-ad {
		min-height: 250px;
	}
}