/* 코디메이커 채널 임베드 보정 — codi.css 뒤에 로드해 덮어씀. (라이트/다크 테마 자동 대응)
   1) color:inherit 로 흰색이 상속되던 컨트롤/배경 라벨을 테마 텍스트색으로.
   2) 좁은 폭에서 듀얼 레이아웃이 아이템 패널을 잘라먹지 않게 단일 컬럼으로 조기 전환.
   3) 가로 오버플로우 방지. */

.ev-embed #gh-ep{color:var(--text);}
.ev-embed #gh-ep .gh-ep__title{color:var(--text);}
.ev-embed #gh-ep .ep-ctlrow__label,
.ev-embed #gh-ep .ep-bgsel__trig,
.ev-embed #gh-ep .ep-pill{color:var(--text);}
.ev-embed #gh-ep .ep-pill.on,
.ev-embed #gh-ep .ep-viewbtn.on,
.ev-embed #gh-ep .ep-modebtn.on{color:#fff;}
.ev-embed #gh-ep .ep-slot__label{color:var(--sub);}
/* 배경 선택 팝오버는 항상 어두운 배경 → 안쪽 라벨은 밝게 고정(--gh-ink 바인딩이 라이트에선 어두워 안 보임) */
.ev-embed #gh-ep .ep-bgsel__pop,
.ev-embed #gh-ep .ep-bgsel__pop .ep-bgchip,
.ev-embed #gh-ep .ep-bgsel__pop .ep-bgchip__tx{color:#e7e9f2;}

/* 버전·원제작자 안내를 타이틀(chero) 아래 static 한 줄로 (기존 absolute 겹침 해소) */
.ev-embed #gh-ep .gh-ep__subbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:-10px 0 18px;}
.ev-embed #gh-ep .gh-ep__ver{position:static;margin:0;text-align:center;}
.ev-embed #gh-ep .gh-ep__credit{position:relative;top:auto;left:auto;display:inline-flex;margin:0;}
/* 툴팁이 subbar 중앙 기준으로 화면 밖으로 나가지 않게 중앙 정렬 */
.ev-embed #gh-ep .gh-ep__credit-tip{left:50%;transform:translateX(-50%) translateY(-4px);}
.ev-embed #gh-ep .gh-ep__credit:hover .gh-ep__credit-tip,
.ev-embed #gh-ep .gh-ep__credit:focus-within .gh-ep__credit-tip{transform:translateX(-50%) translateY(0);}

/* 오버플로우 방지 — overflow-x:hidden 은 세로축을 auto 로 강제(스크롤바 생김) → clip 사용 */
.ev-embed #gh-ep{max-width:100%;overflow-x:clip;}
.ev-embed #gh-ep .gh-ep__body,
.ev-embed #gh-ep .gh-ep__panel{min-width:0;max-width:100%;}
.ev-embed #gh-ep .gh-ep__grid{max-width:100%;}

/* 좁은 폭에서 듀얼 무효 → 캐릭터 위 / 아이템 아래 단일 컬럼 */
@media (max-width:1040px){
	.ev-embed #gh-ep.gh-ep--dual .gh-ep__body{display:block;}
	.ev-embed #gh-ep.gh-ep--dual .gh-ep__main{position:static;margin-bottom:14px;}
	.ev-embed #gh-ep.gh-ep--dual .gh-ep__grid{max-height:none;overflow:visible;}
}