/*기본스타일 제거*/
.best-cc-main button{all: unset;cursor: pointer;}
.btcc-info-container button {all: unset;cursor: pointer;}

/*베스트 골프장 메인*/
.best-cc-main{height: 100%;width: 100vw;}
.best-cc-main .best-cc-main-title{display: flex;}
.best-cc-main .best-cc-main-title img{width: 30px; margin-left: 15px;}
.best-cc-main .best-cc-main-sub-title{display: flex;flex-direction: row;justify-content: space-around;}
.best-cc-main .best-cc-main-title p{font-size: 16px;font-weight: bolder;margin-left: 10px;}
.best-cc-main .best-cc-main-sub-title p{font-size: 13px;color: gray;}
/*골프장 리스트 디자인*/
.cc-list-wrap{overflow-x:auto;}
.cc-list-ul{display: inline-flex;flex-flow: row nowrap;}
.cc-list-li {display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;padding: 3px;margin: 5px 10px;background-color: #fff;transition: transform 0.2s ease, box-shadow 0.2s ease;width: 150px;
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border: 1px solid #ddd;border-radius: 10px;*/
}
.cc-list-li>div:nth-of-type(1){flex-basis: 80%;border-radius: 10px;}
.cc-list-li>div:nth-of-type(2){flex-basis: 10%; text-align: start;}
.cc-list-li>div:nth-of-type(3){flex-basis: 10%; text-align: start;}
.cc-list-li>div:nth-of-type(3)>p{color: #009944}

.cc-list-li img {width: 100%;/*height: 70%;*/object-fit: cover;border-radius: 10px;}
.cc-list-li > div:nth-child(2) p {font-size: 13px;font-weight: 600;margin-left: 10px;}
.cc-list-li > div:nth-child(3) {text-align: right;display: flex;width: 100%;justify-content: space-around;}
.cc-list-li > div:nth-child(3) p:first-child {font-weight: bold;font-size: 13px;width: auto;}
.cc-list-li > div:nth-child(3) div p {display: inline-block;background-color: #c9e5ff;color: #0047ab;font-size: 13px;padding:0 ;border-radius: 5px;}

/*골프장 info*/
.btcc-info-container{margin: 11vh auto 0 auto;width: 100vw;height: calc(100vh - (13vh + 70px));}
.btcc-info-container .btcc-info-img-box{width: 100%;height: 40%;}
.btcc-info-container .btcc-info-img-box img{width: 100%;height:100%;object-fit: cover;border-radius: 10px;}

.btcc-info-img-box{position: relative;}
.btcc-info-img-box>.pref-img-icon{position: absolute;  width: 50px;  top: 80%;  left: 80%;}

.btcc-info-rest-wapp{width: 100%;height:53%;}
.btcc-info-rest-wapp .btcc-info-rest-title{display: flex;justify-content: space-around;align-items: end;width: 100%;height: 60px;margin-bottom: 30px;}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-first{display: flex;flex-direction:column;justify-content: start}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-first>p:nth-of-type(1){font-size: 17px;font-weight: bolder;}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-first>p:nth-of-type(2){font-size: 14px;color: gray;}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-second{display: flex;flex-direction:row;justify-content: center;align-items: end;height: 100%;}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-second img{width: 20px;object-fit: cover;}
.btcc-info-rest-wapp .btcc-info-rest-title>.title-second button{background-color: transparent;border: none;color: var(--main-color);font-size: 14px;}

.btcc-info-rest-wapp .btcc-info-rest-box{width: 100%;height: 75%;overflow-y: scroll;}
.btcc-info-rest-wapp .btcc-info-rest-box>div:nth-of-type(1){width: 90%;margin: auto;}
.btcc-info-rest-wapp .btcc-info-rest-box>div:nth-of-type(1)>p{text-align: right;color: var(--main-color);font-size: 14px;}
.btcc-info-rest-wapp .btcc-info-rest-box>ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.btcc-info-rest-wapp .btcc-info-rest-box>ul>li{display: flex;justify-content: space-between;align-items: center;width: 90%;height: 50px; background-color: #e5f7ff;border:1px solid #37c0fb; border-radius: 10px;font-size: 15px;margin: 10px;}
.btcc-info-rest-wapp .btcc-info-rest-box>ul>li.btcc-info-rest-date{border: none;background-color: transparent;margin: 0;height: 100%;}
.btcc-info-rest-wapp .btcc-info-rest-box>ul>li>div{padding: 0 20px;}
.btcc-info-rest-wapp .btcc-info-rest-box>ul>li>div:nth-of-type(1){line-height: 20px;}
.btcc-info-btn-wapp{width: 100%;height:50px;display: flex}
.btcc-info-btn-wapp button{width: 50%;height: 100%;background-color: var(--main-color);color: #fff;font-size: 15px;font-weight: bold;;text-align: center;border: 1px solid white;}

/*베스트 골프장 더보기*/
/*.bestCcListMain-container{margin: 8vh auto 0 auto;width: 100vw;height: calc(100vh - (8vh + 85px));}*/
/*.bestCcListMain-container img{width:30px}*/
/*.best-cc-list-title{display: flex;  justify-content: flex-start;  align-items: center;}*/
/*.best-cc-list-title img{width: 30px;}*/
/*.best-cc-list-title p{font-size: 15px;font-weight: bolder;}*/
/*.best-cc-main-sub-title p{font-size: 15px;color: gray;}*/

/*.best-cc-list-sort{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 10px;}*/

/*.bestCcListMain-container .best-cc-list-info{border-bottom: 1px solid black;}*/

/*===베스트 골프장 더보기===*/
/* 컨테이너 */
.bestCcListMain-container{
  margin: 13vh auto 0 auto;
  width:100vw;
  height:calc(100vh - (13vh + 70px));
  box-sizing:border-box;
}
.bestCcListMain-container>div:nth-of-type(1){display: flex;flex-direction: column;justify-content: center;align-items: start;padding:0 10px;height: 80px;}
/* 타이틀 */
.best-cc-list-title{display:flex;align-items:center;gap:8px;padding-left:15px}
.best-cc-list-title img{width:20px;margin: 0 10px;}
.best-cc-list-title p{margin:0;font-size:16px;font-weight:800;}
.best-cc-list-sub-title{padding-left: 40px;}
.best-cc-list-sub-title p{margin:4px 0 0;color:#8a8a8a;font-size:12px}

/* 정렬 셀렉트: 오른쪽 정렬 */
.best-cc-list-sort{display:flex;justify-content:flex-end;align-items:center;margin:12px 0 8px}
#sort-best-cc-list{
  padding:8px 12px;border:1px solid #cfcfcf;border-radius:8px;
  font-size:14px;background:#fcfcfc;appearance:none;margin-right: 10px;
}

/* 리스트 */
.best-cc-list-info{border-top:1px solid #e6e6e6;padding-bottom: 100px;}
.best-cc-list-info-wrap{
  display:grid;
  grid-template-columns:72px 1fr auto;
  column-gap:12px;
  align-items:center;
  padding:6px;
  border-bottom:1px solid #e6e6e6;
}

/* 썸네일 */
.best-cc-list-info-wrap > div:nth-child(1) img{
  width:72px;height:72px;object-fit:cover;border-radius:12px;display:block
}

/* 코스명/가격 */
.best-cc-list-info-wrap > div:nth-child(2) > div{display:flex;flex-direction:column;gap:6px}
.best-cc-list-info-wrap > div:nth-child(2) p{margin:0;line-height:1.15}
.best-cc-list-info-wrap > div:nth-child(2) p:first-child{font-size:18px;font-weight:800}
.best-cc-list-info-wrap > div:nth-child(2) p:last-child{font-size:16px;font-weight:800;color:#2f9362}

/* 우측 영역 */
.best-cc-list-info-wrap > div:nth-child(3){
  display:flex;flex-direction:column;gap:10px;justify-self:end;align-items:flex-end
}

/* 우측 상단 아이콘(하트 등) */
.best-cc-list-info-wrap > div:nth-child(3) > div:first-child img{width:26px;height:26px}

/* 우측 하단: 시계 아이콘 + 배지 + 화살 */
.best-cc-list-info-wrap > div:nth-child(3) > div:last-child{
  display:flex;align-items:center;gap:8px
}
.best-cc-list-info-wrap > div:nth-child(3) > div:last-child img{width:24px;height:24px}
.best-cc-list-info-wrap > div:nth-child(3) > div:last-child p:first-of-type{
  margin:0;padding:6px 10px;background:#e4efff;border-radius:10px;font-weight:700;font-size:14px
}
.best-cc-list-info-wrap > div:nth-child(3) > div:last-child p:last-of-type{
  margin:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e4efff;border-radius:50%;background:#e4efff;font-weight:800
}

/* 반복 리스트 영역 숨김 기본 */
.best-cc-list-rests{display:none;width: 100%;height: 80%;overflow-y: scroll;}
.best-cc-list-rests>ul{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 20px;}
.best-cc-list-rests>ul>li{display: flex;justify-content: space-between;align-items: center;width: 90%;height: 50px; background-color: #e5f7ff;border:1px solid #37c0fb; border-radius: 10px;font-size: 15px;margin: 10px;}
.best-cc-list-rests>ul>li.btcc-info-rest-date{border: none;background-color: transparent;margin: 0;height: 100%;}
.best-cc-list-rests>ul>li>div{padding: 0 20px;}
.best-cc-list-rests>ul>li>div:nth-of-type(1){line-height: 20px;}

/* 빈 상태 ( bestCcMain ) */
.cc-list-wrap.empty{text-align: center}
.empty-card{background:#fff; border:1px solid #e5e7eb; border-radius:12px;padding:28px; text-align:center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.empty-card>img{width: 40px}
.empty-title{margin-top:16px; font-size:12px; color:#6b7280; background:#e0e7ff;display:inline-block; padding:6px 10px; border-radius:8px}
/* 빈 상태 ( bestCcList ) */
.best-cc-list-info-empty>div{text-align: center;margin-top: 50px;}
.best-cc-list-info-empty>div>img{width: 60%;}
.best-cc-list-info-empty>div>p{margin-top: 50px;font-size: 20px;font-weight: bolder;}
.best-cc-list-info-empty>div>button{border: 1px solid black;background-color: var(--main-color);margin-top: 30px;font-size: 16px;color: white;border-radius: 10px;width: 120px;height: 30px;}