/* === Cambr Section Label === */

.cambr-section-label {
	display: flex;
	align-items: center;
	gap: 0;
	overflow: visible;
	padding: 100px 0;
}

/* --- Initial hidden state (before animation) --- */

.cambr-section-label__text {
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	text-transform: capitalize;
	color: #1f1f1f;
	white-space: nowrap;
	flex-shrink: 0;
	margin: 0;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.cambr-section-label__dot {
	width: 16px;
	height: 16px;
	background: #488af2;
	border-radius: 3px;
	flex-shrink: 0;
	margin-left: 20px;
	opacity: 0;
	transition: opacity 0.4s ease;
}

.cambr-section-label__line {
	height: 2px;
	background-image: linear-gradient(90deg, #01376f40, #013972);
	flex-shrink: 0;
	margin-left: 0;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.6s ease;
}

/* --- Animated state (triggered by JS) --- */

.cambr-section-label--visible .cambr-section-label__line {
	transform: scaleX(1);
}

.cambr-section-label--visible .cambr-section-label__text {
	opacity: 1;
	transition-delay: 0.5s;
}

.cambr-section-label--visible .cambr-section-label__dot {
	opacity: 1;
	transition-delay: 0.5s;
}

/* Dark variant */
.cambr-section-label--dark .cambr-section-label__text {
	color: #ffffff;
}

.cambr-section-label--dark .cambr-section-label__dot {
	background: #ffffff;
}

.cambr-section-label--dark .cambr-section-label__line {
	background-image: linear-gradient(90deg, #ffffff40, #ffffff);
}

/* Responsive */
@media (max-width: 767px) {
	.cambr-section-label__text {
		font-size: 3.5vh;
		flex: 0 0 40%;
	}
}