/* ==========================================================================
   이우드림무역 창고관리 — 레이아웃 커스텀
   ※ db/stylesheet.php 에서 로드되는 파일 (theme.min.css 보다 나중에 로드된다)
   ※ Phoenix 템플릿의 .navbar-vertical / .navbar-top / .content 구조 보정용
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) 상단바(.navbar-top) : 내부 요소 줄바꿈 방지 + 로고/제목/액션 정렬
   -------------------------------------------------------------------------- */
.navbar-top {
  flex-wrap: nowrap;
}

.navbar-top .navbar-logo {
  flex-shrink: 0;
  overflow: visible;
}

.navbar-top .navbar-logo a {
  gap: 0.5rem;
  color: var(--phoenix-emphasis-color, #1b243d);
}

/* 로고 (logo.png 가 워드마크 형태 — 이미지 단독 사용) */
.ydt-logo-link {
  display: flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
  white-space: nowrap;
}

/* 상단바의 현재 페이지 제목 */
.ydt-page-title {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* --------------------------------------------------------------------------
   2) feather 아이콘 크기 : 사이드바 규격(16px)에 맞춤
   -------------------------------------------------------------------------- */
.navbar-vertical .nav-link-icon,
.navbar-vertical svg.nav-link-icon {
  width: 16px;
  height: 16px;
}

.navbar-vertical .nav-link-icon svg {
  width: 16px;
  height: 16px;
}

/* 아이콘 + 라벨을 세로 중앙 정렬로 통일 */
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link {
  display: flex;
  align-items: center;
}

/* 서브메뉴 화살표(‹ ›)를 행 오른쪽 끝으로 이동 — 일반 항목과 아이콘 위치를 맞춘다 */
/* theme.min.css 의 .navbar-expand-lg 규칙과 동일 우선순위로 덮어쓴다 */
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator {
    padding-left: 1.75rem;
  }
}

/* --------------------------------------------------------------------------
   3-1) 하위 메뉴 들여쓰기 : 부모 라벨 열과 1px 오차 없이 맞춘다
        theme.min.css 의 lg 규칙 2개가 합쳐져 동작한다
          .nav .nav-link        { padding-left: 3.3125rem }  = 53px
          .nav .nav-link .nav-link-text { padding-left: 15px }
        → 하위 라벨 x = 13(행) + 53 + 15 = 81px  (부모 라벨은 77px → 4px 어긋남)
        아래 두 규칙으로 (링크 64px + 스팬 0px) = 77px 로 정확히 맞춘다.
        ※ 모바일(<992px)은 테마 기본값이 이미 정렬되어 있으므로 lg 에서만 덮어쓴다.
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link {
    padding-left: 64px;
  }
  .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link .nav-link-text {
    padding-left: 0;
  }
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator .nav-link-icon {
  order: 1;
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator .nav-link-text {
  order: 2;
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.dropdown-indicator .dropdown-indicator-icon-wrapper {
  order: 3;
  margin-left: auto;
}

/* --------------------------------------------------------------------------
   3) 사이드바 하단(.navbar-vertical-footer) 사용자 영역
   -------------------------------------------------------------------------- */
.ydt-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #3874ff;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}

.ydt-avatar-sm {
  width: 26px;
  height: 26px;
  font-size: 0.6875rem;
}

.ydt-footer-btn {
  color: var(--phoenix-navbar-vertical-link-color);
  font-size: 0.875rem;
  line-height: 1;
}

.ydt-footer-btn:hover {
  color: var(--phoenix-navbar-vertical-link-hover-color);
}

.navbar-vertical-footer .ydt-footer-btn svg {
  width: 15px;
  height: 15px;
}

/* --------------------------------------------------------------------------
   4) 푸터 : 사이드바 폭만큼 오른쪽으로 밀기 (접기 상태도 자동 추종)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .footer {
    margin-left: var(--phoenix-navbar-vertical-width);
    /* theme.min.css 의 .footer{width:100%} 와 병용하면 사이드바 폭만큼 가로 오버플로가 생긴다 */
    width: auto;
    transition: margin-left 0.2s ease;
  }
}

/* 본문이 화면 높이를 초과해 푸터가 항상 아래로 넘어가는 현상 방지 */
.content {
  min-height: calc(100vh - 4rem);
}

/* --------------------------------------------------------------------------
   5) 기타
   -------------------------------------------------------------------------- */
/* 준비 중 메뉴 : 커서만 변경 (색상은 theme 의 .nav-link-disable 사용) */
.navbar-vertical .nav-link.nav-link-disable {
  cursor: not-allowed;
}