/* klon/ohne-marke.css
 * NUR Testkopie (Klon). Blendet die Wortmarke „praxisoptimierung.at“ / „po“ aus.
 * Ändert kein Bündel. Wirkt nur, wenn diese Datei im Klon geladen wird (Einbindung: siehe klon/PRUEFLISTE.md, Abschnitt Logo).
 * Nicht durch CSS erreichbar: Favicon, Titel-/aria-Texte, Vorlade-Platzhalter vor dem Laden des Stylesheets (siehe Liste dort).
 */

/* 1) Wortmarke überall (Seitenleiste mit Link, Ladebildschirm, Auth-Seiten, mobile Ansicht) */
.wortmarke,
.wortmarke-lang,
.wortmarke-kurz {
  display: none !important;
}

/* 2) Seitenleiste: der Link „praxisoptimierung.at → Cockpit“ verschwindet ganz (kein leerer Klickbereich, nicht fokussierbar) */
.hk-wrapper .hk-menu .menu-header .navbar-brand {
  display: none !important;
}

/* 3) Menüknopf bleibt an seinem Platz (rechts): nach dem Entfernen des Links ist er das einzige Kind der Kopfzeile */
.hk-wrapper .hk-menu .menu-header > span > .navbar-toggle {
  margin-left: auto !important;
}

/* 3a) Logo des Mandanten in der Seitenleiste (ohne-marke.js, 62 px hoch): der Kopf wächst mit, sonst würde es beschnitten */
.hk-wrapper .hk-menu .menu-header:has(#crm-logo-leiste) {
  height: 82px;
}
/* Eingeklappte Leiste (72 px breit, 34 px Platz): das Logo wird klein und ganz gezeigt statt rechts abgeschnitten.
   Nur wenn die Leiste beim Überfahren ausfährt (data-hover=active), gilt dort wieder die große Fassung. */
.hk-wrapper[data-layout-style=collapsed]:not([data-hover=active]) .hk-menu .menu-header:has(#crm-logo-leiste),
.hk-wrapper[data-layout-style=collapsed][data-hover=active] .hk-menu:not(:hover) .menu-header:has(#crm-logo-leiste) {
  height: 65px;
  padding-left: 8px;
  padding-right: 8px;
}
.hk-wrapper[data-layout-style=collapsed]:not([data-hover=active]) .hk-menu #crm-logo-leiste,
.hk-wrapper[data-layout-style=collapsed][data-hover=active] .hk-menu:not(:hover) #crm-logo-leiste {
  width: 56px !important;
  height: auto !important;
  max-width: 56px;
  object-fit: contain;
}

/* 4) Anmeldung, Passwort, Zwei-Faktor: Marken-Block über dem Kartentitel weg (Titel „Sales Datenbank“ bleibt) */
.auth-content .navbar-brand {
  display: none !important;
}
.auth-content .text-center.mb-7:has(> .navbar-brand) {
  display: none;
}

/* 5) Ladebildschirm (Bündel): Text weg, neutraler Drehkreis bleibt; „Sitzung wird geprüft“ bleibt für Screenreader (nur-vorlesen) */
.ladebildschirm > span:not(.nur-vorlesen) {
  display: none !important;
}
.ladebildschirm::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border: 0.2em solid var(--bs-border-color, #dee2e6);
  border-top-color: #59710a;
  border-radius: 50%;
  animation: klon-drehung 0.75s linear infinite;
}
@keyframes klon-drehung {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .ladebildschirm::before { animation: none; }
}

/* 6) Vor dem Bündel (index.html-Platzhalter, eigener Inline-Stil): nur der Text, der Drehkreis bleibt */
#root > [role="status"] > div > span:last-child {
  display: none !important;
}

/* Optional, standardmäßig AUS: neutrale Kennzeichnung „Testkopie“ anstelle der Marke (Entscheidung Hauptagent).
.hk-wrapper .hk-menu .menu-header > span::before {
  content: "Testkopie";
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary-color, #6c757d);
}
*/