/**
 * pp-um-overrides.css — Brand-CI-Overrides für Ultimate-Member-Forms
 *
 * 2026-07-05 · Web-UX-Fix-Welle-1 (Daniel-Auftrag 20:22 → 20:47)
 *
 * Bug 3 · Benutzername-Feld ausblenden (Server-Fallback in functions.php
 *          generiert user_login aus der E-Mail).
 * Bug 4 · Weiße Inputs → Dark-Panel + Gold-Border.
 * Bug 5 · Blauer Register-Button → Gold-Verlauf.
 * Bug 6 · Grauer Anmelden-Button → Outline-Button.
 * Bug 7 · Blasse Labels (Grau) → --body / --gold.
 * Bug 8 · Card-Container statt „nackt".
 * Bug 9 · Doppel-Button auf Register-Page: Anmelden-Button wird zu Text-Link.
 *
 * Kein !important auf Layout-Tokens (Border-Radius etc.) — hard-force auf
 * Colors + Backgrounds nötig weil UM per Inline-Style + eigener .css setzt.
 */

/* -------------------------------------------------------------------------
 * Card-Container um UM-Form (Bug 8)
 * ------------------------------------------------------------------------- */
body.um-page.um-page-loggedout .um,
body.um-page.um-page-login .um,
body.um-page.um-page-register .um {
    background: var(--panel, #100E0A) !important;
    border: 1px solid var(--lineStrong, rgba(201,167,94,0.55)) !important;
    padding: 36px !important;
    margin: 34px auto !important;
    max-width: 560px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--body, #B7B0A2) !important;
}

/* Section-Padding damit die Card unter dem Header atmet */
body.um-page main,
body.um-page .site-content,
body.um-page .entry-content {
    background: var(--bg, #0C0B0A) !important;
    padding-top: clamp(40px, 6vw, 80px) !important;
    padding-bottom: clamp(40px, 6vw, 80px) !important;
}

/* -------------------------------------------------------------------------
 * Labels (Bug 7)
 * ------------------------------------------------------------------------- */
body.um-page .um-field-label,
body.um-page .um-field-label label,
body.um-page .um label {
    font-family: 'Oswald', sans-serif !important;
    font-size: 11.5px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--body, #B7B0A2) !important;
    margin-bottom: 8px !important;
    display: block !important;
}
body.um-page .um-field-label label:hover,
body.um-page .um-field-label label:focus {
    color: var(--head, #F6F3EC) !important;
}

/* -------------------------------------------------------------------------
 * Inputs (Bug 4)
 * ------------------------------------------------------------------------- */
body.um-page .um-form-field,
body.um-page .um input[type="text"],
body.um-page .um input[type="email"],
body.um-page .um input[type="password"],
body.um-page .um input[type="tel"],
body.um-page .um input[type="url"],
body.um-page .um textarea,
body.um-page .um select {
    background: var(--panel2, #15120D) !important;
    border: 1px solid var(--line2, rgba(201,167,94,0.22)) !important;
    color: var(--head, #F6F3EC) !important;
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 15px !important;
    padding: 12px 14px !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}
body.um-page .um-form-field:focus,
body.um-page .um input:focus,
body.um-page .um textarea:focus,
body.um-page .um select:focus {
    border-color: var(--lineStrong, rgba(201,167,94,0.55)) !important;
    background: var(--panel2, #15120D) !important;
    color: var(--head, #F6F3EC) !important;
    outline: none !important;
}
body.um-page .um-form-field::placeholder {
    color: var(--mute, #837C70) !important;
    opacity: 1 !important;
}
body.um-page .um-form-field:-webkit-autofill {
    -webkit-text-fill-color: var(--head, #F6F3EC) !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--panel2, #15120D) inset !important;
    box-shadow: 0 0 0px 1000px var(--panel2, #15120D) inset !important;
}

/* -------------------------------------------------------------------------
 * Buttons (Bug 5 + 6 + 9)
 * ------------------------------------------------------------------------- */
body.um-page .um-button,
body.um-page input[type="submit"].um-button,
body.um-page a.um-button {
    background: linear-gradient(135deg, #ECD79A, #C9A75E 55%, #9A7C38) !important;
    color: #14110B !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 15px 26px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: transform 0.15s ease !important;
}
body.um-page .um-button:hover,
body.um-page input[type="submit"].um-button:hover,
body.um-page a.um-button:hover {
    background: linear-gradient(135deg, #ECD79A, #C9A75E 55%, #9A7C38) !important;
    color: #14110B !important;
    transform: translateY(-1px);
}
/* Sekundärer „Anmelden"-Button auf der Register-Page (Bug 6 + 9):
   UM rendert ihn als .um-alt oder .um-button-secondary — je nach Skin.
   Wir stylen ihn als Outline-Text-Link (Bug 9 wandelt ihn in Link-Optik um). */
body.um-page.um-page-register .um-button.um-alt,
body.um-page.um-page-register a.um-alt,
body.um-page.um-page-register .um-button-secondary {
    background: transparent !important;
    color: var(--gold, #C9A75E) !important;
    border: 0 !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 8px !important;
}
body.um-page.um-page-register .um-button.um-alt:hover,
body.um-page.um-page-register a.um-alt:hover {
    color: var(--head, #F6F3EC) !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------------------------
 * Bug 3 · Benutzername-Feld ausblenden.
 * UM rendert das Feld mit data-key="user_login" (auch als <div class="um-field"
 * data-key="user_login">). Wir hiden es hart. Server-side generiert
 * pp_theme_generate_user_login_from_email den user_login aus der E-Mail.
 * ------------------------------------------------------------------------- */
body.um-page .um-field[data-key="user_login"] {
    display: none !important;
}

/* -------------------------------------------------------------------------
 * Bug 8/9 · Doppel-Login-Link auf Register-Page → Text-Link-Look.
 * UM rendert am Ende der Register-Form „Already have an account? Log in"
 * (Class .um-modal-btn oder .um-alt-btn oder .um-toggle) als grauen Button.
 * ------------------------------------------------------------------------- */
body.um-page.um-page-register .um-tip-e,
body.um-page.um-page-register .um-tip-w,
body.um-page.um-page-register .um-form-note a {
    color: var(--gold, #C9A75E) !important;
    text-decoration: none !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/* -------------------------------------------------------------------------
 * BuddyPress-Header-Menu (Bug 11 · soft-block-Ergänzung)
 * Wenn BuddyPress trotz Redirect noch Fragmente rendert, machen wir sie
 * unsichtbar bis Daniel die Deaktivierung entschieden hat.
 * ------------------------------------------------------------------------- */
body:not(.wp-admin) #wp-admin-bar-bp-menu,
body:not(.wp-admin) #wp-admin-bar-my-account-buddypress,
body:not(.wp-admin) .bp-cover-image,
body:not(.wp-admin) .bp-user-nav,
body:not(.wp-admin) #buddypress .item-list-tabs {
    display: none !important;
}

/* -------------------------------------------------------------------------
 * UM-Notice-/Error-Boxen brand-konform
 * ------------------------------------------------------------------------- */
body.um-page .um-notice {
    background: var(--panel2, #15120D) !important;
    color: var(--head, #F6F3EC) !important;
    border-left: 3px solid var(--gold, #C9A75E) !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 14px !important;
}
body.um-page .um-notice.err {
    border-left-color: #B54848 !important;
}