/* 공통 임시 CSS */
#booking-tab-oneway,
#booking-tab-roundtrip {
    font-weight: 600;
}

.card-title .korail {
    color: #005BAC;
}

/* 모바일 햄버거와 모바일 로그인 링크 숨김 */
.mobile-hamburger,
.mobile-login {
    display: none;
}

.btn-group {
    display: flex;
    align-items: center;
}

/* ----------------- 모바일 반응형 ----------------- */
@media (max-width: 1023px) {

    /* 유틸리티 메뉴 숨김 */
    header nav[aria-label='유틸리티 메뉴'] {
        display: none;
    }

    /* 메인 메뉴 숨김 */
    .main-nav {
        display: none;
    }

    /* PC 로그인 버튼 숨김 */
    .pc-login {
        display: none;
    }

    /* 모바일 로그인 링크 표시, 중앙 정렬 */
    .mobile-login {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* 모바일 햄버거 메뉴 표시 */
    .mobile-hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.4rem;
        width: 32px;
        height: 32px;
    }

    .header-logo {
        width: 63px;
        height: 18px;
        flex-shrink: 0;
        object-fit: contain;
    }

    .size-variable {
        width: 112px;
        height: 40px;
    }

    .size-variable .size-variable {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 58px;
        height: 30px;
        text-align: center;
    }

    .size-variable .svg-icon-sm {
        display: none;
    }

    .padding-variable {
        --p: 0.2rem;
        --px: 0.2rem;
        --py: 0.1rem;
    }

    .gap-variable {
        --gap: 0.2rem;
    }

    .btn-group {
        gap: 1px;
    }
}