@charset "utf-8";

/* CSS를 커스텀하여 사용할 경우 이 파일을 수정하여 사용합니다. */

/* Avocado edition : personal */
/** Category List **/
/* 기존 코드 유지 */
#navi_category {
  text-align: center;
  padding: 20px 0;
}

#navi_category li {
  display: inline-block;
  padding: 0 20px;
}

/* 카테고리 전체 ul */
.board-category > ul {
  display: flex;
  align-items: center;
  justify-content: center; /* 중앙 정렬 */
  gap: 15px; /* 박스 사이 간격 */
}

.list__grid {
  margin: 50px 0;  /* 위 50px, 아래 50px */
}

/* 🔥 li 안 a 태그 기준으로 박스 통일 */
.board-category > ul > li a {
  display: flex;                /* flex로 중앙 정렬 */
  align-items: center;          /* 세로 중앙 */
  justify-content: center;      /* 가로 중앙 */
  background: #d2beec !important;
  color: #ffffff !important;
  padding: 8px 14px !important; /* 기존 박스 크기 유지 */
  border-radius: 14px !important;
  border: none !important;
  cursor: pointer;
  line-height: normal;          /* padding과 충돌 방지 */
  transition: 0.2s;
}
/* hover 효과 */
.board-category > ul > li a:hover {
  background: #e9d9ff !important;
}
/* HOME 버튼 독립 위치, 왼쪽 상단 고정 */
.home-btn {
    position: fixed;          /* 화면에 고정 */
    top: 20px;                /* 상단에서 20px 떨어짐 */
    left: 20px;               /* 좌측에서 20px 떨어짐 */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #d2beec;      /* 카테고리 색상과 동일 */
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 14px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    z-index: 9999;            /* 다른 요소 위로 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* 선택 사항, 살짝 그림자 */
    transition: 0.2s;
}

.home-btn:hover {
    background: #e9d9ff;
}