/**
 * Custom Development CSS
 *
 * UI팀 제공 CSS에 없는 개발 중 필요한 스타일 정의
 * 추후 UI팀에 정식 편입 요청 예정
 *
 * @author Developer
 * @since 2025-01-30
 */

/* ========================================
   Disabled Button Styles
   ======================================== */

/**
 * disabled 속성이 있는 버튼 스타일
 * - 시각적 피드백: 투명도, 커서 변경
 * - 클릭 방지: pointer-events
 *
 * 주의: common.css의 .btn { cursor: pointer } 스타일을 override
 */
button:disabled,
button[disabled] {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

/* 버튼 종류별 disabled 스타일 */
.btn:disabled,
.btn[disabled] {
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

/**
 * 파란색 버튼 disabled
 * 기존: .btn-blue { background-color: #307dc1; border: 1px solid #2667a0 }
 */
.btn-blue:disabled,
.btn-blue[disabled] {
    background-color: #7fadd4 !important;  /* #307dc1의 밝은 버전 */
    border-color: #7fadd4 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/**
 * 흰색 버튼 disabled
 * 기존: .btn-white { background-color: #fff; border: 1px solid #adadad }
 */
.btn-white:disabled,
.btn-white[disabled] {
    background-color: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/**
 * 은색 버튼 disabled
 * 기존: .btn-silver { background-color: #f9f9f9; border: 1px solid #adadad }
 */
.btn-silver:disabled,
.btn-silver[disabled] {
    background-color: #e8e8e8 !important;
    border-color: #c0c0c0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* ========================================
   Input Disabled Styles
   ======================================== */

/**
 * disabled 속성이 있는 input 스타일
 */
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled] {
    background-color: #f5f5f5 !important;
    color: #999999 !important;
    cursor: not-allowed !important;
}

/* ========================================
   Notes for UI Team
   ======================================== */

/**
 * TODO: UI팀 정식 편입 요청 사항
 *
 * 1. button:disabled 스타일 (최우선)
 *    - 현재 Lime CSS에 없어서 disabled 버튼이 시각적으로 구분 안 됨
 *    - Tailwind, Bootstrap 등 모든 CSS 프레임워크에 기본 제공되는 기능
 *
 * 2. input:disabled, select:disabled, textarea:disabled 스타일
 *    - disabled 입력 필드 시각적 피드백 필요
 */