/**
 * FSRA Divider block – line · dot · line (dot breaks the line).
 */

/* Outer wrapper: full width, flex for left/center/right position */
.wp-block-fsra-plugins-fsra-divider.fsra-divider-wrapper {
	display: flex;
	width: 100%;
	margin: 1rem 0;
}
.fsra-divider-wrapper--position-left {
	justify-content: flex-start;
}
.fsra-divider-wrapper--position-center {
	justify-content: center;
}
.fsra-divider-wrapper--position-right {
	justify-content: flex-end;
}

/* Inner: the actual line/dot content */
.wp-block-fsra-plugins-fsra-divider .fsra-divider {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	max-width: 100%;
	gap: 0;
}

/* Vertical: column layout, line grows in height */
.fsra-divider--vertical {
	flex-direction: column;
	width: auto;
	min-width: 6px; /* at least line thickness */
	min-height: 6rem; /* visible by default when parent has no height */
	height: 6rem;
	align-self: stretch;
}

/* Let vertical divider grow when inside a tall container (e.g. column) */
.fsra-divider--vertical.is-height-set {
	height: 100%;
	min-height: 6rem;
}

.fsra-divider__line {
	flex: 1;
	min-width: 0;
	height: 1px;
	border: none;
	background: rgba(128, 128, 128, 0.6);
}

/* Vertical: line uses width from inline style, grows in height */
.fsra-divider--vertical .fsra-divider__line {
	height: auto;
	min-height: 1rem; /* ensure line segment is visible */
	width: 3px; /* fallback when inline style not set */
}

/* Full line: single line spans full width */
.fsra-divider--full-line .fsra-divider__line {
	flex: 1;
	min-width: 0;
}

/* Dot only: center the dot, no lines */
.fsra-divider--dot-only {
	justify-content: center;
}

.fsra-divider__dot {
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	margin: 0 2rem;
	border-radius: 50%;
	background: #7dd3fc;
	box-shadow: 0 0 8px #7dd3fc, 0 0 12px rgba(125, 211, 252, 0.6);
}

.fsra-divider--vertical .fsra-divider__dot {
	margin: 2rem 0;
}

/* Dark / hero contexts: lighter line to match white text */
.is-dark .fsra-divider__line,
.home-hero .fsra-divider__line,
.wp-block-cover .fsra-divider__line {
	background: rgba(255, 255, 255, 0.5);
}

.is-dark .fsra-divider__dot,
.home-hero .fsra-divider__dot,
.wp-block-cover .fsra-divider__dot {
	background: #7dd3fc;
	box-shadow: 0 0 8px #7dd3fc, 0 0 14px rgba(125, 211, 252, 0.7);
}