/* ========================================================== */
/* 1. 마스토돈 멘션 링크 및 UI 요소 숨김 (공통 적용) */
/* ========================================================== */
.status__content a.mention, 
.reply-indicator__content a.mention {
    color: #b0b0b0 !important;
    text-decoration: none !important;
}
.status__content a.mention:hover, 
.reply-indicator__content a.mention:hover {
    color: #e0e0e0 !important;
    text-decoration: underline !important;
}

/* 비어 있는 리액션 바 숨기기 */
.reactions-bar.reactions-bar--empty {
    display: none !important;
}

/* 공지사항 기간/날짜 텍스트 숨기기 */
.announcements__item__range {
    display: none !important;
}

/* 코끼리 비행기 일러스트 삭제 */
.announcements__mastodon, 
img[src*="elephant_ui_plane"] {
    display: none !important;
}

/* 특정 path 데이터를 가진 SVG 아이콘 저격 삭제 */
svg:has(path[d^="M22.28,4.4c-.97-1.32-3.59-1.17"]),
path[d^="M22.28,4.4c-.97-1.32-3.59-1.17"] {
    display: none !important;
}

/* 고급 웹 인터페이스의 검색 입력창 영역 완전히 숨기기 */
.search__input, .search-sidebar .search__input, .drawer__inner__mastodon .search__input, .search {
    display: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 답글 및 특정 공개범위 톳의 우측/하단 테두리 선 강제 제거 */
.status__wrapper.status__wrapper-unlisted.status__wrapper-reply.focusable,
.status__wrapper.status__wrapper-unlisted.status__wrapper-reply.focusable .status,
.status__wrapper.status__wrapper-unlisted.status__wrapper-reply.focusable .detailed-status,
.status__wrapper.status__wrapper-unlisted.status__wrapper-reply.focusable a {
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 고급 웹 인터페이스 칼럼 정렬 (drawer를 맨 우측으로) */
.columns-area { display: flex !important; }
.columns-area .drawer { order: 9999 !important; border-right: none !important; }

/* ========================================================== */
/* 2. [카이블 낮 / 라이트 테마] 배경 이미지 + 완전한 흰색 칼럼 */
/* ========================================================== */
body.theme-theme-ui-light,
.app-body.theme-theme-ui-light {
    background-image: url('https://kaible.xyz/packs/assets/bg_light-ilUL7EIO.png') !important;
    background-size: cover !important;          
    background-repeat: no-repeat !important;     
    background-position: center !important;      
    background-attachment: fixed !important;     
}

/* 낮 테마 칼럼 세팅 */
.theme-theme-ui-light .column, 
.theme-theme-ui-light .scrollable, 
.theme-theme-ui-light .drawer__inner, 
.theme-theme-ui-light .drawer__header, 
.theme-theme-ui-light .column-header, 
.theme-theme-ui-light .column-header__button, 
.theme-theme-ui-light .column-header__title,
.theme-theme-ui-light .status {
    background: #ffffff !important; 
    color: #333333 !important;
}
.theme-theme-ui-light .scrollable {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.theme-theme-ui-light .column,
.theme-theme-ui-light .status {
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.theme-theme-ui-light .compose-form__textarea-wrapper textarea {
    background: #f8fafc !important; 
    color: #222222 !important;
    border: 1px solid #cbd5e1 !important;
}

/* 새 멘션(unread) 강조 배경 복원 */
.theme-theme-ui-light .status__wrapper.unread .status,
.theme-theme-ui-light .status__wrapper.unread .detailed-status,
.theme-theme-ui-light .status.unread {
    background: #eef2f7 !important;
}


/* ========================================================== */
/* 3. [카이블 밤 / 다크 테마] 배경 이미지 + 지정형 어두운 칼럼 */
/* ========================================================== */
body.theme-theme-ui-dark,
body.theme-dark,
.app-body.theme-theme-ui-dark {
    background-image: url('https://kaible.xyz/packs/assets/bg_dark-jrRMiSXI.png') !important;
    background-size: cover !important;          
    background-repeat: no-repeat !important;     
    background-position: center !important;      
    background-attachment: fixed !important;     
}

/* 밤 테마 칼럼 세팅 (보내주신 색상 #18191b 반영) */
.theme-theme-ui-dark .column, .theme-dark .column,
.theme-theme-ui-dark .scrollable, .theme-dark .scrollable,
.theme-theme-ui-dark .drawer__inner, .theme-dark .drawer__inner,
.theme-theme-ui-dark .drawer__header, .theme-dark .drawer__header,
.theme-theme-ui-dark .column-header, .theme-dark .column-header,
.theme-theme-ui-dark .column-header__button, .theme-dark .column-header__button,
.theme-theme-ui-dark .column-header__title, .theme-dark .column-header__title,
.theme-theme-ui-dark .status, .theme-dark .status {
    background: #18191b !important; 
    color: #eeeeee !important;
}
.theme-theme-ui-dark .scrollable, .theme-dark .scrollable {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.theme-theme-ui-dark .column, .theme-dark .column,
.theme-theme-ui-dark .status, .theme-dark .status {
    border-right: 1px solid #282a2d !important;
    border-bottom: 1px solid #242629 !important;
}
.theme-theme-ui-dark .compose-form__textarea-wrapper textarea, .theme-dark .compose-form__textarea-wrapper textarea {
    background: #242629 !important; 
    color: #ffffff !important;
    border: 1px solid #34373c !important;
}
.theme-theme-ui-dark .status__content, .theme-dark .status__content {
    color: #e2e8f0 !important;
}
.theme-theme-ui-dark .drawer { border-left: 1px solid #282a2d !important; }

/* 새 멘션(unread) 강조 배경 복원 */
.theme-theme-ui-dark .status__wrapper.unread .status, .theme-dark .status__wrapper.unread .status,
.theme-theme-ui-dark .status__wrapper.unread .detailed-status, .theme-dark .status__wrapper.unread .detailed-status,
.theme-theme-ui-dark .status.unread, .theme-dark .status.unread {
    background: #222428 !important;
}