/* =========================================================
   navigation.css : Barre de navigation, menus déroulants, icônes des thèmes et fenêtre de recherche
   ========================================================= */

/* ===== Barre de navigation : capsule flottante ===== */
/* le thème réserve 3.5rem + 20px en haut pour la barre : on ajoute la marge de la capsule */
html {
	scroll-padding-top: calc(3.5rem + 2.5rem);
}
body > .container {
	margin-top: 1.5rem;
}
.navbar.bg-primary {
	top: 0.75rem;
	width: calc(100% - 1.5rem);
	max-width: 1320px;
	margin: 0.75rem auto 0;
	padding: 0.35rem 0.5rem;
	background-color: var(--fond-barre) !important;
	background-image: none;
	backdrop-filter: blur(10px);
	border: 1px solid var(--bordure);
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

/* nom du wiki, précédé d'un point de couleur */
.navbar .navbar-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	color: var(--titre);
	font-weight: 700;
	letter-spacing: 0.01em;
}
.navbar .navbar-brand::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background: var(--accent);
	box-shadow: 0 0 10px var(--accent-trait);
}
.navbar .navbar-brand:hover {
	color: var(--accent);
}

/* onglets en pastilles */
.navbar .navbar-nav {
	gap: 0.2rem;
}
.navbar .nav-link {
	color: var(--texte-doux);
	padding: 0.4rem 0.8rem !important;
	border-radius: 10px;
	transition: color 0.15s ease, background-color 0.15s ease;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show {
	color: var(--accent);
	background: var(--accent-leger);
}
/* onglet de la page en cours (Bootstrap le met en blanc par défaut) */
.navbar .navbar-nav .nav-link.active {
	color: var(--accent);
	background: var(--accent-leger);
	font-weight: 600;
}
.navbar .dropdown-toggle::after {
	opacity: 0.6;
}

/* recherche : champ en pilule avec la touche S */
.navbar .nav-link[data-bs-target="#mkdocs_search_modal"] {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	border: 1px solid var(--bordure);
	border-radius: 999px;
}
.navbar .nav-link[data-bs-target="#mkdocs_search_modal"]::after {
	content: "S";
	margin-left: 0.4rem;
	padding: 0 0.35rem;
	font-size: 0.75em;
	border: 1px solid var(--bordure);
	border-radius: 4px;
}

/* sélecteur de thème : pastille à 3 icônes, construite par theme.js
   (dans la barre de navigation, et en haut à droite de l'accueil) */
.theme-switch {
	display: flex;
	gap: 0.2rem;
	padding: 0.25rem;
	border: 1px solid var(--bordure);
	border-radius: 999px;
	background: color-mix(in srgb, var(--fond-bloc) 75%, transparent);
	backdrop-filter: blur(8px);
}
.theme-switch button {
	width: 2.1rem;
	height: 2.1rem;
	border: none;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background-color 0.15s ease;
}
.theme-switch button:hover {
	background: var(--accent-leger);
}
.theme-switch button[aria-pressed="true"] {
	background: var(--accent-leger);
	box-shadow: inset 0 0 0 1px var(--accent);
}
.navbar .theme-switch {
	align-self: center;
	margin-left: 0.4rem;
}

[data-bs-theme="light"] .navbar .navbar-toggler-icon {
	filter: invert(1);
}

/* menus déroulants aérés, lignes arrondies */
.dropdown-menu {
	--bs-dropdown-bg: var(--fond-bloc);
	--bs-dropdown-color: var(--texte);
	--bs-dropdown-border-color: var(--bordure);
	--bs-dropdown-link-color: var(--texte);
	--bs-dropdown-link-hover-color: var(--accent);
	--bs-dropdown-link-hover-bg: var(--accent-leger);
	--bs-dropdown-link-active-color: var(--accent);
	--bs-dropdown-link-active-bg: var(--accent-leger);
	padding: 0.4rem;
	margin-top: 0.5rem !important;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}
.dropdown-item {
	border-radius: 8px;
	padding: 0.45rem 0.8rem;
}
.dropdown-item.active {
	font-weight: 600;
}

/* icônes des thèmes dans le sélecteur : Soleil (clair), Attlerock (sombre), comète (Outer Wilds) */
.theme-soleil,
.theme-attlerock,
.theme-comete {
	display: inline-block;
	height: 1.25em;
	vertical-align: -0.25em;
	background: center / contain no-repeat;
}
.theme-soleil {
	background-image: url(../../img/outer-wilds/planetes/soleil.png);
}
.theme-attlerock {
	background-image: url(../../img/outer-wilds/planetes/attlerock.png);
}
.theme-comete {
	background-image: url(../../img/outer-wilds/comete-vers-gauche.png);
}

/* ===== Recherche ===== */
.modal-content {
	background: var(--fond-bloc);
	color: var(--texte);
	border: 1px solid var(--bordure);
	border-radius: 12px;
}
.modal-header,
.modal-footer {
	border-color: var(--bordure);
}
#mkdocs-search-query {
	background: var(--fond);
	border-color: var(--bordure);
	color: var(--texte);
}
#mkdocs-search-query:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 0.2rem var(--accent-leger);
}
.search-chemin {
	margin: 0.1rem 0 1rem;
	color: var(--texte-doux);
	font-size: 0.82rem;
}
#mkdocs-search-results a {
	color: var(--accent);
}