/* ===================== AA-DEMO-PARITY-2 =====================
   Brings button casing and inline link arrows back in line with the
   approved demo. Loaded after afriagentic-components.css. */

/* The demo's .btn carries no text-transform and no extra tracking. */
.aa-btn .elementor-button,
.aa-btn .elementor-button-text {
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* Demo .btn-arrow: trailing up-right arrow on quiet section links. */
.aa-link .elementor-heading-title::after {
	content: '';
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 12L12 2M12 2H5M12 2V9' stroke='%23000' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 12L12 2M12 2H5M12 2V9' stroke='%23000' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	transition: transform .25s cubic-bezier(.22,.61,.36,1);
}

.aa-link:hover .elementor-heading-title::after {
	transform: translate(2px, -2px);
}

/* Demo .card-tag: uppercase mono label with the same up-right arrow. */
.aa-card-tag .elementor-heading-title::after {
	content: '';
	width: 11px;
	height: 11px;
	flex: 0 0 11px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 12L12 2M12 2H5M12 2V9' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 12L12 2M12 2H5M12 2V9' stroke='%23000' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Demo .icon-card .more: cyan, sentence case, trailing right arrow. */
.aa-more .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 18px;
	font-family: 'Inter', system-ui, sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--aa-cyan) !important;
	transition: gap .3s cubic-bezier(.22,.61,.36,1);
}

.aa-more .elementor-heading-title::after {
	content: '';
	width: 11px;
	height: 11px;
	flex: 0 0 11px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7h10M8 3l4 4-4 4' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.aa-card:hover .aa-more .elementor-heading-title {
	gap: 11px;
}
