/* =====================================================================
 * Kéréo — Overrides Ultimate Member
 * Charte : vert #7C9A92 · terracotta #C77C66 · police Montserrat
 * ===================================================================== */

:root {
	--kum-vert:       #7C9A92;
	--kum-terracotta: #C77C66;
	--kum-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ---------------------------------------------------------------------
 * 1. Masquer la bannière + remettre le header du profil dans le flux
 *    (l'avatar débordait sur la bannière via un top:-105px inline et
 *    chevauchait le menu une fois la bannière retirée)
 * ------------------------------------------------------------------- */
.um .um-cover {
	display: none !important;
}

/* Header : bloc centré, en colonne, sans positionnement négatif */
.um .um-header {
	padding: 24px 0 0 !important;
	text-align: center !important;
}

/* L'avatar revient dans le flux, centré, avec un espace avant le menu */
.um .um-profile-photo {
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto 16px !important;
	text-align: center !important;
}
.um .um-profile-photo a.um-profile-photo-img {
	position: static !important;
	top: 0 !important;
	left: 0 !important;
	margin: 0 auto !important;
	display: inline-block !important;
}

/* Sans bannière, la meta n'a plus besoin du décalage réservé à la photo */
.um .um-profile-meta {
	padding-left: 0 !important;
	text-align: center !important;
}

/* Icône engrenage (menu profil) : on la garde en haut à droite */
.um .um-profile-edit {
	z-index: 5 !important;
}

/* ---------------------------------------------------------------------
 * 2. Masquer l'identifiant (nom d'affichage / email) du vendeur
 * ------------------------------------------------------------------- */
.um .um-name {
	display: none !important;
}

/* ---------------------------------------------------------------------
 * 3. Menu de navigation du profil aux couleurs de la charte
 *    Fond vert #7C9A92 · survol + onglet actif terracotta #C77C66
 *    Police Montserrat
 * ------------------------------------------------------------------- */
.um .um-profile-nav {
	background-color: var(--kum-vert) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	font-family: var(--kum-font) !important;
}

.um .um-profile-nav .um-profile-nav-item a {
	background-color: var(--kum-vert) !important;
	color: #ffffff !important;
	font-family: var(--kum-font) !important;
	font-weight: 500 !important;
	transition: background-color .18s ease !important;
}

.um .um-profile-nav .um-profile-nav-item a i,
.um .um-profile-nav .um-profile-nav-item a .title {
	color: #ffffff !important;
}

.um .um-profile-nav .um-profile-nav-item a:hover,
.um .um-profile-nav .um-profile-nav-item.active a {
	background-color: var(--kum-terracotta) !important;
	color: #ffffff !important;
}

.um .um-profile-nav .um-profile-nav-item.active a i,
.um .um-profile-nav .um-profile-nav-item.active a .title,
.um .um-profile-nav .um-profile-nav-item a:hover i,
.um .um-profile-nav .um-profile-nav-item a:hover .title {
	color: #ffffff !important;
}

/* ---------------------------------------------------------------------
 * 4. Montserrat sur l'ensemble du bloc profil (cohérence typographique)
 * ------------------------------------------------------------------- */
.um.um-profile,
.um.um-profile .um-profile-meta,
.um.um-profile .um-profile-body {
	font-family: var(--kum-font) !important;
}

/* ---------------------------------------------------------------------
 * 5. Page « Mon compte » (UM Account) — cohérence avec la charte
 *    Sidebar d'onglets, titres, boutons, nav mobile.
 * ------------------------------------------------------------------- */
.um-account,
.um-account .um-account-heading,
.um-account label,
.um-account .um-account-link,
.um-account .um-account-name,
.um-account .um-button {
	font-family: var(--kum-font) !important;
}

/* Respiration en haut et en bas de la page compte */
.um.um-account {
	margin-top: 80px !important;
	margin-bottom: 80px !important;
}
@media (max-width: 640px) {
	.um.um-account {
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
}

/* Sidebar : liste des onglets (Compte / Mot de passe / Confidentialité / …) */
.um-account .um-account-side ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.um-account .um-account-side ul li { margin: 0 0 8px !important; list-style: none !important; }

.um-account .um-account-side ul li a.um-account-link {
	background-color: var(--kum-vert) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	transition: background-color .18s ease !important;
}
.um-account .um-account-side ul li a.um-account-link i,
.um-account .um-account-side ul li a.um-account-link .um-account-icon,
.um-account .um-account-side ul li a.um-account-link .um-account-title,
.um-account .um-account-side ul li a.um-account-link .um-account-arrow {
	color: #ffffff !important;
}
.um-account .um-account-side ul li a.um-account-link:hover,
.um-account .um-account-side ul li a.um-account-link.current {
	background-color: var(--kum-terracotta) !important;
	color: #ffffff !important;
}
.um-account .um-account-side ul li a.um-account-link:hover i,
.um-account .um-account-side ul li a.um-account-link:hover .um-account-title,
.um-account .um-account-side ul li a.um-account-link.current i,
.um-account .um-account-side ul li a.um-account-link.current .um-account-title {
	color: #ffffff !important;
}

/* Titre de section */
.um-account .um-account-heading {
	color: var(--kum-vert) !important;
	border-bottom-color: var(--kum-vert) !important;
	font-weight: 600 !important;
}
.um-account .um-account-heading i { color: var(--kum-terracotta) !important; }

/* Nav mobile (accordéon des onglets) */
.um-account .um-account-nav a {
	background-color: var(--kum-vert) !important;
	color: #ffffff !important;
	font-family: var(--kum-font) !important;
	border-radius: 8px !important;
}
.um-account .um-account-nav a.current { background-color: var(--kum-terracotta) !important; }
.um-account .um-account-nav a i { color: #ffffff !important; }

/* Boutons (Mettre à jour, etc.) */
.um-account .um-button,
.um-account input[type="submit"].um-button {
	background-color: var(--kum-vert) !important;
	border-color: var(--kum-vert) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
	transition: background-color .18s ease !important;
}
.um-account .um-button:hover,
.um-account input[type="submit"].um-button:hover {
	background-color: var(--kum-terracotta) !important;
	border-color: var(--kum-terracotta) !important;
}

/* Encart avatar / nom de la sidebar + liens d'action RGPD */
.um-account .um-account-meta { font-family: var(--kum-font) !important; }
.um-account .um-account-name a { color: var(--kum-vert) !important; }
.um-account .um-account-profile-link a.um-link { color: var(--kum-terracotta) !important; }
.um-account .um-request-button {
	background-color: var(--kum-vert) !important;
	color: #ffffff !important;
	border-radius: 8px !important;
}
.um-account .um-request-button:hover { background-color: var(--kum-terracotta) !important; }