/* Bettet ein Ultimate-Member-Formular (Registrierung/Login/Account) optisch
   in das bestehende HSC-Getränkemanager-Design ein. Wird nur auf Seiten mit
   dem Shortcode [getraenke_um_form] geladen. */

#gk-app .gk-um-container { padding-top: 4px; }

/* Grundcontainer von UM auf transparent/schwarz setzen, eigenes Padding entfernen */
#gk-app .um,
#gk-app .um-form,
#gk-app div.um { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; max-width: 100% !important; }

/* Überschriften/Text innerhalb des UM-Formulars an unser Farbschema anpassen */
#gk-app .um-form h1,
#gk-app .um-form h2,
#gk-app .um-form h3 { color: #f5f5f5 !important; }
#gk-app .um-form p,
#gk-app .um-form label,
#gk-app .um-field-label { color: #a3a3a3 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: .05em !important; }

/* Eingabefelder */
#gk-app .um-form input[type="text"],
#gk-app .um-form input[type="password"],
#gk-app .um-form input[type="email"],
#gk-app .um-form input[type="tel"],
#gk-app .um-form input[type="number"],
#gk-app .um-form input[type="url"],
#gk-app .um-form textarea,
#gk-app .um-form select {
  width: 100% !important;
  background: #171717 !important;
  border: 1px solid #333 !important;
  color: #f5f5f5 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  margin-bottom: 4px !important;
}
#gk-app .um-form input:focus,
#gk-app .um-form textarea:focus,
#gk-app .um-form select:focus { outline: none !important; border-color: #f2b90c !important; }
#gk-app .um-form input::placeholder { color: #737373 !important; overflow: hidden; text-overflow: ellipsis; }

/* Buttons */
#gk-app .um-form button,
#gk-app .um-form input[type="submit"],
#gk-app .um-form .um-button {
  width: 100% !important;
  background: #f2b90c !important;
  color: #000 !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px !important;
  font-size: 15px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
#gk-app .um-form button:hover,
#gk-app .um-form input[type="submit"]:hover { background: #ffce33 !important; }

/* Links (z. B. "Bereits registriert? Anmelden") */
#gk-app .um-form a { color: #f2b90c !important; text-decoration: none !important; font-weight: 600 !important; }

/* Checkboxen/Radios (z. B. eigene UM-Zusatzfelder) */
#gk-app .um-form input[type="checkbox"],
#gk-app .um-form input[type="radio"] { width: auto !important; accent-color: #f2b90c; }

/* Fehler-/Erfolgsmeldungen */
#gk-app .um-form .um-notice,
#gk-app .um-notice { background: #171717 !important; border: 1px solid #333 !important; color: #f5f5f5 !important; border-radius: 10px !important; }
#gk-app .um-form .um-error,
#gk-app .um-error,
#gk-app .um-form .um-field-error { color: #f87171 !important; }
#gk-app .um-form .um-success,
#gk-app .um-success { color: #4ade80 !important; }

/* Verstecktes Benutzername-Feld (siehe HSC ID Core: wird per eigenem CSS/JS
   ausgeblendet und automatisch befüllt) – zur Sicherheit hier zusätzlich sicherstellen,
   dass ein evtl. sichtbarer Rest nicht aus dem Rahmen fällt */
#gk-app .um-field-username { max-width: 100%; }