/* Kole UI Mobile · Divider 样式 — 对齐移动端规格 §8
   分割线：纯静态（不参与点击与手势）；水平 1px，垂直跟随父容器高度；
   带文字时线由 ::before/::after 承担，对齐方式由 --left/--center/--right 决定。 */

.kole-m-divider {
  box-sizing: border-box;
  display: block;
  height: 1px;
  margin: var(--kole-space-8) 0;
  border: 0;
  background: var(--kole-color-border);
}

/* 变体 dashed：虚线（弱分隔） */
.kole-m-divider--dashed {
  height: 0;
  background: none;
  border-top: 1px dashed var(--kole-color-border);
}

/* 带文字：变成一行「线 + 文字 + 线」 */
.kole-m-divider--text {
  display: flex;
  align-items: center;
  gap: var(--kole-space-8);
  height: auto;
  margin: var(--kole-space-12) 0;
  background: none;
  color: var(--kole-color-text-secondary);
  font-family: inherit;
  font-size: var(--kole-m-font-size-label);
  line-height: 1.4;
}

.kole-m-divider--text::before,
.kole-m-divider--text::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: var(--kole-color-border);
}

.kole-m-divider--text.kole-m-divider--dashed::before,
.kole-m-divider--text.kole-m-divider--dashed::after {
  background: none;
  border-top: 1px dashed var(--kole-color-border);
  height: 0;
}

/* 变体 align：文字两侧线的分配（左/右对齐时把短边收到 16px） */
.kole-m-divider--center::before,
.kole-m-divider--center::after { flex: 1 1 auto; }
.kole-m-divider--left::before { content: none; }
.kole-m-divider--left::after { flex: 1 1 auto; }
.kole-m-divider--right::after { content: none; }
.kole-m-divider--right::before { flex: 1 1 auto; }

/* 变体 orientation=vertical：跟随父容器高度 */
.kole-m-divider--vertical {
  display: inline-block;
  width: 1px;
  height: auto;
  min-height: 1em;
  align-self: stretch;
  margin: 0 var(--kole-space-8);
  background: var(--kole-color-border);
}

.kole-m-divider__text { flex: 0 0 auto; }