/* =========================
   logo--wordmark를 SVG로 강제 교체 (no :has)
   ========================= */

/* 원래 로고 img를 내 SVG로 바꿔치기 */
img.logo.logo--wordmark{
  content: url("/logo-wordmark.svg") !important; /* 핵심 */
  width: 220px !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 혹시 주변 레이아웃이 높이를 잡아먹으면 최소 높이 보정 */
img.logo.logo--wordmark{
  max-height: 64px !important;
}

/* 모바일 */
@media (max-width: 600px){
  img.logo.logo--wordmark{
    width: 160px !important;
    max-height: 48px !important;
  }
}



/* === 전체 배경 이미지 === */
body {
  background-image: url("/mastodon-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}

/* 타임라인/카드 배경은 살짝 반투명 */
.column,
.drawer,
.getting-started,
.ui__header {
  background-color: rgba(255, 255, 255, 0.85);
}

/* === 프로필 헤더 배경(기본값처럼): 헤더를 안 올린 계정에서도 보이게 === */
.account__header__image,
.profile__header__image,
.account__header__image::before,
.profile__header__image::before {
  background-image: url("/default-header.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* 다크 테마면 이게 더 예쁠 수 있음(원하면 숫자만 조절) */
/*
.column,
.drawer,
.getting-started,
.ui__header,
.account__section-headline,
.scrollable {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
*/