/* ============================================================
   CMS Spacer - v1.1.0 | 2026-11-05
   1.1.0: heights and line colors from tokens, set by class (no inline hex / px). Same sizes as 1.0.0.
   Tokens: --space-md / --space-xl / --space-2xl, --brand-gold-accent, --text-body, --border-light, --color-white
   The line is decorative (aria-hidden) - no contrast requirement.
   ============================================================ */

.cms-spacer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: var(--space-xl);
}

.cms-spacer--small  { height: var(--space-md); }
.cms-spacer--medium { height: var(--space-xl); }
.cms-spacer--large  { height: var(--space-2xl); }
.cms-spacer--xlarge { height: calc(var(--space-2xl) + var(--space-md)); }

.cms-spacer__divider-line {
	max-width: 100%;
	width: 80%;
	border-top: 1px solid var(--border-light);
}

.cms-spacer__divider-line--dashed { border-top-style: dashed; }
.cms-spacer__divider-line--dotted { border-top-style: dotted; }

.cms-spacer__divider-line--gold       { border-top-color: var(--brand-gold-accent); }
.cms-spacer__divider-line--dark       { border-top-color: var(--text-body); }
.cms-spacer__divider-line--light-gray { border-top-color: var(--border-light); }
.cms-spacer__divider-line--white      { border-top-color: var(--color-white); }

.cms-spacer__divider-line--medium { border-top-width: 2px; }
.cms-spacer__divider-line--thick  { border-top-width: 3px; }

.cms-spacer__divider-line--w-full   { width: 100%; }
.cms-spacer__divider-line--w-wide   { width: 80%; }
.cms-spacer__divider-line--w-medium { width: 60%; }
.cms-spacer__divider-line--w-narrow { width: 40%; }