/* Shared icons + nav current states */

.agendly-icon {
	display: block;
	flex-shrink: 0;
}

.megamenu__icon .agendly-icon,
.sheet-megamenu__icon .agendly-icon,
.biz-hub__icon .agendly-icon {
	width: 1.25rem;
	height: 1.25rem;
}

.aud-card__icon .agendly-icon {
	width: 1.5rem;
	height: 1.5rem;
	overflow: visible;
}

.aud-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3rem;
	height: 3rem;
	line-height: 0;
	box-sizing: border-box;
}

.aud-card__icon svg,
.aud-card__icon .agendly-icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	overflow: visible;
}

.megamenu__icon,
.sheet-megamenu__icon,
.biz-hub__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Desktop nav — current item (color only, no pill background) */
.nav-pill__links > li.is-current > a.is-current,
.nav-megamenu.is-current > .nav-megamenu__trigger.is-current {
	color: var(--color-accent-deep);
	font-weight: 600;
	background: transparent;
}

.nav-megamenu.is-current > .nav-megamenu__trigger.is-current::after {
	border-color: var(--color-accent-deep);
}

/* Megamenu panel links */
.megamenu__link.is-current {
	background: transparent;
	color: var(--color-accent-deep);
	font-weight: 600;
}

/* Mobile sheet */
.nav-sheet__links > li.is-current > a.is-current {
	background: transparent;
	color: var(--color-accent-deep);
	font-weight: 600;
}

.sheet-megamenu.is-current > .sheet-megamenu__toggle.is-current {
	background: transparent;
	color: var(--color-accent-deep);
	font-weight: 600;
}

.sheet-megamenu__link.is-current {
	background: transparent;
	color: var(--color-accent-deep);
	font-weight: 600;
}

/* Hub cards — current page in grid */
.biz-hub__card.is-current {
	border-color: color-mix(in oklch, var(--color-accent) 40%, var(--color-rule));
	background: var(--color-accent-soft);
	color: var(--color-accent-deep);
}

.biz-hub__card.is-current .biz-hub__icon {
	background: color-mix(in oklch, var(--color-accent-soft) 65%, var(--color-paper));
	color: var(--color-accent-deep);
}
