/* equipment.css */
main{max-width:1200px;margin:0 auto;}
:root{
  --ink:#111827; --muted:#6b7280; --line:#e5e7eb; --pri:#2563eb; --pri-ink:#fff; --bg:#f9fafb;
}
.container{max-width:1200px;margin:30px auto;padding:0 16px;}
.equip-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px;}
.equip-title{font-size:22px;font-weight:800;color:var(--ink);margin:0;}
.btn{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600;line-height:1;}
.btn:hover{box-shadow:0 1px 0 rgba(0,0,0,.04);}
.btn.primary{background:var(--pri);border-color:var(--pri);color:var(--pri-ink);}
.btn.danger{border-color:#ef4444;color:#ef4444;background:#fff;}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle;}
.table th{background:#f3f4f6;text-align:left;color:#374151;white-space:nowrap;}
.table tr:hover td{background:#fafafa;}
.badge{display:inline-block;padding:3px 8px;border-radius:100px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;}
.price{font-weight:800;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-row{display:flex;flex-direction:column;gap:6px;}
.form-row label{font-weight:700;color:#374151;}
.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;background:#fff;}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#9bb3ff;box-shadow:0 0 0 3px rgba(20,52,123,.08);}
.form-row select {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
  color: #111827;             /* 텍스트 색상 */
  background-color: #fff;
  background-image: url("/assets/img/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  appearance: none;           /* 기본 화살표 제거 (Chrome, Safari 등) */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.form-row select:focus {
  border-color: #9bb3ff;
  box-shadow: 0 0 0 3px rgba(20,52,123,.08);
}

.actions{display:flex;gap:8px;flex-wrap:wrap;}
.empty{padding:28px 16px;border:1px dashed var(--line);border-radius:12px;background:var(--bg);color:var(--muted);}
.btn-ghost{border:1px solid #e5e7eb;background:#fff;padding:2px 6px;border-radius:6px;font-size:12px;cursor:pointer}
.btn-ghost.warn{border-color:#fecaca;background:#fff7f7}
.badge-primary{position:absolute;top:6px;left:6px;background:#2563eb;color:#fff;font-size:11px;padding:2px 6px;border-radius:999px}
.dz:focus{outline:2px solid #93c5fd}
.card{margin:20px 0;}
.card .content-bg{padding:10px; border:1px solid #ccc;background:#eee;border-radius:20px;}
.card h3{margin:10px 0 20px;}
.muted{color:var(--muted);padding:10px;}
.card .tips{list-style-position:inside;padding:20px 0;margin-left:30px;}
@media (max-width:768px){
  .form-grid{grid-template-columns:1fr;}
  .equip-header{flex-direction:column;gap:10px;align-items:flex-start;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------equipment/view Style-----------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
h2.page-title{margin:0;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:40px;word-break:keep-all;word-wrap:break-word;}
.equip-view{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;min-height:500px;}
.equip-view__media{overflow:hidden;}
.equip-gallery-main .slide{display:flex;align-items:center;justify-content:center;height:480px;background:#f6f7f8;border-radius:10px;border:1px solid #eee;overflow:hidden;}
.equip-gallery-main .slide img{width:100%;height:100%;object-fit:cover;display:block;}
.equip-gallery-thumbs{display:flex;gap:6px 5px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;padding-bottom:10px;}
.equip-gallery-thumbs .thumb{display:flex;align-items:center;justify-content:center;width:100px;height:70px;margin:4px;cursor:pointer;border-radius:8px;border:2px solid #ccc;background:#fff;overflow:hidden;}
.slick-prev {left: 10px;}
.slick-next {right:10px;}
.slick-prev, .slick-next {font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:99;}
.slick-prev:before, .slick-next:before{font-size:30px;}
.equip-gallery-main{ height:480px; }
.equip-gallery-main .slide{ height:480px; display:flex; align-items:center; justify-content:center; }
.equip-gallery-main img{ height:100%; width:auto; object-fit:contain; display:block;}
.equip-view__media > .slick-list{height:480px;overflow:hidden;}
/* 썸네일 */
.equip-gallery-thumbs{ margin-top:10px; }
.equip-gallery-thumbs .thumb{ padding:4px; cursor:pointer; }
.equip-gallery-thumbs .thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block;opacity:.6;user-select:none;-webkit-user-drag:none;}
.equip-gallery-thumbs .thumb.is-active{border-color:#0b7;}
.equip-gallery-thumbs .slick-current{border-color:#0b7;}
.equip-gallery-thumbs .slick-current img{opacity:1;}
.equip-meta{width:100%;border-collapse:collapse;margin:0px 0 16px;}
.equip-meta th,.equip-meta td{padding:8px 10px;border-bottom:1px dashed #eee;text-align:left;}
.equip-meta th{width:120px;font-weight:700;color:#333;background:#fafafa;}
.equip-desc{magin:0; padding:0;}
.equip-desc h3{margin:20px 5px 5px;font-size:18px;text-transform:uppercase;}
.detail-info{white-space: normal; word-break: keep-all; word-wrap: break-word;padding:10px;border:1px solid #eee; border-radius:10px;min-height:150px;}
.equip-actions{display:flex;gap:10px;margin-top:30px;justify-content:flex-end;}
.btn{display:inline-block;padding:8px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;text-decoration:none;color:#222;cursor:pointer;}
.btn-primary{background:#0b7;color:#fff;border-color:#0b7;}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;line-height:20px;border:1px solid transparent;}
.badge--blue{background:#eef6ff;color:#0b63ce;border-color:#d6e8ff;}
.badge--red{background:#ffecec;color:#c22626;border-color:#ffc9c9;}
.badge--gray{background:#f6f7f8;color:#444;border-color:#e5e7ea;}
.badge--dark{background:#eee;color:#222;border-color:#ddd;}
/* Map modal (kept simple like early draft) */
.map-modal{position:fixed;inset:0;display:none;z-index:3000;}
.map-modal[aria-hidden="false"]{display:block;}
.map-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.map-modal__dialog{position:relative;z-index:1;width:min(720px,92vw);margin:8vh auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.2);}
.map-modal__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eee;}
.map-modal__close{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;}
.map-modal__body{padding:14px;}
#gmap{width:100%;height:360px;border-radius:10px;}
#map-addr{margin-top:8px;color:#666;}
/* 메인 영역 높이 고정(원하는 값으로), 이미지는 '높이에 맞춰 width:auto' */

/* listings페이지 css */
#advFilters > summary::-webkit-details-marker { display:none !important; }
#advFilters > summary { cursor:pointer; user-select:none; }

/* 라벨 토글: 기본은 닫힘 라벨만 */
#advFilters .when-open   { display:none !important; }
#advFilters .when-closed { display:inline !important; }

/* open 되면 라벨 전환 */
#advFilters[open] .when-open   { display:inline !important; }
#advFilters[open] .when-closed { display:none !important; }

/* 슬라이드( max-height 트릭 ) */
#advFilters .adv-panel{
	overflow:hidden !important;
	max-height:0 !important;
	opacity:0 !important;
	transform: translateY(-4px) !important;
	transition: max-height .35s ease, opacity .25s ease, transform .25s ease !important;
	will-change: max-height, opacity, transform;
}
#advFilters[open] .adv-panel{
	max-height:1200px !important; /* 필요시 더 키우세요 */
	opacity:1 !important;
	transform:none !important;
}

/* 모션 최소화 환경 배려 */
@media (prefers-reduced-motion: reduce){
	#advFilters .adv-panel{ transition:none !important; }
}