/* consultant-cta — avatar + "Talk to a Travel Consultant" phone block, plus a
   full-width band wrapper for marketing pages.
   Base component measured from reference dist__components__consultant-cta__style.css. */

.consultant-cta {
	align-items: center;
	display: flex;
	text-align: left;
}

.consultant-cta__img-wrap {
	display: inline-block;
	height: 50px;
	margin: 0 10px 0 0;
	max-width: 50px;
	width: 50px;
}
.consultant-cta__img-wrap img {
	border-radius: 50%;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Text monogram used instead of a staff photo (no image asset required) */
.consultant-cta__monogram {
	align-items: center;
	background-color: var(--color-brass-1);
	border-radius: 50%;
	color: var(--color-burgundy-2);
	display: flex;
	font-family: var(--heading-font-family);
	font-size: 20px;
	height: 100%;
	justify-content: center;
	line-height: 1;
	width: 100%;
}

.consultant-cta__call {
	color: var(--color-soft-white);
	flex: 1;
	min-width: 0;
}

.consultant-cta__title {
	display: block;
	font-weight: var(--font-weight-default);
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.consultant-cta__phone-number {
	color: inherit;
	text-decoration: underline;
	transition: all var(--transition-time) var(--transition-easing);
}
.consultant-cta__phone-number:hover { text-decoration: none; }

/* --------------------------------------------------------------------- band */

.consultant-cta-band__inner {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--grid-col-gutter);
	justify-content: center;
	margin-top: var(--typography-spacing);
	text-align: center;
}
@media screen and (min-width: 768px) {
	.consultant-cta-band__inner { flex-direction: row; }
	.consultant-cta-band__inner .consultant-cta { text-align: left; }
}

.consultant-cta-band__divider {
	background-color: currentColor;
	display: none;
	height: 40px;
	opacity: 0.25;
	width: 1px;
}
@media screen and (min-width: 768px) {
	.consultant-cta-band__divider { display: block; }
}