/* exam_pos 모의고사 섹션 공통 스타일
 * skin/exam_pos/pc_v1.html 인라인 <style>에서 분리 (프로모션/이벤트 페이지 임베드용)
 * 관련: skin/exam_pos/section/pc.html
 */

.cont__mock{padding: 100px 0;}
.cont__mock .inner{width: 1140px; margin: 0 auto;}

/* 탭 콘텐츠 기본 스타일 - JavaScript에서 제어하도록 변경 */
.mock__tab--result > li {
    display: none;
}

.mock__tab--result > li.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
}

.grade__exam-drop{position: relative; z-index: 20;}
.grade__exam-drop .mock__select--box{border-radius: 12px; overflow: visible;}
.grade__exam-drop .mock__select--box .select{height: 52px; line-height: 52px; font-size: 14px; font-weight: 400; letter-spacing: -0.28px; padding: 0 32px 0 12px; color: #5C6675;}
.grade__exam-drop .mock__select--box.selected .select{color: #121212;}
.grade__exam-drop .mock__select--box:after{right: 12px;}
.grade__exam-drop .mock__dropdown--wrap{top: calc(100% + 4px); left: 0; width: 100%; min-width: 0; box-sizing: border-box; overflow: hidden; white-space: normal; border-radius: 12px; z-index: 30;}
.mock__search .grade__top5{overflow: visible; box-sizing: border-box; width: 100%;}

/* 경쟁자 정보 탭 강제 표시 */
#tab-competitor-info.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 경쟁자 정보 테이블 표시 */
#tab-competitor-info .mock__table {
    display: table !important;
    width: 100% !important;
}

#tab-competitor-info .mock__tab--versus {
    display: block !important;
}

#tab-competitor-info .mock__tab--versus li {
    display: block !important;
}

/* 선택된 시험 항목 스타일 */
.exam-item {
    cursor: pointer;
    transition: all 0.2s ease;
}

.exam-item:hover {
    background-color: #f8f9fa;
}

.exam-item.selected {
    background-color: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding-left: 16px;
}

#competitor-detail-modal.show {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(0,0,0,0.5) !important;
}

/* 드롭다운 위치 설정을 위한 최소 CSS */
.mock__dropdown--btn,
.mock__dropdown--exam {
    position: relative;
}

/* button 태그를 a 태그와 동일한 스타일로 맞춤 */
.mock__dropdown--btn[type="button"] {
    /* 기본 button 스타일 리셋 */
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: none;

    /* mock__btn--outline 스타일 적용 */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    color: #121212;
    font-size: 15px;
    font-weight: 500;
    padding: 13px 12px;
    border-radius: 8px;
    text-align: center;
    font-family: 'Pretendard', sans-serif;
    user-select: none;
    background: #fff;
    border: 1px solid #EDEDF3;
    text-decoration: none !important;

    /* 너비 맞춤 (다른 버튼들과 동일하되 드롭다운을 고려하여 약간 넓게) */
    width: 120px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

/* hover 효과 완전 제거 - 다른 버튼들과 동일하게 */
.mock__dropdown--btn[type="button"]:hover,
.mock__dropdown--btn[type="button"]:focus,
.mock__dropdown--btn[type="button"]:active {
    /* 모든 상호작용 상태에서 변화 없음 */
    background: #fff !important;
    border: 1px solid #EDEDF3 !important;
    color: #121212 !important;
    outline: none !important;
    box-shadow: none !important;
}

.mock__dropdown--btn[type="button"] > span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mock__dropdown--btn[type="button"] > i {
    display: inline-block;
    width: 10px;
    height: 20px;
}

.mock__dropdown--wrap {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 120px; /* 버튼 너비와 동일하게 */
    display: none; /* 기본적으로 숨김 */

    /* 가로 스크롤 제거 */
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    box-sizing: border-box;
}

.mock__dropdown--wrap .mock__dropdown--list {
    /* 리스트 내부 요소들 가로 스크롤 방지 */
    overflow-x: hidden;
    white-space: nowrap;
}

.mock__dropdown--wrap .mock__dropdown--list li {
    /* 리스트 아이템 텍스트 넘침 처리 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mock__dropdown--wrap.active {
    display: block !important;; /* active 클래스가 있을 때 표시 */
}

/* 결과보기 모달 넓이 조정 - 소분류를 위해 살짝 넓게 */
.mock__modal--result .cn-modal-main {
    max-width: 1100px !important;
    width: 87% !important;
}

/* 경쟁자 세부성적 모달 넓이 조정 - 기본 크기 유지 */
#competitor-detail-modal .cn-modal-main {
    max-width: 1000px !important;
    width: 85% !important;
}

/* 문항분류 테이블의 컬럼 넓이 조정 */
.mock__modal--result table col[width="120px"],
#competitor-detail-modal table col[width="120px"] {
    width: 100px !important;
}

/* 테이블 전체 넓이 조정 */
.mock__modal--result .mock__table,
#competitor-detail-modal .mock__table {
    overflow-x: auto;
}

.level__list li.active::after {
    content: '내 위치' !important;
}

/* 유형별 문항검색 탭이 숨겨질 때 완전히 보이지 않도록 */
.mock__tab--main > li.tab-hidden {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}