/* --- 추가/수정할 스타일: 비활성화된 카드 및 배지 --- */

/* 기존 .tool-card 선택자에 아래 두 속성을 추가하거나,
  속성이 이미 있다면 값이 아래와 같은지 확인해주세요.
  (기존 index.css에 overflow:hidden이 이미 있습니다)
*/
.tool-card {
    position: relative; /* 배지 위치의 기준점 */
    overflow: hidden;   /* 카드를 벗어나는 배지 부분 숨김 */
}

/* 카드 비활성화 스타일 */
.tool-card.is-disabled {
    opacity: 0.6;
    filter: grayscale(80%);
    transition: all 0.3s ease;
}

/* 비활성화된 카드 호버 효과 제거 */
.tool-card.is-disabled:hover {
    transform: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* 비활성화된 카드 내부 버튼 스타일 */
.tool-card.is-disabled .tool-btn {
    background: #a0aec0; /* 회색 계열 */
    cursor: not-allowed;
}

.tool-card.is-disabled .tool-btn:hover {
    background: #a0aec0;
    transform: none;
    box-shadow: none;
}

/* '준비중' 배지 스타일 */
.badge-soon {
    position: absolute;
    top: 15px;
    right: -30px;
    background: #f56565; /* 빨간색 계열 */
    color: white;
    padding: 5px 30px;
    font-size: 0.8rem;
    font-weight: 700;
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1; /* 다른 요소 위에 보이도록 */
}