/**
 * gh_list 호텔 카드 전용 스타일 (모바일 순서 포함).
 * 검색영역은 gh_list_search.css 사용 (gh_list.css 사용 안 함).
 */

/* 공유 / Wish 담기 버튼 (gh_list 카드·gh_detail 호텔명 우측 공통) */
.gh-list-card-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.gh-list-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    min-height: 36px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none !important;
    color: #fff;
    background: #00AD55;
    border: none;
    cursor: pointer;
}
.gh-list-card-btn:hover,
.gh-list-card-btn:focus,
.gh-list-card-btn:focus-visible { text-decoration: none !important; }
.gh-list-card-btn:hover { background: #009948; color: #fff; }
.gh-list-card-btn-primary { background: #00AD55; color: #fff; padding-bottom: 6px; }
.gh-list-wish-btn {
    padding: 8px 14px;
    min-height: 36px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    cursor: pointer;
}
/* .gh-list-card-btn와 같이 쓰여도 blur 시 글자색 유지 (card-btn이 color:#fff라 덮어씀) */
button.gh-list-wish-btn { color: #495057 !important; }
.gh-list-wish-btn:hover { background: #f1f3f5; border-color: #adb5bd; }
button.gh-list-wish-btn:focus { color: #00AD55 !important; border-color: #00AD55 !important; outline: none; }
button.gh-list-wish-btn:focus-visible { color: #00AD55 !important; border-color: #00AD55 !important; outline: 2px solid #00AD55; outline-offset: 2px; }
.gh-list-share-btn {
    padding: 6px;
    min-height: 36px;
    min-width: 36px;
    box-sizing: border-box;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    color: #495057;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.gh-list-share-btn:hover { background: #f1f3f5; border-color: #adb5bd; }
.gh-list-share-btn svg { width: 18px; height: 18px; display: block; }

/* 모바일(768px 이하): 카드 정보를 flex 열로, 표시 순서는 변수로 조정 */
@media (max-width: 768px) {
    .gh-list-card-info {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        grid-template-rows: unset !important;
        /* 모바일 표시 순서: 아래 숫자만 바꾸면 됨. 작은 숫자가 위로 (cancel 셀 제거됨) */
        --mo-grade: 2;    /* 등급/타입 */
        --mo-zone: 1;     /* 지역/목적지 */
        --mo-location: 3; /* 호텔위치 */
        --mo-golf: 5;     /* 골프장거리 */
        --mo-price: 6;    /* 요금 */
        --mo-actions: 7;  /* 버튼 */
    }
    .gh-list-card-info .gh-list-card-grade-type { order: var(--mo-grade) !important; }
    .gh-list-card-info .gh-list-card-zone-dest { order: var(--mo-zone) !important; }
    .gh-list-card-info .gh-list-card-hotel-location { order: var(--mo-location) !important; text-align: left !important; }
    .gh-list-card-info .gh-list-card-golf-dist { order: var(--mo-golf) !important; }
    .gh-list-card-info .gh-list-card-price-block { order: var(--mo-price) !important; }
    .gh-list-card-info .gh-list-card-actions { order: var(--mo-actions) !important; }
}

/* gh_detail 호텔 정보: 호텔 규모·체크인/체크아웃 스타일 */
#gh-detail-hotel-info .gh-htl-scale dd { font-weight: bold !important; }
#gh-detail-hotel-info .gh-htl-checkinout dd { font-weight: bold !important; color: #00AD55 !important; }