/* ============================================================
   Login / Account / Register / Password reset / Profile edit mode
   ============================================================ */

/* ── Shared: form fields (login + account + profile edit) ───────── */

.um-field-label label {
	font-size: var(--wp--preset--font-size--xs);
	font-weight: var(--wp--custom--font-weight--medium);
	color: var(--wp--preset--color--black);
}

.um-form-field,
.um-field-area select,
.um-field-area textarea {
	border: 1px solid var(--wp--preset--color--grey) !important;
	border-radius: var(--wp--custom--radius--medium) !important;
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--black) !important;
	font-size: var(--wp--preset--font-size--s) !important;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s) !important;
}

.um-form-field:focus,
.um-field-area select:focus,
.um-field-area textarea:focus {
	outline: none !important;
	border-color: var(--wp--preset--color--primary) !important;
	box-shadow: none !important;
}

.um-field .select2.select2-container .select2-selection {
	border-radius: var(--wp--custom--radius--medium) !important;
}

.um-field-checkbox-option {
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--preset--color--black);
}

/* ── Shared: buttons ──────────────────────────────────────────── */

.um-button,
input[type='submit'].um-button {
	background: var(--wp--preset--color--primary) !important;
	border: none !important;
	border-radius: var(--wp--custom--radius--medium) !important;
	color: var(--wp--preset--color--white) !important;
	font-weight: var(--wp--custom--font-weight--semibold) !important;
	box-shadow: none !important;
	transition: opacity 0.15s ease;
}

.um-button:hover {
	opacity: 0.85;
}

.um-button.um-alt {
	background: var(--wp--preset--color--white) !important;
	border: 1px solid var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--primary) !important;
}

.um-link-alt,
.um-link {
	color: var(--wp--preset--color--muted-text);
}

.um-link-alt:hover,
.um-link:hover {
	color: var(--wp--preset--color--primary);
}

/* ── Login page ───────────────────────────────────────────────── */

.um-login.um {
	max-width: 30rem;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--xxl);
	padding-inline:var(--wp--preset--spacing--m);
}

.um-login .um-form {
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--radius--medium);
	padding: var(--wp--preset--spacing--m);
	box-shadow: var(--wp--preset--shadow--light);
}

/* ── Account page ─────────────────────────────────────────────── */

.um-account.um {
	max-width: 1300px;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--xxl);
	padding-inline: var(--wp--preset--spacing--s);
}

.um-account-side {
	width: calc(30% - 12px) !important;
	margin-right: var(--wp--preset--spacing--m) !important;
	background: var(--wp--preset--color--white)!important;
	border-radius: var(--wp--custom--radius--medium);
	box-shadow: var(--wp--preset--shadow--light);
	padding:var(--wp--preset--spacing--m)!important;
}

.um-account-meta {
	background: var(--wp--preset--color--white)!important;
}

.um-account-name a {
	color: var(--wp--preset--color--black);
	font-weight: var(--wp--custom--font-weight--semibold);
}

.um-account-profile-link .um-link {
	font-size: var(--wp--preset--font-size--micro);
}

.um-account-side li {
	background: transparent !important;
}

.um-account-side li a {
	border-radius: var(--wp--custom--radius--medium);
	color: var(--wp--preset--color--muted-text) !important;
}

.um-account-side li a:hover {
	background: var(--wp--preset--color--bg) !important;
	color: var(--wp--preset--color--black) !important;
}

.um-account-side li a.current,
.um-account-side li a.current:hover {
	background: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--white) !important;
}

.um-account-side li a span.um-account-icon,
.um-account-side li a span.um-account-title {
	color: inherit !important;
}

.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current span.um-account-title {
	color: var(--wp--preset--color--white) !important;
}

.um-account-main {
	width: calc(70% - 12px) !important;
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--radius--medium);
	box-shadow: var(--wp--preset--shadow--light);
	padding:var(--wp--preset--spacing--m)!important;
}

@media (max-width: 1025px) {
	.um-account-side,
	.um-account-main {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
	}

	.um-account-main {
		margin-top: var(--wp--preset--spacing--m);
	}
}

/* ── Register page ────────────────────────────────────────────────── */

.um-register.um {
	max-width: 36rem;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--xxl);
	padding-inline: var(--wp--preset--spacing--m);
}

.um-register .um-form {
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--radius--medium);
	padding: var(--wp--preset--spacing--m);
	box-shadow: var(--wp--preset--shadow--light);
}

/* ── Password reset page ──────────────────────────────────────── */

.um-password.um {
	max-width: 30rem;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--xxl);
	padding-inline: var(--wp--preset--spacing--m);
}

.um-password .um-form {
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--radius--medium);
	padding: var(--wp--preset--spacing--m);
	box-shadow: var(--wp--preset--shadow--light);
}

/* ── Profile edit mode (native UM form, via profile-ccism.php) ───── */
.um-profile.um-editing .um-form {
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: var(--wp--preset--shadow--light);
	padding: var(--wp--preset--spacing--m);
	margin-block:var(--wp--preset--spacing--xxxl);
}

.um-profile-edit.um-profile-headericon {
    display: none;
}

/* ── Activités professionnelles repeater (edit mode) ───── */
.ccism-activites-form {
    margin-top: var(--wp--preset--spacing--m);
    padding-top: var(--wp--preset--spacing--m);
    border-top: 1px solid var(--wp--preset--color--grey);
}

.ccism-activites-form__title {
    font-size: var(--wp--preset--font-size--s);
    font-weight: var(--wp--custom--font-weight--semibold);
    margin-bottom: var(--wp--preset--spacing--s);
}

.ccism-activites-form__error {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--accent);
    margin: 0 0 var(--wp--preset--spacing--s);
}

.ccism-activite-row {
    display: flex;
    gap: var(--wp--preset--spacing--s);
    align-items: center;
    margin-bottom: var(--wp--preset--spacing--xs);
    flex-wrap: wrap;
}

.ccism-activite-row input[type="text"] {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--wp--preset--color--grey);
    border-radius: var(--wp--custom--radius--medium);
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--s);
    padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
}

.ccism-activite-remove {
    background: none;
    border: none;
    color: var(--wp--preset--color--muted-text);
    font-size: var(--wp--preset--font-size--xs);
    cursor: pointer;
    padding: 0 var(--wp--preset--spacing--xs);
    white-space: nowrap;
}

.ccism-activite-remove:hover {
    color: var(--wp--preset--color--accent);
}

#ccism-activite-add {
    margin-top: var(--wp--preset--spacing--xs);
    padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
    border-radius: var(--wp--custom--radius--medium);
    font-size: var(--wp--preset--font-size--xs);
    cursor: pointer;
    background: none;
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/* ── Formations repeater (edit mode) ───── */
.ccism-formations-form {
    margin-top: var(--wp--preset--spacing--m);
    padding-top: var(--wp--preset--spacing--m);
    border-top: 1px solid var(--wp--preset--color--grey);
}

.ccism-formations-form__title {
    font-size: var(--wp--preset--font-size--s);
    font-weight: var(--wp--custom--font-weight--semibold);
    margin-bottom: var(--wp--preset--spacing--s);
}

.ccism-formations-form__error {
    font-size: var(--wp--preset--font-size--xs);
    color: var(--wp--preset--color--accent);
    margin: 0 0 var(--wp--preset--spacing--s);
}

.ccism-formation-row {
    display: flex;
    gap: var(--wp--preset--spacing--s);
    align-items: center;
    margin-bottom: var(--wp--preset--spacing--xs);
    flex-wrap: wrap;
}

.ccism-formation-row select {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--wp--preset--color--grey);
    border-radius: var(--wp--custom--radius--medium);
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--s);
    padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
}

.ccism-formation-remove {
    background: none;
    border: none;
    color: var(--wp--preset--color--muted-text);
    font-size: var(--wp--preset--font-size--xs);
    cursor: pointer;
    padding: 0 var(--wp--preset--spacing--xs);
    white-space: nowrap;
}

.ccism-formation-remove:hover {
    color: var(--wp--preset--color--accent);
}

#ccism-formation-add {
    margin-top: var(--wp--preset--spacing--xs);
    padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
    border-radius: var(--wp--custom--radius--medium);
    font-size: var(--wp--preset--font-size--xs);
    cursor: pointer;
    background: none;
    border: 1px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/* Bouton de téléversement du CV (champ ccism_cv) — même style que le bouton
   d'ajout de formation ci-dessus. !important nécessaire : UM applique son
   propre style de bouton plein (fond bleu) par défaut, plus spécifique. */
.um-field-ccism_cv .um-single-file-upload,
.um-field-ccism_cv .um-button.um-btn-auto-width {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    background: none !important;
    border: 1px solid var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
}