/* =======================================================
   A. 모달 및 폼 컴포넌트 UI 복구
   ======================================================= */

/* 1. 모달 다이얼로그 위치 및 테두리 (v3 기준) */
.modal-dialog {
    margin: 30px auto; /* v3의 표준 상단/하단 여백 */
    width: auto;
    max-width: 500px; /* v3의 기본 크기 */
}
.modal-content {
    border-radius: 6px; /* v3 표준 둥근 모서리 */
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); /* v3 그림자 */
}

/* 2. 모달 헤더/푸터 패딩 및 경계선 복구 */
.modal-header, .modal-footer {
    padding: 15px; /* v3의 표준 패딩 */
    border-color: #e5e5e5; /* v3의 표준 경계선 색상 */
}
.modal-title {
    font-size: 18px; /* v3 표준 폰트 크기 */
    line-height: 1.42857143;
}

/* 3. 닫기 버튼 (.close) 복구 */
.modal-header .close {
    /* v5의 .btn-close 스타일을 무시하고 v3의 텍스트 기반 x 버튼 스타일 복구 */
    padding: 1px;
    margin: -1px -1px -1px auto;
    font-size: 21px; 
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    background: transparent; 
    border: none;
    cursor: pointer;
}
.modal-header .close:hover {
    opacity: .5;
}


/* 4. v3 폼 컨트롤(textarea, select) 높이 및 테두리 복구 */
textarea, select {
    /* v3의 표준 높이와 테두리 스타일 */
    height: 34px; 
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
textarea[name="REG_REPLY"] {
    /* HTML에 정의된 textarea의 최소 높이 속성을 유지하기 위해 !important 사용 */
    min-height: 200px !important; 
    display: block;
    width: 100%;
}
/* =======================================================
   B. 버튼 디자인 복구
   ======================================================= */

/* 1. 기본 버튼 (.btn-default) 복구 */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
}
.btn-default:hover, .btn-default:focus {
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* 2. 주 버튼 (.btn-primary) 복구 (v3 커스텀 색상) */
.btn-primary {
    color: #fff;
    background-color: #6d2633; 
    border-color: #a42e2e;
    border-radius: 4px;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #5a202a; /* hover 시 약간 어둡게 */
    border-color: #8c2727;
}

/* 3. 버튼 기본 스타일 복구 (모든 버튼에 적용) */
.btn {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid transparent;
}

/* =======================================================
   A. a 태그 스타일 복구 (v3 표준)
   ======================================================= */

/* 1. 기본 a 태그 색상 및 밑줄 스타일 복구 */
a {
    /* v3의 표준 파란색 링크 색상 */
    color: #337ab7; 
    /* v3는 기본적으로 밑줄이 없습니다. (v5는 경우에 따라 밑줄이 생길 수 있음) */
    text-decoration: none; 
    /* V5의 CSS 변수 사용을 무시합니다. */
    --bs-link-color: #337ab7;
    --bs-link-hover-color: #23527c;
}

/* 2. 호버, 포커스, 액티브 상태 스타일 복구 */
a:hover,
a:focus {
    /* v3의 호버 색상 */
    color: #222; 
    /* v3는 호버 시 밑줄이 생깁니다. */
    text-decoration: none; 
    text-decoration-thickness: initial; /* v5의 밑줄 두께를 무시 */
}

a:focus,
a:active {
    /* v3의 포커스 스타일 (접근성) */
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* 3. 부모 요소에 의해 색상이 상속되는 경우를 위한 대비 */
.text-primary a {
    color: inherit;
}

/* =======================================================
   A. 텍스트 및 리스트 스타일 복구 (p, ul, li)
   ======================================================= */

/* 1. p 태그 스타일 복구 */
p {
    /* V5는 기본적으로 margin-bottom에 1rem을 사용합니다. */
    /* V3의 표준 아래쪽 마진(margin-bottom)을 강제 적용 */
    margin-top: 0 ;
    margin-bottom: 0px; /* V3의 기본값 */
}

/* 2. ul/ol 태그 스타일 복구 */
ul, ol {
    /* V5는 padding-left에 2rem을 사용합니다. */
    /* V3의 표준 왼쪽 패딩(padding-left)을 강제 적용 */
    padding-left: 0px; /* V3의 기본값 */
    
    /* V5는 기본적으로 margin-bottom에 1rem을 사용합니다. */
    margin-top: 0 ;
    margin-bottom: 0px; /* V3의 기본값 */
}

/* 3. li 태그 스타일 복구 (단독으로 수정할 내용은 없지만, 리스트 스타일 타입 명시) */
li {
    /* V5의 리스트 스타일을 V3처럼 초기화 */
    list-style-type: inherit ;
}

/* 4. 기본 폰트 크기 및 줄 간격 복구 */
/* V5는 rem 단위를 사용하지만, V3는 px 단위를 사용했습니다. */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
    font-size: 14px ; /* V3의 기본 폰트 크기 */
    line-height: 1.42857143 ; /* V3의 기본 줄 간격 */
    color: #333 ; /* V3의 기본 폰트 색상 */
}