/* Variants archive improvements: spacing, badges, contrast */
.variant-card { border-radius: 12px; overflow: hidden; }
.variant-card .card-header { padding: 1rem 1rem; background: transparent; }
.variant-card .card-body { padding: 1rem; }
.variant-card .card-footer { padding: .75rem 1rem; background: transparent; border-top: 1px solid rgba(0,0,0,0.04); }
.variant-card .thcbadge, .variant-card .cbdbadge { display: inline-block; min-width: 44px; text-align: center; padding: 0.25rem .5rem; border-radius: 8px; font-size: 0.85rem; }
.variant-card .thcbadge { background: #7a5b00; color: #fff; }
.variant-card .cbdbadge { background: #1b5e20; color: #fff; }
.variant-card h3 { color: #2e6b2e; font-weight:700; font-size:1.05rem; }
.variant-card .fw-semibold { font-weight:600; }
.variant-icon svg { opacity: 0.95; }
/* make the card grid more airy */
#posts_container .col { padding: 0.6rem; }
.variant-card { box-shadow: 0 6px 18px rgba(18,30,22,0.04); }
/* make N/A less noisy */
.variant-card .fw-semibold:empty, .variant-card .fw-semibold { color: #333; }
.variant-card .fw-semibold small { color: #666; }
/* responsive tweaks */
@media (max-width: 767px) {
  .variant-card h3 { font-size: 1rem; }
  .variant-card .thcbadge, .variant-card .cbdbadge { min-width: 40px; font-size: 0.8rem; }
}