/*
 * Ultimate Member an das Helden-Theme angleichen.
 * Nur Farben, Schrift und Abstände – keine Layout-Eingriffe, damit
 * UM-Updates nichts zerschießen.
 */

.um {
	font-family: var(--wp--preset--font-family--text);
	color: var(--wp--preset--color--asphalt);
}

.um h1, .um h2, .um h3,
.um .um-profile-meta .um-name a {
	font-family: var(--wp--preset--font-family--titel);
	text-transform: uppercase;
	color: var(--wp--preset--color--asphalt);
}

/* Buttons */
.um input[type="submit"].um-button,
.um a.um-button,
.um .um-button {
	background: var(--wp--preset--color--rot) !important;
	color: var(--wp--preset--color--papier) !important;
	border-radius: 4px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	min-height: 44px;
}
.um input[type="submit"].um-button:hover,
.um a.um-button:hover,
.um .um-button:hover {
	background: var(--wp--preset--color--blau) !important;
	color: var(--wp--preset--color--papier) !important;
}
.um a.um-button.um-alt,
.um input[type="submit"].um-button.um-alt {
	background: transparent !important;
	color: var(--wp--preset--color--asphalt) !important;
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--asphalt);
}

/* Eingabefelder: größer und mit deutlichem Fokus */
.um .um-form input[type="text"],
.um .um-form input[type="email"],
.um .um-form input[type="password"],
.um .um-form input[type="number"],
.um .um-form input[type="tel"],
.um .um-form textarea,
.um .um-form select {
	font-size: 1.0625rem !important;
	min-height: 44px;
	border: 1px solid var(--wp--preset--color--stahl) !important;
	border-radius: 4px !important;
	background: var(--wp--preset--color--papier) !important;
}
.um .um-form input:focus,
.um .um-form textarea:focus,
.um .um-form select:focus {
	border-color: var(--wp--preset--color--rot) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--rot) 35%, transparent);
	outline: none;
}

.um .um-field-label label {
	font-weight: 600;
	font-size: 1rem;
}

/* Links in UM */
.um a:not(.um-button) {
	color: var(--wp--preset--color--rot);
}

/* Profilkopf & Reiter */
.um .um-profile-nav {
	background: var(--wp--preset--color--asphalt);
}
.um .um-profile-nav-item a {
	color: var(--wp--preset--color--kreide) !important;
}
.um .um-profile-nav-item.active a {
	background: var(--wp--preset--color--rot) !important;
	color: var(--wp--preset--color--papier) !important;
}

/* Mitgliederverzeichnis: Karten im Theme-Stil */
.um-directory .um-members-wrapper .um-members .um-member {
	border: 0;
	border-radius: 6px;
	background: var(--wp--preset--color--papier);
	box-shadow: var(--wp--preset--shadow--karte);
}

/* Profil-Details zweispaltig (ab Tablet) */
@media (min-width: 768px) {
	.um-profile.um-viewing .um-profile-body .um-row .um-col-1 {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 2.5rem;
		row-gap: .25rem;
	}
	.um-profile.um-viewing .um-profile-body .um-row .um-col-1 > .um-clear { display: none; }
	.um-profile.um-viewing .um-profile-body .um-field { padding-top: .75rem; }
}
.um-profile.um-viewing .um-profile-body .um-field-label label {
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--wp--preset--color--stahl);
}