/* SkyWebRace branding patch 011
   로그인 이미지가 기존 배경 레이어에 가려지는 문제 최종 보정
*/

html,
body.login-branding-page {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* 실제 전체 배경 이미지 */
body.login-branding-page > img.login-bg-full {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9000 !important;

    width: 100vw !important;
    height: 100vh !important;

    object-fit: fill !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

/* 로그인 UI를 배경 이미지보다 위로 */
body.login-branding-page .login-card,
body.login-branding-page .login-panel,
body.login-branding-page .login-box {
    position: fixed !important;
    z-index: 9200 !important;

    left: 55% !important;
    top: 34.5% !important;
    right: auto !important;
    bottom: auto !important;

    width: 36.5vw !important;
    min-width: 500px !important;
    max-width: 570px !important;

    margin: 0 !important;
    transform: none !important;

    background: rgba(255, 252, 246, 0.97) !important;
    border: 1px solid #d2a64c !important;
    box-shadow: 10px 10px 0 rgba(88, 65, 29, 0.10) !important;
}

/* 현재시간 */
body.login-branding-page .clock-label,
body.login-branding-page .login-clock,
body.login-branding-page .clock-box,
body.login-branding-page .current-time {
    position: fixed !important;
    z-index: 9300 !important;
    left: 50% !important;
    top: 28px !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
}

/* body 가상 배경 제거 */
body.login-branding-page::before,
body.login-branding-page::after {
    content: none !important;
    display: none !important;
}

/* 알려진 로그인 전체배경 후보는 모두 투명화 */
body.login-branding-page .login-page,
body.login-branding-page .login-shell,
body.login-branding-page .login-container,
body.login-branding-page .login-wrap,
body.login-branding-page .login-layout,
body.login-branding-page .login-main,
body.login-branding-page .login-content,
body.login-branding-page .login-background,
body.login-branding-page .login-bg,
body.login-branding-page .login-visual,
body.login-branding-page .login-hero,
body.login-branding-page .hero,
body.login-branding-page .page-background,
body.login-branding-page .background-layer {
    background: transparent !important;
    background-image: none !important;
}

/* 위 클래스들의 pseudo background도 제거 */
body.login-branding-page .login-page::before,
body.login-branding-page .login-page::after,
body.login-branding-page .login-shell::before,
body.login-branding-page .login-shell::after,
body.login-branding-page .login-container::before,
body.login-branding-page .login-container::after,
body.login-branding-page .login-wrap::before,
body.login-branding-page .login-wrap::after,
body.login-branding-page .login-layout::before,
body.login-branding-page .login-layout::after,
body.login-branding-page .login-main::before,
body.login-branding-page .login-main::after,
body.login-branding-page .login-content::before,
body.login-branding-page .login-content::after,
body.login-branding-page .login-visual::before,
body.login-branding-page .login-visual::after,
body.login-branding-page .login-hero::before,
body.login-branding-page .login-hero::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* 메인메뉴 상단은 현재 50% 높이 유지 */
body.menu-branding-page .app-header {
    min-height: 60px !important;
    height: 60px !important;
    max-height: 60px !important;
}