/* ────────────────
   교통 안내 카드 (로즈골드 테마)
──────────────── */
/* .transport-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.transport-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: #fffaf8; /* 밝은 로즈골드 베이스 */
  border: 1px solid #f3d9d5; /* 연한 로즈골드 테두리 */
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 4px 14px rgba(243, 217, 213, 0.35);
  transition: all 0.25s ease;
}
.transport-card:hover {
  background: #fbe8e9; /* hover 시 로즈톤 강화 */
  box-shadow: 0 6px 18px rgba(200, 140, 150, 0.25);
}

.transport-card .icon {
  font-size: 24px;
  flex-shrink: 0;
  width: 28px;
  text-align: center;
  color: #d1919a; /* 로즈핑크 톤 아이콘 */
}

.transport-card .info h5 {
  font-size: 16px;
  font-weight: 700;
  color: #533b43; /* 로즈 계열 글자색 */
  margin: 0 0 4px 0;
}

.transport-card .info .title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #744e57;
}

.transport-card .badges {
  margin: 6px 0;
}

.transport-card .badge {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 8px;
  border-radius: 8px;
  background: #f4c4c7;
  color: #5c2e32;
}

.transport-card .desc {
  font-size: 13px;
  line-height: 1.5;
  color: #533b43;
  margin: 0;
} */


/* 보라색 버전 */

/* ────────────────
   교통 안내 카드 (보라톤 테마)
──────────────── */
.transport-card {
  background: #fdfaff;
  border: 1px solid #e3d4f7;
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0 4px 14px rgba(200, 180, 230, 0.3);
  transition: all 0.25s ease;
}
.transport-card:hover {
  background: #f4e8ff;
  box-shadow: 0 6px 20px rgba(140, 100, 200, 0.25);
}

.transport-card .icon {
  font-size: 24px;
  color: #8a6ac1;
}

.transport-card .info h5 {
  font-size: 16px;
  font-weight: 700;
  color: #4b3a6b;
  margin: 0 0 4px 0;
}

.transport-card .info .title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #5b4984;
}

.transport-card .badge {
  background: #cdb8f0;
  color: #fff;
  font-size: 12px;
  padding: 5px 8px;
  border-radius: 8px;
}



/*  간격 */

/* 리스트 전체 간격 */
.transport-list {
  margin-top: 18px;
}

/* 각 항목 블록 여백/구분선 */
.transport-list > * {
  padding: 14px 2px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.06);   /* 아주 옅은 선(투명) */
  border-bottom-color: rgba(227, 212, 247, 0.6);
}

/* 마지막 항목은 선 제거 */
.transport-list > *:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* 항목 간 간격을 조금 더 주고 싶다면(둘 중 하나만 선택) */
.transport-list > * + * {        /* 바로 다음 항목 */
  margin-top: 10px;              /* 항목 사이 간격 */
}

/* 아이콘/제목/뱃지/부가설명 간격 정리 */
.transport-list h5 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
}
.transport-list .title {         /* “시내버스 이용” 같은 한 줄 */
  margin: 0 0 6px;
  font-size: 14px;
  color: #666;
}
.transport-list .badges {        /* 노선 뱃지 줄 */
  margin: 6px 0 6px;
}
.transport-list .badges .badge {
  margin-right: 6px;
  margin-bottom: 4px;
}
.transport-list .desc {
  margin: 0;
  font-size: 13px;
  color: #444;
}

/* 아이콘과 텍스트가 너무 붙어 보이면 */
.transport-list .fa-bus,
.transport-list .fa-train,
.transport-list .fa-car {
  margin-right: 6px;  /* 제목 왼쪽 아이콘과 텍스트 간격 */
}

/* 메인으로 돌아가기 버튼 거리 띄우기 */
.back-to-main {
  display: block;
  margin: 40px auto 60px; /* 위아래 여백 */
  text-align: center;
}


.text-center .btn.btn-lg {
  margin-top: 24px;   /* 위 여백 */
  margin-bottom: 40px;/* 아래 여백 */
}

/* static/css/pages/map.css */
/* 지도 컨테이너는 항상 고정 높이 확보 */
#map{
  width:100%;
  height:360px;
  min-height:360px;
}
@media (min-width:768px){
  #map{ height:500px; }
}

/* 카드 안쪽 여백이 0이면 경계선 때문에 시각적으로 줄어든 것처럼 보여서 */
.card-body:has(#map){ padding:0; }