@charset "UTF-8";

/* =======================================================
   Inquiry List View - 통합 및 최종 스타일 조정
   ======================================================= */

/* 1. 페이지 전체 콘텐츠 영역의 기본 폰트 스타일 설정 */
.page-content .container {
    font-size: 1.3rem; /* 요청사항 1: 폰트 사이즈 1.2rem으로 변경 */
    font-weight: 400;  /* 요청사항 2: 기본 폰트 굵기 */
}

/* 2. 페이지 제목 (h1) 폰트 굵기 설정 */
.page-title {
    font-weight: 600 !important; /* 요청사항 3: h 태그 제목 굵기 */
}

/* 3. 테이블 레이아웃 및 스타일 */
.table-wishlist {
    table-layout: fixed;
    width: 100%;
    color: #333;
    border-top: 2px solid #333;
  	margin-bottom: 2rem;
}

/* 테이블 헤더(th) 스타일 */
.table-wishlist thead th {
    font-weight: 600; /* 요청사항 3: 테이블 헤더도 600으로 설정 */
    padding: 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
    background-color: #f8f9fa;
    text-align: center; /* 모든 헤더 기본 중앙 정렬 */
}

/* 테이블 본문(td) 스타일 */
.table-wishlist tbody td {
    padding: 1rem; /* 패딩을 일관성 있게 조정 */
    vertical-align: middle;
}

/* 4. 열(Column) 너비 및 정렬 (기존 스타일 유지) */

/* 번호 (10%) */
.table-wishlist th:nth-child(1), .table-wishlist td:nth-child(1) { width: 10%; text-align: center; }
/* 비밀글 (5%) */
.table-wishlist th:nth-child(2), .table-wishlist td:nth-child(2) { width: 5%; text-align: center; }
/* 제목 (35%) */
.table-wishlist th:nth-child(3) { width: 35%; text-align: center; }
.table-wishlist td:nth-child(3) { width: 35%; text-align: left; }
/* 작성자 (15%) - 너비 조정 */
.table-wishlist th:nth-child(4), .table-wishlist td:nth-child(4) { width: 15%; text-align: center; }
/* 질문유형 (15%) - 너비 조정 */
.table-wishlist th:nth-child(5), .table-wishlist td:nth-child(5) { width: 15%; text-align: center; }
/* 상태 (10%) */
.table-wishlist th:nth-child(6), .table-wishlist td:nth-child(6) { width: 10%; text-align: center; }
/* 작성일 (10%) */
.table-wishlist th:nth-child(7), .table-wishlist td:nth-child(7) { width: 10%; text-align: center; white-space: nowrap; }


/* 5. 세부 요소 스타일 */

/* 링크 색상 - 기본값 상속 (변경 없음) */
.table-wishlist tbody td a {
    /* color 속성을 제거하여 부모 요소의 색상을 따르도록 함 */
    font-weight: 500;
    text-decoration: none;
}
.table-wishlist tbody td a:hover {
    text-decoration: underline;
}

/* 상태 표시 뱃지 */
.badge {
    padding: 0.5em 0.8em;
    font-size: 0.9em;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-reception { background-color: #6c757d; }
.badge-completed { background-color: #198754; }

/* 페이지네이션 */
.pagination .page-link {
    font-size: 1rem; /* 전체 폰트 크기에 맞춰 상대적으로 조정 */
    padding: 0.75rem 1rem;
}
.pagination .page-item.active .page-link {
    font-weight: 600;
}

.btn-primary {
    font-size: 1.4rem;
    padding: 0.8rem 1.5rem;
    font-weight: 500;
    color: #c96;
    background-color: transparent;
    border-color: #c96;
    box-shadow: none;
    min-width: 11rem;
    height: 26px;
}
.btn-primary:hover {
    font-size: 1.4rem;
    padding: 0.8rem 2rem;
    font-weight: 500;
    color: #fff;
    background-color: #c96;
    border-color: #c96;
    box-shadow: none;
}
.btn-search{
	font-size: 1.4rem;
    padding: 0.8rem 1.5rem;
    font-weight: 500;
    color: #c96;
    background-color: transparent;
    border-color: #c96;
    box-shadow: none;
    min-width: 6rem;
}
.btn-search:hover{
	 font-size: 1.4rem;
    padding: 0.8rem 2rem;
    font-weight: 500;
    color: #fff;
    background-color: #c96;
    border-color: #c96;
    box-shadow: none;

	}
	


.d-flex {
    display: -ms-flexbox!important;
    display: flex !important;
    justify-content: space-around;
   margin-bottom: 40px; 
}

.distribute{
	display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-bottom : 10px;
}	
.search-cn{
	min-width : 18rem;
}

/* .pagination {
	margin-bottom : 5rem;
} */


/* =======================================================
   최종 통합 버튼 스타일
   ======================================================= */

/* --- 1. 모든 버튼의 공통 기반 스타일 --- */
/* .distribute 안의 버튼과 .btn-search에 공통 적용 */
.distribute .btn,
.btn-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 500;
    height: 40px; /* 높이 고정 */
    padding: 0.8rem 1.5rem; /* 기본 패딩 고정 */
    box-shadow: none;
    border: 1px solid #c96; /* 테두리 기본값 */
    transition: all 0.2s ease-in-out; /* 부드러운 전환 효과 */
}

/* --- 2. 필터 및 일반 버튼 스타일 --- */
/* '답변완료', '내 문의' 등 필터 버튼의 기본 너비 */
.distribute .btn {
    min-width: 11rem;
}

/* '검색' 버튼만 너비를 다르게 설정 */
.btn-search {
    min-width: 6rem;
}

/* --- 3. 비활성 상태 스타일 (.btn-primary) --- */
/* .btn-primary는 투명한 배경에 주황색 글씨 */
.btn-primary {
    color: #c96;
    background-color: transparent;
}

/* --- 4. 호버 및 활성 상태 스타일 (.btn-success) --- */
/* 호버하거나, .btn-success 클래스가 붙었을 때 (눌린 상태) */
.distribute .btn:hover,
.btn-search:hover,
.btn.btn-success {
    color: #fff;
    background-color: #c96;
    border-color: #c96;
}

/* --- 5. 활성 상태(.btn-success)일 때 호버 효과 제거 --- */
/* 이미 활성화된 버튼은 호버해도 스타일이 변하지 않도록 유지 */
.btn.btn-success:hover {
    cursor: default; /* 마우스 커서를 기본 모양으로 변경 */
}