/* ============================================================
   [통합 업데이트] Ticket 페이지 UI와 100% 일치화
   ============================================================ */

/* 1. 기본 폰트 및 굵기 초기화 (Arial 기반) */
.user_header.new, 
.user_header.new *, 
.lang-select-selected, 
.lang-select-selected *,
.lang-option {
    font-family: Arial, Helvetica, sans-serif !important; 
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
    text-transform: none;
}

/* 2. 헤더 레이아웃 (높이 50px 고정) */
.user_header.new {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 10px !important; /* Ticket 페이지의 간격 반영 */
    background-color: #fff !important;
    border-bottom: 1px solid #eee !important;
    height: 50px !important;
    position: relative;
    width: 100%;
}

/* 3. 왼쪽 그룹: 뒤로가기 버튼 및 제목 */
.user_header.new > a.btn_back {
    display: flex !important;
    align-items: center !important;
    text-decoration: none;
    color: #000;
    flex-shrink: 0;
    padding: 0 5px;
}

.user_header.new .ico_arrow {
    width: 12px !important;
    height: 21px !important;
    fill: #000 !important;
}

.user_header.new .sect_title {
    margin: 0 0 0 10px !important;
    font-size: 18px !important; /* Ticket.html의 h3 크기인 18px 반영 */
    font-weight: bold !important;
    white-space: nowrap;
    color: #000 !important;
}

/* 4. 오른쪽 그룹: 언어 선택기 */
.lang-selector-container {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 10px !important; /* Ticket 인라인 스타일 반영 */
    background: #fff !important;
}

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    z-index: 1000;
}

/* 언어 선택 버튼 (Ticket의 f9f9f9 배경 및 20px 라운드 반영) */
.lang-select-selected {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f9f9f9 !important; /* Ticket 인라인 스타일 배경색 */
    border: 1px solid #ddd !important;
    border-radius: 20px !important; 
    padding: 5px 10px !important;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 30px !important;
}

/* 지구본 아이콘 및 텍스트 스타일 */
.lang-select-selected svg {
    width: 18px !important;
    height: 18px !important;
    fill: #555 !important;
}

.lang-select-selected span {
    font-size: 13px !important;
    font-weight:normal;
    color: #333 !important;
}

.lang-select-selected small {
    font-size: 10px !important;
    color: #999 !important;
}

/* 5. 드롭다운 옵션 박스 (Ticket 기준) */
.lang-select-options {
    position: absolute;
    top: 110% !important;
    right: 0 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    min-width: 140px;
    overflow: hidden;
    display: none;
}

.lang-select-options.show {
    display: block !important;
    animation: fadeInDown 0.2s ease-out;
}

.lang-option {
    padding: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #333 !important;
    text-align: left !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    display: block !important;
}

.lang-option:last-child {
    border-bottom: none !important;
}

.lang-option:hover {
    background: #f5f5f5 !important;
    color: #000 !important;
}

/* 애니메이션 */
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}