/* --- 데스크톱 기본 스타일 --- */
.sticky-menu {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color는 관리자 페이지에서 설정하므로 여기서 제거 */
  padding: 40px 0;/* 메뉴바  */
}

.sticky-menu a {
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  margin: 0 15px;
  padding: 35px 15px;
  /* color와 font-size는 관리자 페이지에서 설정하므로 여기서 제거 */
}

/*
.sticky-menu a:hover {
  background-color: #5a6e7a; /* 마우스 오버 색상은 유지 */
}
*/


/* --- 푸터 덮임 방지용 여백 추가 --- */
@media screen and (min-width: 769px) {
  body.has-sticky-menu {
    /* 중요: 이 값은 CSS 파일에서 직접 수정해야 합니다. */
    padding-bottom: 95px; 
  }
}