/**
 * @file
 * EP Cards - Global card component styles.
 * 
 * Based on the general info card from ep_contacts edit page.
 * Single source of truth: Located in theme, not module.
 */

/* Base Card Styles */
.ep-card {
  background-color: #fff;
  border: 1px solid #d6d3cd;
  border-radius: 0;
  padding: 14px 16px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.035);
  /* Inherit font from theme - no explicit font-family needed */
}

/* Card Title */
.ep-card__title {
  margin: 0 0 18px;
  font-size: 1.05rem;
  font-family: var(--ep-font-family-base);
  letter-spacing: 0.08em;
  color: #1c1c1a;
  text-transform: uppercase;
  font-weight: 600;
}

/* Card Header (optional wrapper for title and actions) */
.ep-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.ep-card__header .ep-card__title {
  margin: 0;
}

/* Card Body */
.ep-card__body {
  /* Body content styles */
}

/* Card Footer (optional) */
.ep-card__footer {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5e0d8;
}

/* Card Content - For displaying key-value pairs or form-like content */
.ep-card__content {
  /* Content wrapper */
}

/* Card Field/Row - For displaying label-value pairs */
.ep-card__field {
  display: grid;
  grid-template-columns: minmax(90px, 110px) 1fr;
  align-items: center;
  column-gap: 12px;
  row-gap: 12px;
  margin-bottom: 12px;
}

.ep-card__field:last-child {
  margin-bottom: 0;
}

.ep-card__field-label {
  margin: 0;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  color: #484236;
  text-align: left;
}

.ep-card__field-value {
  font-size: 0.9rem;
  color: #1c1c1a;
}

/* Card Modifiers */
.ep-card--compact {
  padding: 12px 14px;
}

.ep-card--spacious {
  padding: 20px 24px;
}

.ep-card--no-shadow {
  box-shadow: none;
}

.ep-card--bordered {
  border-width: 2px;
}

/* Responsive adjustments */
@media (max-width: 680px) {
  .ep-card {
    padding: 12px 14px;
  }
  
  .ep-card__field {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
  
  .ep-card__field-label {
    margin-bottom: 4px;
  }
}