/* ============================================================
   ESPACE MEMBRE — [upoeme_account]
   ============================================================ */

/* L'espace prend toute la largeur (sort de la mesure de lecture) */
.entry-content:has(.up-account) { max-width: none !important; }

.up-account {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
	margin-top: var(--up-space-4);
}
.up-account--guest { display: block; }

/* ---- Navigation ---- */
.up-account__nav { position: sticky; top: var(--up-space-8); }
.up-account__id { text-align: center; padding-bottom: var(--up-space-6); border-bottom: var(--up-hairline); margin-bottom: var(--up-space-4); }
.up-account__id img { border-radius: 0; display: block; margin: 0 auto var(--up-space-3); }
.up-account__name { font-family: var(--up-font-display); font-size: var(--up-fs-lg); color: var(--up-ink); margin: 0; }

.up-account__nav ul { list-style: none; margin: 0; padding: 0; }
.up-account__nav li { margin: 0; }
.up-account__nav a {
	display: block;
	padding: 0.6em 0.8em;
	color: var(--up-ink-soft);
	text-decoration: none;
	font-size: var(--up-fs-sm);
	letter-spacing: 0.02em;
	border-left: 2px solid transparent;
	transition: color var(--up-ease), border-color var(--up-ease), background-color var(--up-ease);
}
.up-account__nav a:hover { color: var(--up-accent); background: var(--up-paper-soft); }
.up-account__nav a.is-active { color: var(--up-accent); border-left-color: var(--up-accent); font-weight: 600; }
.up-account__logout { margin-top: var(--up-space-4); border-top: var(--up-hairline); color: var(--up-muted) !important; }

/* ---- Contenu ---- */
.up-account__main { min-width: 0; }
.up-account__title { font-family: var(--up-font-display) !important; font-size: var(--up-fs-3xl) !important; font-weight: 700; margin: 0 0 var(--up-space-4); }
.up-account__lead { color: var(--up-muted); font-size: var(--up-fs-lg); margin: 0 0 var(--up-space-8); }

/* ---- Notices ---- */
.up-notice { padding: 0.8em 1em; margin-bottom: var(--up-space-6); border: 1px solid var(--up-line); border-left: 3px solid var(--up-accent); background: var(--up-white); font-size: var(--up-fs-sm); }
.up-notice--ok { border-left-color: #3f7d52; }
.up-notice--err { border-left-color: var(--up-accent); color: var(--up-accent-dark); }

/* ---- Stats ---- */
.up-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: var(--up-hairline); border-left: var(--up-hairline); margin-bottom: var(--up-space-8); }
.up-stat { display: block; padding: var(--up-space-6); border-right: var(--up-hairline); border-bottom: var(--up-hairline); text-decoration: none; transition: background-color var(--up-ease); }
.up-stat:hover { background: var(--up-paper-soft); }
.up-stat__n { display: block; font-family: var(--up-font-display); font-size: var(--up-fs-2xl); font-weight: 700; color: var(--up-ink); line-height: 1; }
.up-stat__l { display: block; margin-top: var(--up-space-2); font-size: var(--up-fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--up-muted); }

/* ---- Formulaires ---- */
.up-form { display: flex; flex-direction: column; gap: var(--up-space-5, 1.25rem); max-width: 620px; }
.up-form label { display: flex; flex-direction: column; gap: var(--up-space-2); font-size: var(--up-fs-sm); color: var(--up-ink); font-weight: 600; }
.up-form input[type="text"],
.up-form input[type="email"],
.up-form input[type="url"],
.up-form input[type="password"],
.up-form select,
.up-form textarea {
	border-radius: 0;
	border: 1px solid var(--up-line);
	background: var(--up-white);
	color: var(--up-ink);
	font-family: var(--up-font-body);
	font-size: var(--up-fs-base);
	font-weight: 400;
	padding: 0.65em 0.8em;
}
.up-form textarea { resize: vertical; line-height: 1.5; }
.up-form input:focus, .up-form select:focus, .up-form textarea:focus { outline: none; border-color: var(--up-accent); box-shadow: 0 0 0 1px var(--up-accent); }
.up-form .up-btn { align-self: flex-start; }

.up-form__avatar { display: flex; align-items: center; gap: var(--up-space-4); padding-bottom: var(--up-space-4); border-bottom: var(--up-hairline); }
.up-form__avatar img { border-radius: 0; }
.up-form__avatar label { font-weight: 400; font-size: var(--up-fs-sm); }

.up-form__pw { border: var(--up-hairline); padding: var(--up-space-4) var(--up-space-6) var(--up-space-6); display: flex; flex-direction: column; gap: var(--up-space-4); }
.up-form__pw legend { font-family: var(--up-font-body); font-size: var(--up-fs-sm); font-weight: 600; color: var(--up-muted); padding: 0 var(--up-space-2); }

/* ---- Contributions ---- */
.up-contrib { list-style: none; margin: var(--up-space-6) 0 0; padding: 0; }
.up-contrib__item { display: flex; justify-content: space-between; align-items: center; gap: var(--up-space-4); padding: var(--up-space-4) 0; border-bottom: var(--up-hairline); flex-wrap: wrap; }
.up-contrib__info { display: flex; align-items: center; gap: var(--up-space-3); flex-wrap: wrap; }
.up-contrib__title { font-family: var(--up-font-display); font-size: var(--up-fs-lg); color: var(--up-ink); }
.up-contrib__date { font-size: var(--up-fs-xs); color: var(--up-muted); }
.up-contrib__actions { display: flex; align-items: center; gap: var(--up-space-4); }
.up-contrib__actions a, .up-contrib__actions button { font-size: var(--up-fs-xs); text-transform: uppercase; letter-spacing: 0.08em; }
.up-contrib__actions a { color: var(--up-muted); text-decoration: none; }
.up-contrib__actions a:hover { color: var(--up-accent); }
.up-contrib__actions form { margin: 0; }
.up-link-danger { background: none; border: 0; padding: 0; color: var(--up-muted); cursor: pointer; }
.up-link-danger:hover { color: var(--up-accent-dark); }

/* ---- Badges de statut ---- */
.up-badge { display: inline-block; font-size: var(--up-fs-xs); letter-spacing: 0.06em; text-transform: uppercase; padding: 0.2em 0.6em; border: 1px solid var(--up-line-strong); color: var(--up-muted); }
.up-badge.is-pub { border-color: #3f7d52; color: #3f7d52; }
.up-badge.is-pend { border-color: var(--up-accent); color: var(--up-accent); }
.up-badge.is-draft { border-color: var(--up-line-strong); color: var(--up-muted); }

/* ---- Mes commentaires ---- */
.up-mycomments { list-style: none; margin: var(--up-space-6) 0 0; padding: 0; }
.up-mycomments li { padding: var(--up-space-4) 0; border-bottom: var(--up-hairline); }
.up-mycomments__post { font-family: var(--up-font-display); font-size: var(--up-fs-lg); color: var(--up-ink); text-decoration: none; }
.up-mycomments__post:hover { color: var(--up-accent); }
.up-mycomments__text { color: var(--up-ink-soft); margin: var(--up-space-2) 0; }
.up-mycomments__date { font-size: var(--up-fs-xs); color: var(--up-muted); }

/* ---- Responsive ---- */
@media (max-width: 860px) {
	.up-account { grid-template-columns: 1fr; gap: var(--up-space-8); }
	.up-account__nav { position: static; }
	.up-account__nav ul { display: flex; flex-wrap: wrap; gap: var(--up-space-2); }
	.up-account__nav a { border-left: 0; border-bottom: 2px solid transparent; }
	.up-account__nav a.is-active { border-left: 0; border-bottom-color: var(--up-accent); }
	.up-account__id { display: none; }
	.up-stats { grid-template-columns: repeat(2, 1fr); }
}