/* Up Stat 로고·화면 모드 — 로고(C3)와 화면 모드 버튼 */

/* ---------- 헤더 로고 ---------- */
.fl-brand {
	background: url("logo/upstat-logo-white-mode.svg") left center / auto 38px no-repeat;
}
.fl-brand .fl-brand-wordmark,
.fl-auth-home .fl-brand-wordmark {
	visibility: hidden !important;
}
@media (max-width: 760px) {
	.fl-brand { background-size: auto 35px; }
}
/* 가로 120px보다 좁아지는 아주 작은 화면은 아이콘만 */
@media (max-width: 359px) {
	.fl-brand {
		width: 44px !important;
		background-image: url("logo/upstat-icon.svg");
		background-size: auto 36px;
	}
}

/* ---------- 로그인·회원가입·계정 찾기 화면 로고 ---------- */
.fl-auth-home {
	background: url("logo/upstat-logo-white-mode.svg") left center / contain no-repeat;
	width: 172px !important;
	height: 50px !important;
}
.fl-auth-form-v3 > .fl-auth-home { background-position: center; }
.fl-auth-story .fl-auth-home { background-image: url("logo/upstat-logo-black-mode.svg"); }

/* 예전 화살표 기호(↗)가 남은 곳 */
.fl-brand-symbol {
	font-size: 0 !important;
	color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	background: url("logo/upstat-icon.svg") center / contain no-repeat !important;
}

/* ---------- 하단 로고 ---------- */
.fl-site-footer .fl-footer-inner > div:first-child > strong {
	display: block;
	width: 110px;
	height: 32px;
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
	color: transparent;
	background: url("logo/upstat-logo-white-mode.svg") left center / contain no-repeat;
}

/* ---------- 다크 모드일 때 로고 ---------- */
html[data-ustheme="dark"] .fl-brand,
html[data-ustheme="dark"] .fl-auth-home,
html[data-ustheme="dark"] .fl-site-footer .fl-footer-inner > div:first-child > strong {
	background-image: url("logo/upstat-logo-black-mode.svg");
}
@media (max-width: 359px) {
	html[data-ustheme="dark"] .fl-brand { background-image: url("logo/upstat-icon.svg"); }
}

/* ---------- 화이트/다크 선택 버튼 (☰ 메뉴 위쪽) ---------- */
.ust-mode {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin-left: auto;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid var(--fl-line, #e9e3df);
	border-radius: 999px;
	background: #fff;
}
.ust-mode button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 30px;
	padding: 0 11px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--fl-muted, #817d85);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.02em;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.ust-mode button svg { width: 14px; height: 14px; flex: none; }
.ust-mode button[aria-pressed="true"] {
	background: var(--fl-ink, #18171d);
	color: #fff;
}
.ust-mode button:focus-visible { outline: 2px solid #F2711C; outline-offset: 2px; }
html[data-ustheme="dark"] .ust-mode { background: #202025; border-color: #34343b; }
html[data-ustheme="dark"] .ust-mode button { color: #a9a5ad; }
html[data-ustheme="dark"] .ust-mode button[aria-pressed="true"] { background: #ecebf0; color: #17171c; }

/* 모드를 바꾸는 순간에는 움직임 효과를 잠깐 꺼서 깜빡임 없이 */
html.ust-switching *,
html.ust-switching *::before,
html.ust-switching *::after {
	transition: none !important;
}

/* 관리자로 로그인했을 때 위쪽 관리자 막대에 메뉴 머리(화이트/다크·닫기)가 가려지지 않게 */
body.admin-bar .fl-account-drawer { top: 32px; height: calc(100dvh - 32px); }
@media screen and (max-width: 782px) {
	body.admin-bar .fl-account-drawer { top: 46px; height: calc(100dvh - 46px); }
}