@charset "utf-8";
/* ==========================================================================
   구글 번역(영/중/일) 적용 시 레이아웃 보정
   - 구글 번역이 켜지면 <html>에 .translated-ltr 클래스와 lang(en/ja/zh-CN)이 붙음
   - 아래 규칙은 번역 상태에서만 동작하므로 한국어 화면에는 영향 없음
   - 로드 위치 : thema/Makorang/head.php
   ========================================================================== */

/* 1. 중국어/일본어 줄바꿈
      사이트 곳곳의 word-break:keep-all 은 띄어쓰기가 없는 중·일 문장을 한 줄로 묶어
      박스 밖으로 넘치게 함 (메인 상품명, 상품상세 요약 등) */
html.translated-ltr[lang="ja"] body *,
html.translated-ltr[lang^="zh"] body * {word-break:normal !important; overflow-wrap:anywhere;}

/* 2. 중국어/일본어 폰트
      Spoqa/Noto Sans KR 에 없는 간체·가나 글자가 글자마다 다른 폰트로 섞여 보이는 문제 → 한 폰트로 통일
      (아이콘 폰트 요소는 제외) */
html.translated-ltr[lang="ja"] body *:not(.fa):not([class^="ion"]):not([class*=" ion"]):not(i):not(.glyphicon) {font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Noto Sans JP", sans-serif !important;}
html.translated-ltr[lang^="zh"] body *:not(.fa):not([class^="ion"]):not([class*=" ion"]):not(i):not(.glyphicon) {font-family:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;}

/* 3. PC 헤더 로고 문구 (1인 가구 전문 식품 스토어)
      번역되면 2줄로 늘어나 MOTI 로고가 메뉴 바를 침범함 → 1줄 유지 */
html.translated-ltr #at_header .pc-header-logo .logo_txt {display:block; font-size:20px; line-height:1.3; white-space:nowrap; margin-bottom:10px;}

/* 4. PC 메뉴 (992~1199px)
      긴 메뉴명이 2줄로 꺾임 → 글자 크기 축소 */
@media screen and (min-width:992px) and (max-width:1199px) {
	html.translated-ltr #at_header .pc-menu .menu-span {font-size:14px; white-space:nowrap; letter-spacing:-0.3px;}
}

/* 5. 모바일 헤더 로고 문구
      번역되면 문구가 길어져 왼쪽 메뉴/검색/장바구니 아이콘 위로 겹침
      → 아이콘 영역(0~130px)을 비워두고 남은 폭 안에서 줄바꿈 */
@media screen and (max-width:991px) {
	html.translated-ltr #at_header .m-header-logo.en {padding-left:140px; padding-right:0;}
	html.translated-ltr #at_header .m-header-logo.en > a {display:flex; align-items:center; justify-content:flex-end; height:45px;}
	html.translated-ltr #at_header .m-header-logo.en .logo_txt2 {flex:0 1 auto; min-width:0; margin:0; font-size:11px; line-height:1.25; white-space:normal; text-align:right; letter-spacing:0;}
	html.translated-ltr #at_header .m-header-logo.en .logo_txt_img {flex:0 0 auto;}
}

/* 6. 우측 윙 "최근 본 상품" 제목 (폭 88px)
      번역 문구가 자간 -0.1em 으로 뭉쳐 보임 */
html.translated-ltr #stv_list h2 {font-size:11px; line-height:1.3; letter-spacing:0; padding:8px 4px;}

/* 7. 상품상세 > 반품/교환 안내 표 제목칸
      white-space:nowrap 때문에 번역 문구가 길어지면 모바일에서 페이지 가로 스크롤 발생 */
html.translated-ltr .tbox-body thead th {white-space:normal;}