@charset "utf-8";

/* 파트너 매장 정보 전용 - partner/shop/index.php, 동작 partner/js/shop.js
   입력·칩·업로드·저장 바는 common.css 폼 컴포넌트. 여기에는 이 화면에만 있는 배치만 둔다 */

/* 매장태그 - 그룹 제목(서비스·시설·이용 형태) + 칩 */
.tag-item .tag-group {padding: 0; margin: 0;}
.tag-item .tag-group + .tag-group {margin-top: 12px;}
.tag-item .tag-group-tit {margin-bottom: 8px; padding: 0; color: var(--color-gray8);}

/* 선택한 태그별 설명 - 왼쪽 태그 이름, 오른쪽 입력 */
.tag-desc-list {display: flex; flex-direction: column; row-gap: 12px;}
.tag-desc-row {display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; column-gap: 16px;}
.tag-desc-row[hidden] {display: none;}
.tag-desc-row .tag-desc-label {color: var(--color-gray8);}
.tag-desc-empty {color: var(--color-gray5);}

/* 브레이크 타임 - 없음/설정하기 칩 + 시간 */
.break-field {display: flex; align-items: center; gap: 12px 16px;}
.break-field .check-chip-list {flex: none; flex-wrap: nowrap;}
.break-field .range-field {flex: 1 1 auto; min-width: 0;}

/* 휴무일 - 요일 칩 + 기타 휴무일 입력. 칩이 길어 이 줄만 왼쪽 칸을 넓힌다 (시안 비율) */
.holiday-row {grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);}
.holiday-field {display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px;}
.holiday-field .holiday-etc {flex: 1 1 200px; width: auto; min-width: 0;}

/* 지도 */
.map-box {overflow: hidden; height: 420px; border: 1px solid var(--color-gray3); border-radius: var(--radius); background-color: var(--color-gray2);}
.map-box .map-frame {display: block; width: 100%; height: 100%; border: 0;}


@media screen and (max-width: 1280px) {
    .holiday-row {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .break-field {flex-direction: column; align-items: stretch;}
}

@media screen and (max-width: 768px) {
    .holiday-row {grid-template-columns: minmax(0, 1fr);}
    .map-box {height: 300px;}
}

@media screen and (max-width: 480px) {
    .tag-desc-row {grid-template-columns: minmax(0, 1fr); row-gap: 6px;}
    .map-box {height: 240px;}
}