@charset "UTF-8";

/* 판매자홈 스낵바(토스트) - 하단 중앙, 다크, 자동소멸 */
.fw-snackbar {
  position: fixed;
  left: 50%;
  bottom: 90px;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 90%;
  max-width: 420px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 14px 16px;
  border-radius: 10px;
  background: var(--black-1200, #222);
  color: var(--white, #fff);
  font-size: 14px;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s, transform .3s;
}

/* 노출 상태 */
.fw-snackbar--show {
  opacity: 1;
  pointer-events: auto;
}

/* 안내 텍스트 - 남는 공간 차지 */
.fw-snackbar__text {
  flex: 1;
}

/* 액션(바로가기) 링크 - 관심판매자 */
.fw-snackbar__action {
  flex-shrink: 0;
  font-family: 'Pretendard';
  font-weight: normal;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}

/* 레거시 전역 a:visited/hover/active(m/style.css) 색 오버라이드 */
.fw-snackbar__action:link,
.fw-snackbar__action:visited,
.fw-snackbar__action:hover,
.fw-snackbar__action:active {
  color: var(--primary-200, #D0EBEE);
}

/* 경고 ⓘ 말머리 */
.fw-snackbar__warn {
  flex-shrink: 0;
  color: var(--color-warning, #ed4e2b);
}

/* 닫기 X - 터치영역 44px (보이는 글자는 작아도 영역은 넓게) */
.fw-snackbar__close {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -10px -8px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--gray-700, #aaa);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

/* 2~3줄일 때 X 를 위로 (옵션) */
.fw-snackbar--xtop .fw-snackbar__close {
  align-self: flex-start;
}