.header {
  z-index: 3; /* 確保 header 在 footer 之上 */
}

.section-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.filters {
  margin-bottom: 2rem;
}
.filter-group {
  margin-bottom: 1rem;
}
.filter-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

/* 衣櫃項目區 */
#wardrobe-list .card {
  padding: 10px; /* 增加卡片內間距 */
  margin-bottom: 1.5em;
}

.card img {
  max-height: 200px;
  object-fit: cover;
}

.card-title {
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.card-title a {
  text-decoration: none;
  color: var(--primary-text-color);
}

.card-body {
  text-align: center;
}


/* 操作按鈕區 */
.actions {
  margin: 2rem;
}

@media (max-width: 576px) {
  #wardrobe-list .col-12 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 576px) {
  #wardrobe-list .col-sm-6 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 768px) {
  #wardrobe-list .col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 992px) {
  #wardrobe-list .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}