@charset "utf-8";
/* ============================================================================
   몰프로 · 입점업체(판매자) 관리자 상단바 컬러바 스킨   mim_topbar_v1.css
   2026-08-01 · 요청: "본사관리자처럼 입점업체관리자도 탑메뉴 색상 바꿔줘"
                (색 = 판매자 브랜드 주황 #F78D10, 사용자 지정)
   ----------------------------------------------------------------------------
   ★ 적용범위 : html.mimd (= /mallinmall/_include/header.asp 가 부여) — 판매자
      관리자 전 페이지. 본사 관리자(/admin/)·쇼핑몰 프론트에는 영향 없다.
   ★ 왜 별도 파일인가 : mim_admin_v1.css 와 _include/header.asp 는 동시작업
      세션이 통째로 갈아끼운 전례가 있다. 여기 블록만 따로 두고 header.asp 에서
      mim_admin_v1.css '뒤에' 링크해 덮어쓴다(같은 특이도면 뒤가 이긴다).
   ★ 본사(mp_topbar_v1.css)의 2026-08-01 규칙과 같은 구성 :
      ① 바 전체 = 메인컬러 채움  ② 메뉴 글자·아이콘 = 흰색
      ③ 활성 메뉴 = 흰 알약 + 메인컬러 글자  ④ 우측 버튼 = 흰 테두리 고스트
      ⑤ 로고 = 화이트 로고가 있으면 그대로, 없으면 흰 카드 위에.
============================================================================ */

/* ---------------------------------------------- ① 상단바 전체 = 탑메뉴(중간)컬러
   ★2026-08-08 : 사용자 지정으로 메인컬러(#2C7FFF)와 탑메뉴컬러(#5D9DFF)가 서로
   달라져서 --mimd-primary 를 더 이상 그대로 물려받지 않고 하드코딩으로 분리한다. */
html.mimd #topmenu{
	background:#5D9DFF !important;
	border-color:#5D9DFF !important;
}

/* ---------------------------------------------- ② 메뉴 글자·아이콘 = 흰색 */
html.mimd .wrap-topmenu ul li a,
html.mimd .wrap-topmenu ul li a:link,
html.mimd .wrap-topmenu ul li a:visited{
	color:#ffffff !important;
	font-weight:600 !important;
}
/* 아이콘 PNG 는 원래 흰색인데 mim_admin_v1 이 brightness(0) 으로 검게 만들어
   흰 바에 맞춰뒀다 → 다시 흰색으로 되돌린다. */
html.mimd .wrap-topmenu ul li a > span img{
	filter:brightness(0) invert(1) !important;
	opacity:.92 !important;
}
/* 대시보드만 아이콘 폰트(Material Icons) */
html.mimd .wrap-topmenu ul li a > span .material-icons{ color:#ffffff !important; }

/* 마우스오버 = 반투명 흰색 (활성 '꽉 찬 흰색'과 구분되게 옅게) */
html.mimd .wrap-topmenu ul li a:hover{
	background:rgba(255,255,255,.18) !important;
	color:#ffffff !important;
}
html.mimd .wrap-topmenu ul li a:hover > span img{ opacity:1 !important; }

/* ------------------------------- ③ 활성 메뉴 = 흰 알약 + 탑메뉴컬러 글자
   ★2026-08-08 : --mimd-ink-g 는 이제 메인컬러(#2C7FFF) 기준이라 탑메뉴컬러(#5D9DFF)
   위 텍스트로는 안 맞는다 → 탑메뉴 전용 진한 파랑을 여기서 따로 하드코딩한다. */
html.mimd .wrap-topmenu ul li.on a,
html.mimd .wrap-topmenu ul li.on a:link,
html.mimd .wrap-topmenu ul li.on a:visited,
html.mimd .wrap-topmenu ul li.on a:hover{
	background:#ffffff !important;
	color:#4F85D9 !important;
	font-weight:700 !important;
	box-shadow:0 1px 4px rgba(79,133,217,.25) !important;
}
/* 활성 알약 안의 아이콘은 흰색이면 사라진다 → 먹색으로 되돌린다 */
html.mimd .wrap-topmenu ul li.on a > span img{
	filter:brightness(0) !important;
	opacity:.78 !important;
}
html.mimd .wrap-topmenu ul li.on a > span .material-icons{ color:#4F85D9 !important; }

/* ------------------------------------ ④ 우측 버튼(내 정보 / 로그아웃)
   원래 흰 배경 + 주황 채움이라 주황 바 위에서 사라진다 → 흰 테두리 고스트.
   활성 메뉴의 '꽉 찬 흰색'과 겹치지 않게 배경은 일부러 비운다. */
html.mimd .wrap-topmenu .rgtMenu a,
html.mimd .wrap-topmenu .rgtMenu a:link,
html.mimd .wrap-topmenu .rgtMenu a:visited{
	background:transparent !important;
	border:1px solid rgba(255,255,255,.55) !important;
	color:#ffffff !important;
	box-shadow:none !important;
}
html.mimd .wrap-topmenu .rgtMenu a:hover{
	background:rgba(255,255,255,.22) !important;
	border-color:#ffffff !important;
	color:#ffffff !important;
	transform:none !important;
	box-shadow:none !important;
}
/* 로그아웃은 한 단계 또렷하게(테두리 진하게 + 굵게) */
html.mimd .wrap-topmenu .rgtMenu a.logout,
html.mimd .wrap-topmenu .rgtMenu a.logout:link,
html.mimd .wrap-topmenu .rgtMenu a.logout:visited{
	background:transparent !important;
	border:1px solid #ffffff !important;
	color:#ffffff !important;
	font-weight:700 !important;
}
html.mimd .wrap-topmenu .rgtMenu a.logout:hover{
	background:rgba(255,255,255,.22) !important;
	border-color:#ffffff !important;
	color:#ffffff !important;
}

/* ------------------------------------------------------------- ⑤ 로고
   2026-08-01(2차) · 요청 : "탑메뉴 로고자리 흰색배경 없애고 로고를 화이트로"
   → 흰 카드(.mimd-logo-chip)는 폐지했다. 로고는 어떤 몰에서도 흰색으로 나온다.
   topmenu.asp 가 pathSite 의 logo_white.png 를 최우선으로 찾고, 클래스로 알려준다.
   - .mimd-logo-w    : 화이트 로고 파일이 있는 몰 → 그대로 출력(원본 색 유지)
   - .mimd-logo-cast : 화이트 로고가 없는 몰 → CSS filter 로 흰색 실루엣
   로고 자체가 없으면 텍스트(.logotx)라 흰 글자로만 바꾼다. */
html.mimd .wrap-topmenu #top_logo{
	background:transparent !important;   /* 옛 흰 카드 잔재 차단 */
	border-radius:0 !important;
}
html.mimd .wrap-topmenu #top_logo .logo img{
	max-width:100% !important;
	max-height:44px !important;
	width:auto !important; height:auto !important;
}
html.mimd .wrap-topmenu #top_logo.mimd-logo-cast .logo img{
	/* 짙은 로고를 흰 실루엣으로. 알파는 그대로 유지된다. */
	filter:brightness(0) invert(1) !important;
}
html.mimd .wrap-topmenu #top_logo .logotx,
html.mimd .wrap-topmenu #top_logo .logo,
html.mimd .wrap-topmenu #top_logo a.logo:link,
html.mimd .wrap-topmenu #top_logo a.logo:visited{
	color:#ffffff !important;
}