/* Divider Component Styles */

.mint-divider {
  display: flex;
  align-items: center;
  border: none;
}

/* Horizontal without label - single line */
.mint-divider:not(.mint-divider--vertical):not(.mint-divider--labeled) {
  border-top: 1px solid var(--border-color);
}

/* Line segments (for labeled variants) */
.mint-divider__line {
  flex: 1;
  height: 1px;
  background-color: var(--border-color);
}

/* ---------- Center-aligned label ---------- */
.mint-divider--center .mint-divider__label {
  padding: 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
}

/* ---------- Left-aligned label ---------- */
.mint-divider--left {
  gap: 0.75rem;
}

.mint-divider--left .mint-divider__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  flex-shrink: 0;
}

/* Vertical */
.mint-divider--vertical {
  display: inline-block;
  width: 1px;
  height: auto;
  align-self: stretch;
  background-color: var(--border-color);
  border: none;
}

/* Horizontal spacing */
.mint-divider--sm:not(.mint-divider--vertical) { margin: 0.5rem 0; }
.mint-divider--md:not(.mint-divider--vertical) { margin: 1rem 0; }
.mint-divider--lg:not(.mint-divider--vertical) { margin: 1.5rem 0; }

/* Vertical spacing */
.mint-divider--vertical.mint-divider--sm { margin: 0 0.5rem; }
.mint-divider--vertical.mint-divider--md { margin: 0 1rem; }
.mint-divider--vertical.mint-divider--lg { margin: 0 1.5rem; }