/* ========== 로고 ========== */
.navigation-panel__logo {
  background: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 130px;
  margin: 0 0 16px 0 !important;
  display: block !important;
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.column-link--logo {
  display: block !important;
  padding: 0 !important;
  margin-left: 0px;
  cursor: pointer;
  line-height: 0;
}

.logo--wordmark,
.navigation-panel__logo img {
  display: block !important;
  visibility: visible !important;
  content: url("/logo2.png");
  width: 200px !important;
  height: auto !important;
}
/* ========== 배경 ========== */
body, .ui, .columns-area__panels {
  background-image: url("/bg.png") !important;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* ========== 양옆 패널 투명 ========== */
.columns-area__panels__pane,
.columns-area__panels__pane__inner,
.navigation-panel,
.compose-panel,
.compose-form {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ========== 가운데 칼럼 (반투명 판) ========== */
.columns-area__panels__main {
  background: rgba(255, 255, 255, 0.55) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 16px;
  overflow: hidden;
}

/* 안쪽 요소는 투명 (이중 겹침 방지) */
.columns-area,
.columns-area--mobile,
.tabs-bar__wrapper,
.tabs-bar,
.column,
.scrollable,
.scrollable--flex {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ========== 헤더 ========== */
.column-header,
.column-header__wrapper {
  background: rgba(255, 255, 255, 0.7) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 12px 12px 0 0;
}

/* ========== 게시물 카드 ========== */
.status,
.detailed-status,
.account__header {
  background: rgba(255, 255, 255, 0.7) !important;
  border: none !important;
  border-radius: 12px;
  margin-bottom: 6px;
}

/* ========== 글쓰기 칸 ========== */
.compose-form__highlightable,
.search__input {
  background: rgba(255, 255, 255, 0.88) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.compose-form .autosuggest-textarea__textarea,
.compose-form__footer,
.compose-form__buttons-wrapper {
  background: transparent !important;
  border: none !important;
}

/* ========== 강조색 ========== */
.button,
.compose-form__publish .button {
  background: #4a9fe0 !important;
  border-radius: 999px !important;
}

a,
.status__content a,
.status__display-name strong {
  color: #2b6ca8;
}


/* ========== 사이드바 메뉴 색상 ========== */
.column-link,
.navigation-panel .column-link span,
.navigation-panel__menu .column-link {
  color: #1e3a5f !important;
  font-weight: 500;
}

/* 아이콘 색 */
.column-link .icon,
.navigation-panel svg,
.column-link svg path {
  color: #1e3a5f !important;
  fill: #1e3a5f !important;
}

/* 현재 선택된 메뉴 (홈) 강조 */
.column-link--transparent.active,
.column-link.active {
  color: #6a7ca3  !important;
  font-weight: 700;
}

.column-link.active svg path {
  fill: #6a7ca3  !important;
}

/* 마우스 올렸을 때 */
.column-link:hover {
  color: #2b6ca8 !important;
  background: rgba(255, 255, 255, 0.4) !important;
  border-radius: 10px;
}

.column-link:hover svg path {
  fill: #2b6ca8 !important;
}