/* Worship Slide — 모든 회원 화면 공용 상단 메뉴바 (site_bar() 가 그림)
   예배 만들기 · 자료실처럼 자체 스타일을 쓰는 화면에도 같은 모양이 나오도록 글꼴 · 크기를 모두 여기서 정한다 */
.sitebar { background: #12142e; color: #f7f3ea; font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; line-height: 1.4; }
.sitebar-in { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 16px; min-height: 64px; flex-wrap: wrap; box-sizing: border-box; }
.sitebar-logo { display: flex; align-items: center; gap: 9px; color: #f7f3ea; text-decoration: none; font-weight: 700; font-size: 19px; white-space: nowrap; }
.sitebar-logo em { font-style: normal; color: #ffcf70; }
.sitebar-logo svg { flex: none; }
.sitebar-nav { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sitebar-nav form { margin: 0; }
.sitebar-nav a, .sitebar-nav button { color: rgba(247, 243, 234, .85); text-decoration: none; font: inherit; font-size: 15.5px; padding: 8px 10px; border-radius: 9px; background: none; border: 0; cursor: pointer; white-space: nowrap; }
.sitebar-nav a:hover, .sitebar-nav button:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.sitebar-nav a.on { color: #fff; font-weight: 700; box-shadow: inset 0 -2px 0 #ffcf70; border-radius: 9px 9px 0 0; }
.sitebar-nav a.sitebar-cta { background: linear-gradient(180deg, #ffd889, #ffbf55); color: #2a1a04; font-weight: 700; padding: 8px 14px; }
@media (max-width: 640px) {
  .sitebar-in { gap: 6px; padding-top: 8px; padding-bottom: 8px; }
  .sitebar-nav { margin-left: -10px; width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .sitebar-nav a, .sitebar-nav button { font-size: 15px; padding: 7px 9px; }
}