﻿.af-links-carousel {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.af-links {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	gap: 40px;
	padding: 20px 0;
	scrollbar-width: none; /* Firefox */
}

	.af-links a,
	.af-links .af-link {
		-webkit-user-drag: none; /* Prevent link dragging */
		user-select: none; /* Prevent text highlighting */
	}

	.af-links::-webkit-scrollbar {
		display: none; /* Chrome/Safari */
	}

.af-link {
	transition: transform 0.25s ease;
}

	.af-link:hover {
		transform: scale(1.04); /* slight “bulge” on hover */
	}

.af-link img {
	height: 80px;
	object-fit: contain;
	display: block;
	user-drag: none; /* Safari */
	-webkit-user-drag: none; /* Chrome/Safari */
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
}

.af-arrow {
	font-size: 48px;
	color: #9bb3d6;
	cursor: pointer;
	user-select: none;
	padding: 10px;
	transition: 0.2s ease;
}

	.af-arrow:hover {
		color: #6f89b0;
	}

	.af-arrow.left {
		margin-right: 10px;
	}

	.af-arrow.right {
		margin-left: 10px;
	}

	.af-arrow.disabled {
		opacity: 0.25;
		pointer-events: none;
	}


/* pointer cursor when dragging */
.af-links.grabbing {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}
