/* CompositeCardContent / ContentSection — structural layout only.
   Typography for list item types lives in itemType.less. */

.CompositeCardContent {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.CompositeCardContent__divider {
  border-top: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-1);
  margin: var(--slds-g-spacing-2) 0 var(--slds-g-spacing-1) 0;
}

.ContentSection {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ContentSection__header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--slds-g-spacing-2);
}

.ContentSection__title--sectionLabel {
  color: var(--slds-g-color-on-surface-2);
  font-family: var(--slds-g-font-family);
  font-size: var(--slds-g-font-scale-2);
  font-weight: var(--slds-g-font-weight-6);
  line-height: var(--slds-g-font-line-height-3);
  padding: var(--slds-g-spacing-1);
}

.ContentSection__content {
  width: 100%;
}

.CompositeCardContent .ContentSection + .ContentSection {
  margin-top: var(--slds-g-spacing-3);
}

.CompositeCardContent__divider--before {
  margin-top: 0;
}

.CompositeCardContent__divider--after {
  margin-bottom: 0;
}

/* Section-level NoDataMessage in composite cards should be compact. */
.CompositeCardContent .NoDataMessageContainer.lumina .NoDataMessage__icon {
  width: 38%;
  max-width: var(--slds-g-sizing-13);
}

.CompositeCardContent .NoDataMessageContainer.lumina .NoDataMessage__text {
  gap: var(--slds-g-spacing-1);
}

.CompositeCardContent .NoDataMessageContainer.lumina .NoDataMessage__maintext {
  font-size: var(--slds-g-font-scale-2);
  line-height: var(--slds-g-font-line-height-2);
}

.CompositeCardContent .NoDataMessageContainer.lumina .NoDataMessage__subtext {
  font-size: var(--slds-g-font-scale-1);
  line-height: var(--slds-g-font-line-height-2);
}