/**
 * widgets/real_estate/listing-actions — 매물 상세 상호작용 버튼
 *
 * 제목·가격 바로 아래에 가로로 놓인다. 주인의 수정·삭제(listing-view footer)와
 * 시각적으로 구분되도록 알약 모양 + 아이콘 우선으로 그린다.
 */
.w-listing-actions {
    --w-listing-actions-fg:     var(--site-text, #1f2937);
    --w-listing-actions-muted:  var(--site-muted, #6b7280);
    --w-listing-actions-border: var(--site-border, #e5e7eb);
    --w-listing-actions-brand:  var(--site-brand, #0f766e);

    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.85rem 0 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--w-listing-actions-border);
}

.w-listing-actions__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.9rem;
    border: 1px solid var(--w-listing-actions-border);
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* 프로젝트 규칙 — 커스텀 요소 hover 는 배경 #f1f5f9 / 텍스트 #64748b */
.w-listing-actions__btn:hover:not([disabled]) {
    background: #f1f5f9;
    color: #64748b;
    border-color: #cbd5e1;
}

.w-listing-actions__btn[disabled] { opacity: 0.6; cursor: default; }

/* 켜진 상태 — 브랜드 연한 배경 + 진한 글자로 명암 4.5:1 이상 */
.w-listing-actions__btn.is-on {
    background: var(--site-brand-soft, #f0fdfa);
    border-color: var(--w-listing-actions-brand);
    color: var(--w-listing-actions-brand);
}

/* 즐겨찾기만 붉은 하트 — 저장은 감정적 표시라 브랜드색보다 하트색이 읽힌다 */
.w-listing-actions__bookmark.is-on {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

/* 이미 신고한 것 — 되돌릴 수 없으므로 회색으로 잠근다 */
.w-listing-actions__btn.is-done {
    background: #f8fafc;
    color: #94a3b8;
    border-color: var(--w-listing-actions-border);
}

@media (max-width: 640px) {
    .w-listing-actions { gap: 0.3rem; }
    .w-listing-actions__btn { padding: 0.4rem 0.7rem; font-size: 0.75rem; }
    /* 좁은 화면에서는 아이콘만 남기지 않는다 — 무슨 버튼인지 알 수 없어진다 */
}

/* 차단 가림 화면 — 해제 버튼 하나만 가운데에 둔다 (view.php 가 class 로 넘긴다)
   🔴 기본 스타일의 아래 구분선(border-bottom)은 상세 페이지 제목 밑에 놓일 때 쓰는 것이다.
      가림 화면에서는 버튼 아래 빈 가로선만 남아 지운다. */
.w-listing-actions--solo {
    justify-content: center;
    margin: 0 auto 2.5rem;
    padding-bottom: 0;
    border-bottom: 0;
}