/**
 * Front-end styles for the Project Navigation block.
 *
 * @package RHM_Atelier_Latitude_Portfolio
 */

.alp-project-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.alp-project-nav__link {
	flex: 1;
}

.alp-project-nav__link--prev {
	text-align: left;
}

.alp-project-nav__link--next {
	text-align: right;
}

.alp-project-nav__link--all {
	flex: 0 0 auto;
	text-align: center;
}

.alp-project-nav__link a,
a.alp-project-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	text-decoration: none;
	color: var(--wp--preset--color--accent);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: opacity 0.2s ease;
}

.alp-project-nav__link a:hover,
a.alp-project-nav__link:hover {
	opacity: 0.7;
}

a.alp-project-nav__link--all {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
}

.alp-project-nav__link svg {
	flex-shrink: 0;
}

/* ADAM font sits high — nudge text down to visually center with icons */
.alp-project-nav__link span {
	transform: translateY(0.1em);
}

@media (max-width: 767px) {
	/* Masquer les titres, garder uniquement les flèches — assez de place pour une seule ligne */
	.alp-project-nav__link--prev a span,
	.alp-project-nav__link--next a span {
		display: none;
	}
}