/**
 * Eingebettete Seiten: gleiche Light-Farben wie index (oberflaechen-farben.css).
 * Nach oberflaechen-farben.css einbinden.
 */

/* ——— Formulare (Funktionen, Erstellen, Medien) ——— */
.werkzeugflaeche,
.modus-knopf,
textarea#medien-hochladen-beschreibung,
textarea#session-beschreibung,
.feld-eingabe,
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
textarea,
select {
  border-color: var(--linie) !important;
  background: var(--eingabe) !important;
  color: var(--text) !important;
}

.sek-btn,
.session-zuschneider-paneel {
  border-color: var(--linie) !important;
}

/* ——— Eingebettet: kein animierter Hero, fester Light-Hintergrund ——— */
html.eingebettet-ohne-kopf body.bamlove-mit-globalem-hero .ct24-login-hero {
  display: none !important;
}

html.eingebettet-ohne-kopf,
html.eingebettet-ohne-kopf body.bamlove-mit-globalem-hero {
  background: var(--seite-hintergrund) !important;
}

html.eingebettet-ohne-kopf body.bamlove-mit-globalem-hero .app {
  background: var(--seite-hintergrund) !important;
}

/* ——— Profil (Kopf-Knöpfe, Kacheln, Listen) ——— */
.profil-kopf-abmelden-knopf,
.profil-teilen-knopf,
button.card.profil-stat-kachel,
.profil-stat-kachel,
.activity-item,
.profil-medien-zelle,
.profil-medien-leer,
.profil-dialog,
.profil-mehr-menue,
.msg-btn,
.profil-gefolgt-entfolgen-knopf,
.profil-voll-overlay-inhalt {
  border-color: var(--linie) !important;
}

.profil-kopf-abmelden-knopf,
.profil-teilen-knopf,
.icon-btn {
  background: var(--icon-knopf-hintergrund) !important;
  color: var(--text) !important;
}

button.card.profil-stat-kachel,
.profil-stat-kachel,
.activity-item {
  background: var(--hintergrund) !important;
}

.card h3,
.profil-kachel-beschriftung,
.activity-name {
  color: var(--text) !important;
}

.profil-kachel-beschriftung,
.profil-meta-zeile,
.activity-text,
.time,
.username,
.bio p,
.stat p {
  color: var(--textLeise) !important;
}

.profil-dialog,
.profil-mehr-menue {
  background: var(--hintergrund) !important;
  color: var(--text) !important;
}

.profil-dialog input {
  border-color: var(--linie) !important;
  background: var(--eingabe) !important;
  color: var(--text) !important;
}

/* ——— Matches: Sheets, Leer, Filter (nicht Karten-Foto-Overlay) ——— */
#match-leer-block {
  background: var(--oberflaeche) !important;
  border: 1px solid var(--linie) !important;
}

#match-leer-block p,
.title-subtle,
.match-filter-zeile label {
  color: var(--textLeise) !important;
}

.match-filter-zeile output {
  color: var(--akzent) !important;
}

#match-haupt .actions .action {
  background: var(--hintergrund) !important;
  border: 1px solid var(--linie) !important;
  box-shadow: var(--schattenKlein) !important;
}

#match-haupt .match-status-meldung {
  background: var(--hintergrund) !important;
  color: var(--text) !important;
  border: 1px solid var(--linie) !important;
  box-shadow: var(--schatten) !important;
}

.match-blatt-inhalt {
  background: var(--hintergrund) !important;
  color: var(--text) !important;
  border-top: 1px solid var(--linie) !important;
}

.match-blatt-inhalt h2 {
  color: var(--text) !important;
}

.match-blatt-schliessen {
  background: var(--icon-knopf-hintergrund) !important;
  color: var(--text) !important;
  border: 1px solid var(--linie) !important;
}

.match-mehr-aktion {
  color: var(--text) !important;
  border-bottom-color: var(--linie) !important;
}

.match-mehr-aktion:last-child {
  color: var(--akzent) !important;
}

.match-leer-knopf-sekundaer {
  background: var(--icon-knopf-hintergrund) !important;
  color: var(--text) !important;
  border: 1px solid var(--linie) !important;
}

#match-liste-eintraege li,
.match-liste-eintrag {
  border-bottom-color: var(--linie) !important;
  color: var(--text) !important;
}

#match-haupt .icon-btn {
  background: var(--icon-knopf-hintergrund) !important;
  border-color: var(--linie) !important;
  color: var(--text) !important;
}

/* ——— Entdecken / Online ——— */
.filter-btn,
.search-btn {
  background: var(--icon-knopf-hintergrund) !important;
  border: 1px solid var(--linie) !important;
  color: var(--text) !important;
}

.subtitle,
.online-karte-legende {
  color: var(--textLeise) !important;
}

.online-dot {
  background: var(--live) !important;
  box-shadow: none !important;
}

.online-registerknopf.aktiv::after {
  background: var(--akzent) !important;
  box-shadow: none !important;
}

.grid .card {
  border-color: var(--linie) !important;
}

.online-karte-huelle .leaflet-control-attribution {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--textLeise) !important;
  border: 1px solid var(--linie) !important;
}

.online-karte-huelle .leaflet-control-attribution a {
  color: var(--akzent) !important;
}

.nutzer-naehe-zeile {
  border-bottom-color: var(--linie) !important;
}

.nutzer-naehe-zeile-name {
  color: var(--text) !important;
}

.nutzer-naehe-zeile-ort,
.nutzer-naehe-zeile-distanz,
.nutzer-naehe-zeile-status {
  color: var(--textLeise) !important;
}

.nutzer-naehe-zeile-foto-wrap {
  background: var(--foto-platzhalter) !important;
}