/*
	Personnalisations du portfolio — Vianney Fontaine
	Chargé APRÈS main.css. Aucune recompilation SASS nécessaire.
*/

:root {
	--accent: #2e6da4;        /* bleu proche de celui du CV */
	--accent-dark: #1f4e79;
}

/* ---------- Barre de navigation par ancres ---------- */

#navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.6rem 1.5rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
	backdrop-filter: blur(6px);
	font-size: 0.85rem;
}

#navbar .brand {
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: var(--accent-dark);
	text-transform: uppercase;
}

#navbar ul {
	list-style: none;
	display: flex;
	gap: 1.1rem;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

#navbar ul li {
	padding: 0;
}

#navbar a {
	color: #333;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
	transition: color 0.2s, border-color 0.2s;
}

#navbar a:hover {
	color: var(--accent);
	border-bottom-color: var(--accent);
}

@media (max-width: 736px) {
	#navbar { padding: 0.5rem 1rem; }
	#navbar .brand { display: none; }
	#navbar ul { gap: 0.7rem; font-size: 0.78rem; }
}

/* ---------- Badge « recherche de stage » ---------- */

.badge-stage {
	display: inline-block;
	background: var(--accent);
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.12rem;
	text-transform: uppercase;
	padding: 0.35rem 0.85rem;
	border-radius: 2rem;
	margin-bottom: 1rem;
}

/* ---------- Liens « retour » et accents ---------- */

.back-link {
	display: inline-block;
	margin-bottom: 1rem;
	color: var(--accent);
	font-weight: 600;
}

/* Petite étiquette de méta sous les titres de projet */
.project-meta {
	color: var(--accent-dark);
	font-weight: 600;
	font-size: 0.85rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

/* Marqueurs « à compléter » bien visibles pour l'auteur */
.todo {
	background: #fff6d5;
	border-left: 3px solid #e0b400;
	padding: 0.15rem 0.4rem;
	font-style: italic;
	font-size: 0.9em;
}