/*
 * 巡礼点卡片高度优化
 * 当评论区未展开时，使卡片更加紧凑
 */

/* 桌面版卡片高度优化 */
@media (min-width: 769px) {
  /* 调整卡片整体布局，使其更加紧凑 */
  .info-card .card-body {
    padding: 1rem;
  }

  /* 优化卡片内部行间距 */
  .info-card .row {
    margin: 0 -0.5rem;
  }

  /* 调整列间距 */
  .info-card .col-md-6 {
    padding: 0 0.5rem;
  }

  /* 减小图片下方的间距 */
  .info-card .col-md-6:first-child {
    margin-bottom: 0;
  }

  /* 减小图片下方的间距 */
  #point-image {
    margin-bottom: 0 !important;
  }

  /* 减小标题和文本元素的间距 */
  .info-card .card-title {
    margin-bottom: 0.5rem;
  }

  .info-card .card-text {
    margin-bottom: 0.5rem;
  }

  /* 优化按钮区域的间距 */
  .info-card .map-links {
    margin-top: 0.5rem;
  }

  /* 减小按钮之间的间距 */
  .info-card .map-links .btn {
    margin-bottom: 0.5rem;
  }

  /* 默认情况下（评论区隐藏时），减少底部内边距 */
  .info-card .card-body {
    padding-bottom: 0.75rem;
  }

  /* 当评论区显示时，增加底部内边距 - 通过JavaScript添加类 */
  .info-card .card-body.comments-expanded {
    padding-bottom: 1rem;
  }
}