/* ==========================================================================
   머니모먼트 brand layer — site-wide identity (Pretendard + Toss-blue accent)
   Loaded after the theme's main stylesheet so it wins. Owns the chrome
   (header, nav, footer, home, archive) and the global type system.
   ========================================================================== */

/* Self-hosted Pretendard Variable (bundled with the theme, no external CDN). */
@font-face {
  font-family: "Pretendard Variable";
  src: url("../fonts/pretendard/PretendardVariable.woff2") format("woff2-variations"),
       url("../fonts/pretendard/PretendardVariable.woff2") format("woff2");
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}

:root {
  --momentsplay-font: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --momentsplay-accent: #3182f6;
}

/* ----- Global typography: Pretendard everywhere ----- */
body,
button,
input,
select,
optgroup,
textarea,
h1, h2, h3, h4, h5, h6,
.site-title,
.main-navigation,
.menu,
.widget,
.entry-title,
.blogsy-btn,
.wp-block-button__link {
  font-family: var(--momentsplay-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  letter-spacing: -0.02em;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
  letter-spacing: -0.03em;
}

/* ----- Accent reinforcement (links / focus) ----- */
a:hover,
a:focus {
  color: var(--momentsplay-accent);
}

/* ===== 푸터 로케일 링크 =====
   배너나 팝업이 아니라, 크롤러가 각 시장 섹션을 발견할 수 있게 하는
   내부 링크. 로케일이 하나뿐이면 PHP에서 아예 출력하지 않는다. */
.mm-locales {
  padding: 18px 16px 28px;
  text-align: center;
  background: transparent;
}

.mm-locales ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mm-locales a {
  font-size: 13px;
  color: #8b95a1;
  text-decoration: none;
  transition: color 0.15s ease;
}

.mm-locales a:hover,
.mm-locales a:focus-visible {
  color: #3182f6;
  text-decoration: underline;
}

.mm-locales .is-current a {
  color: #4e5968;
  font-weight: 600;
}

/**
 * Blogsy pins section headings with flex-shrink: 0 inside a nowrap flex row.
 * A short English heading happens to fit; the Japanese comment heading does
 * not, and the whole page then scrolls sideways on a phone. Let the heading
 * shrink and let CJK wrap inside it. Nothing here changes the desktop layout,
 * where the heading is narrower than its row anyway.
 */
.blogsy-divider-heading .title {
	flex-shrink: 1;
	min-width: 0;
	max-width: 100%;
}

.blogsy-divider-heading .title .title-inner {
	flex-wrap: wrap;
	min-width: 0;
	max-width: 100%;
}

.blogsy-divider-heading .title .title-text {
	min-width: 0;
	overflow-wrap: anywhere;
}