/*
| 예약 조회 페이지 — 변경/취소 버튼 디자인 override
|
| CDN 본 (common/css/auth.css) 의 디자인이 변경 = 빨간 강조 / 취소 = 평범 텍스트
| 라서 두 버튼의 시각 위계 차이가 컸습니다. 이 파일에서 override 하여
| 둘 다 회색 베이스 + hover 시 색 변화로 디자인을 통일합니다.
|
| 적용 시점: 2026-04-29
| 로드 위치: header.php 에서 url_check == 'auth' 일 때만 조건부 로드
| (다른 페이지에서는 로드 안 됨)
|
| CDN auth.css 보다 뒤에 로드되므로 (source order) 같은 selector 의 properties
| override 가 자동 적용됩니다.
*/

/* ===== 베이스 — 두 버튼 동일 ===== */
.authList .auLi_box .auLi_btn li {
    border: 2px solid #ddd;
    color: #666;
    background: #fff;
    border-radius: 50px;
    transition: all 0.2s ease;
}

/* ===== 예약변경 버튼 hover — 빨강 강조 ===== */
.authList .auLi_box .auLi_bCha:hover {
    border-color: #ff172d;
    color: #ff172d;
    background: rgba(255, 23, 45, 0.04);
}

/* ===== 예약취소 버튼 hover — 진한 회색 ===== */
.authList .auLi_box .auLi_bCan:hover,
.authList .auLi_box .auLi_bCan.one:hover {
    border-color: #333;
    color: #333;
    background: rgba(0, 0, 0, 0.03);
}

/* ===== 모바일 — 테두리 살짝 얇게 ===== */
@media screen and (max-width: 720px) {
    .authList .auLi_box .auLi_btn li {
        border-width: 1px;
    }
}