/**
 * mobile-blurb-collapse
 *
 * Phone-only collapse (≤767px). Above that the wrap is always shown,
 * the chevron icon is hidden, and the trigger module behaves normally.
 */

/* Default (≥768px): no collapse, no chevron, no pointer affordance. */
.mobile-blurb-collapse .mbc-wrap {
	display: block;
}

.mobile-blurb-collapse .mbc-chevron-icon {
	display: none;
}

/* Phone breakpoint: enable collapse + chevron + clickable trigger. */
@media (max-width: 767px) {
	.mobile-blurb-collapse .mbc-trigger-active {
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 184, 107, 0.15);
	}

	.mobile-blurb-collapse .mbc-trigger-active:focus-visible {
		outline: 2px solid #00b86b;
		outline-offset: 2px;
	}

	.mobile-blurb-collapse .mbc-chevron-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 17px;
		height: 17px;
		margin-left: 2px;
        margin-top: -2px;
		vertical-align: middle;
		background-color: #00b86b;
		color: #fff;
		border-radius: 50%;
		flex: 0 0 auto;
		transition: transform 0.25s ease;
	}

	.mobile-blurb-collapse .mbc-chevron-icon svg {
		width: 14px;
		height: 14px;
		display: block;
	}

	.mobile-blurb-collapse .mbc-trigger-active.is-open .mbc-chevron-icon {
		transform: rotate(180deg);
	}

	.mobile-blurb-collapse .mbc-wrap {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.3s ease;
	}

	.mobile-blurb-collapse .mbc-wrap.is-open {
		max-height: 2000px;
	}
}