/*
 * Ultimate Member — Rochdale portal restyle.
 *
 * Scoped to UM's own classes (.um, .um-form, .um-button, .um-account-*), so it
 * only affects UM's login and account output, not the rest of the site. No PHP
 * template override needed — this rides on UM's rendered markup.
 *
 * Confirmed class names against UM 2.13. If UM changes markup in a future
 * release, adjust selectors here only.
 */

/* ---- Form container: match the portal card look ---- */
.um {
	font-family: 'Inter', system-ui, sans-serif !important;
}
.um .um-form {
	background: #FFFFFF;
	border: 1px solid #E9E6DF;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(31,33,36,.04), 0 6px 18px rgba(31,33,36,.05);
	padding: 8px 4px;
}

/* ---- Inputs ---- */
.um .um-form input[type=text],
.um .um-form input[type=password],
.um .um-form input[type=email],
.um .um-form input[type=tel],
.um .um-form input[type=number],
.um .um-form textarea,
.um .um-form select {
	border: 1px solid #D9D5CC !important;
	border-radius: 9px !important;
	background: #FBFAF8 !important;
	color: #1F2124 !important;
	font-size: 14px !important;
	padding: 11px 13px !important;
	box-shadow: none !important;
	transition: border-color .15s, box-shadow .15s;
}
.um .um-form input[type=text]:focus,
.um .um-form input[type=password]:focus,
.um .um-form input[type=email]:focus,
.um .um-form input[type=tel]:focus,
.um .um-form textarea:focus,
.um .um-form select:focus {
	border-color: var(--accent) !important;
	box-shadow: 0 0 0 3px var(--accent-soft) !important;
	background: #fff !important;
	outline: 0 !important;
}
.um .um-field-label label,
.um .um-form label {
	color: #1F2124 !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
}

/* ---- Buttons: replace UM blue with terracotta accent ---- */
.um .um-button,
.um .um-button.um-alt,
.um-account .um-button {
	background: var(--accent) !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	box-shadow: none !important;
	transition: background .15s !important;
}
.um .um-button:hover,
.um-account .um-button:hover {
	background: var(--accent-ink) !important;
}

/* ---- Links / active states (override UM #3ba1da blue) ---- */
.um a.um-link,
.um .um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
i.um-active-color,
span.um-active-color {
	color: var(--accent) !important;
}
.um a.um-link:hover {
	color: var(--accent-ink) !important;
}

/* ---- Account page: nav/side panel to card style ---- */
.um-account .um-account-side,
.um-account .um-account-main {
	background: #FFFFFF;
	border: 1px solid #E9E6DF;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(31,33,36,.04), 0 6px 18px rgba(31,33,36,.05);
}
.um-account-side li a.current {
	background: #F4F2EE !important;
	border-radius: 8px;
}

/* ---- Headings inside UM ---- */
.um .um-form-title,
.um-account-heading {
	font-family: 'Fraunces', Georgia, serif !important;
	color: #1F2124 !important;
}