/* 상단 메뉴 스타일 */
 .top-menu {
    background-color: #333;
    display: flex; /* Flexbox 레이아웃 사용 */
    align-items: center; /* 세로 중앙 정렬 */
}
.top-menu a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.top-menu a:hover {
    background-color: #ddd;
    color: black;
}
.top-menu .admin-link {
    float: right; /* 왼쪽 정렬 */
}
/* 게시판 목록 스타일 */
.board-list-container {
    width: 80%;
    margin: 0 auto;
}
.board-item {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.board-item > div {
    flex: 1;
    text-align: center;
}
.board-item .title {
    flex: 3;
}
.pagination {
    margin-top: 20px;
    text-align: center;
}
.pagination a {
    margin: 0 5px;
    text-decoration: none;
}
.write-button {
    margin-top: 20px;
    text-align: right;
}
.write-button a {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}
/* 게시글 상세 스타일 */
.container {
    width: 80%;
    margin: 0 auto;
}
.detail-header {
    text-align: center;
    margin-bottom: 20px;
}
.detail-item {
    display: flex;
    margin-bottom: 10px;
}
.detail-item > div {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
}
.detail-item > div:first-child {
    background-color: #f9f9f9;
    font-weight: bold;
}
.actions {
    text-align: center;
    margin-top: 20px;
}
.actions a {
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}
.actions a:hover {
    background-color: #0056b3;
}
/* 게시글 등록 스타일 */
.write-container {
    width: 80%;
    margin: 0 auto;
}
.write-item {
    display: flex;
    margin-bottom: 10px;
}
.write-item > div {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
}
.write-item > div:first-child {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
    max-width: 100px;
}
.write-item input[type="text"],
.write-item textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: none;
}
.write-item textarea {
    height: 200px;
}
.button-area {
    margin-top: 20px;
    text-align: center;
}
.button-area button,
.button-area a {
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}
.button-area a {
    background-color: #6c757d;
}
.button-area button:hover,
.button-area a:hover {
    background-color: #0056b3;
}
/* 게시글 수정 스타일 */
.modify-container {
    width: 80%;
    margin: 0 auto;
}
.modify-item {
    display: flex;
    margin-bottom: 10px;
}
.modify-item > div {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
}
.modify-item > div:first-child {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
    max-width: 100px;
}
.modify-item input[type="text"],
.modify-item textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: none;
}
.modify-item textarea {
    height: 200px;
}
/* 스토어 게시판 목록 스타일 */
.store-board-list-container {
    width: 80%;
    margin: 0 auto;
}
.store-board-item {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.store-board-item > div {
    flex: 1;
    text-align: center;
}
.store-board-item .store-name {
    flex: 2;
}
.store-pagination {
    margin-top: 20px;
    text-align: center;
}
.store-pagination a {
    margin: 0 5px;
    text-decoration: none;
}
.store-write-button {
    margin-top: 20px;
    text-align: right;
}
.store-write-button button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}
.store-write-button button:hover {
    background-color: #0056b3;
}
/* 스토어 게시글 등록 스타일 */
.store-write-container {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.store-write-item {
    display: flex;
    margin-bottom: 10px;
}
.store-write-item > div {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
}
.store-write-item > div:first-child {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
    max-width: 150px;
}
.store-write-item input[type="text"],
.store-write-item input[type="date"] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: none;
}
.store-button-area {
    margin-top: 20px;
    text-align: center;
}
.store-button-area button {
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}
.store-button-area button:hover {
    background-color: #0056b3;
}
.address-container {
    display: flex;
    align-items: center;
}
.address-container input {
    margin-right: 10px;
}
/* 스토어 게시글 상세 스타일 */
.store-view-container {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.store-view-item {
    display: flex;
    margin-bottom: 10px;
}
.store-view-item > div {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
}
.store-view-item > div:first-child {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
    max-width: 150px;
}
.store-button-container {
    text-align: center;
    margin-top: 20px;
}
.store-button-container button {
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: none;
}
.store-button-container button:hover {
    background-color: #0056b3;
}

/* Add spacing to the right */
.lang-selector-container {
  margin-right: 10px;
}

/* Vertically center the <select> better */
.lang-selector {
  margin: 0;
  vertical-align: middle;
}