/* Product Comparison Styles */

/* Compare Button on Product Cards */
.compare-btn {
  position: relative;
  transition: all 0.3s ease;
  background-color: #ffd200 !important;
  border-color: transparent !important;
  color: var(--black) !important;
  font-weight: 700 !important;
}

.compare-btn .compare-icon {
  font-size: 18px;
  margin-right: 5px;
  font-weight: bold;
}

.compare-btn.active {
  background-color: #043a7a !important;
  color: white !important;
  border-color: #043a7a !important;
}

.compare-btn.active .compare-icon {
  color: #ffd200;
}

.compare-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Card spacing adjustment for 3 buttons */
.card-product-grid .info-wrap {
  padding: 8px 12px;
}

.card-product-grid figcaption {
  margin-bottom: 5px;
}