/**
 * APCMFW - Product Condition Manager Frontend Styles
 */

/* --- Base Display Wrapper --- */
.product-condition-display {
  margin-top: 0.5em; /* Add some space */
  font-size: 0.9em; /* Slightly smaller font */
  clear: both; /* Ensure it clears floats */
}
.product-condition-display .product-condition-label {
  font-weight: 600; /* Make prefix label semi-bold */
  margin-right: 0.4em;
}

/* --- Badge Style --- */
.apcmfw-style-badge .apcmfw-badge {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 0.85em;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background-color: #6c757d; /* Default grey */
  border-radius: 0.25rem;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

/* Condition-specific badge colors (Examples - customize as needed) */
.apcmfw-badge.apcmfw-badge-key-new,
.apcmfw-badge.apcmfw-badge-key-brand_new,
.apcmfw-badge.apcmfw-badge-key-new_with_box,
.apcmfw-badge.apcmfw-badge-key-new_with_tags {
  background-color: #28a745; /* Green */
}
.apcmfw-badge.apcmfw-badge-key-new_with_defects,
.apcmfw-badge.apcmfw-badge-key-new_without_box,
.apcmfw-badge.apcmfw-badge-key-new_without_tags {
  background-color: #17a2b8; /* Teal/Info Blue */
}

.apcmfw-badge.apcmfw-badge-key-used,
.apcmfw-badge.apcmfw-badge-key-used_good,
.apcmfw-badge.apcmfw-badge-key-used_very_good,
.apcmfw-badge.apcmfw-badge-key-used_acceptable,
.apcmfw-badge.apcmfw-badge-key-used_pre_owned {
  background-color: #fd7e14; /* Orange */
}
.apcmfw-badge.apcmfw-badge-key-used_like_new,
.apcmfw-badge.apcmfw-badge-key-used_certified {
  background-color: #ffc107; /* Yellow/Amber */
  color: #212529; /* Darker text for yellow */
}

.apcmfw-badge.apcmfw-badge-key-refurbished_manufacturer,
.apcmfw-badge.apcmfw-badge-key-refurbished_seller,
.apcmfw-badge.apcmfw-badge-key-refurbished_remanufactured {
  background-color: #007bff; /* Blue */
}

.apcmfw-badge.apcmfw-badge-key-damaged,
.apcmfw-badge.apcmfw-badge-key-damaged_parts {
  background-color: #dc3545; /* Red */
}

.apcmfw-badge.apcmfw-badge-key-other_custom {
  background-color: #6c757d; /* Grey */
}

/* --- Icon Placeholder Style --- */
.apcmfw-style-icon .apcmfw-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
  vertical-align: middle;
  background-color: #e9ecef;
  border-radius: 2px;
}