/* JEM Buttons "Speichern", "Abbrechen", "Wählen" sichtbar machen */
/* Gezieltes Überschreiben der TP-Ultimate-Farben */
form .btn, 
.input-group-append .btn, 
.jem-btn-submit-event, 
.jem-btn-cancel-event, 
.jem-venue-select-button {
    background-color: #6B9CD5 !important; /* Dunkelblau als Hintergrund */
    color: #ffffff !important;           /* Weiße Schriftfarbe */
    border: 1px solid #000000 !important; /* Schwarzer Rand zur Abhebung */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Sicherstellen, dass das Icon geladen wird, falls es das Problem war */
.jem-venue-select-button i::before {
    content: "\f002" !important; /* Unicode für ein Lupe-Icon (FontAwesome) */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
.item-image {
    display: none !important;
}

/* =======================================
   TP-Ultimate Login-Modul Modern Style
   Joomla 5
   Passkey-Button entfernt
   ======================================= */

/* Grundcontainer */
.mod-login {
  background-color: #ffffff;               /* Weiß wie TP-Karten */
  border-radius: 10px;                     /* Abgerundete Ecken */
  padding: 25px 20px;                      /* Innenabstand */
  box-shadow: 0 8px 20px rgba(0,0,0,0.08); /* Leichter Schatten */
  max-width: 360px;                        /* Breite */
  margin: 30px auto;                       /* zentrieren */
  font-family: "Inter", sans-serif;        /* TP-Ultimate Standardfont */
  border: 1px solid #e0e0e0;              /* dezenter Rahmen */
}

/* Modul-Titel ausblenden optional */
.mod-login h3 {
  display: none;
}

/* Eingabefelder */
.mod-login input[type="text"],
.mod-login input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  margin-bottom: 15px;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.mod-login input[type="text"]:focus,
.mod-login input[type="password"]:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0,123,255,0.2);
  outline: none;
}

/* Login-Button */
.mod-login button.btn {
  width: 100%;
  padding: 12px 0;
  background: linear-gradient(90deg, #007bff, #0056b3);
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

.mod-login button.btn:hover {
  background: linear-gradient(90deg, #0056b3, #003f7f);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Links wie "Passwort vergessen" / "Registrieren" */
.mod-login .login-links {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 0.85rem;
}

.mod-login .login-links a {
  color: #007bff;
  text-decoration: none;
}

.mod-login .login-links a:hover {
  text-decoration: underline;
}

/* ===============================
   Passkey-Button ausblenden
   =============================== */
#Passkey,
#Passkey + span,
button:has(#Passkey) {
  display: none !important;
}

/* Optional: kleine responsive Anpassung */
@media (max-width: 480px) {
  .mod-login {
    width: 90%;
    padding: 20px 15px;
  }
}