/* =========================================================
   BASIS: Zammad Branding entfernen (Login / Public)
   ========================================================= */

/* "Powered by" Text */
span.ltr\:mr-1.rtl\:ml-1 {
  display: none !important;
}

/* Zammad-Link */
a[href="https://zammad.org"],
a[href^="https://zammad.org"] {
  display: none !important;
}

/* =========================================================
   SPLASH / LOADING SCREEN
   ========================================================= */

/* Zammad Vogel im Splash ausblenden */
.splash svg.icon-logo,
.splash svg.icon-logo use,
.splash use[xlink\:href*="#icon-logo"],
.splash use[href*="#icon-logo"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Eigenes Logo im Splash */
.splash {
  position: relative !important;
}

.splash::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 45% !important;
  transform: translate(-50%, -50%) !important;

  width: 120px !important;
  height: 120px !important;

  background: url("/assets/favicon-512x512.png?v=999") no-repeat center center !important;
  background-size: contain !important;
}

/* =========================================================
   SIDEBAR / NAVIGATION HEADER
   Ziel:
   - Suche volle Breite
   - Logo ganz rechts
   - KEINE Überlagerung
   ========================================================= */

#navigation .search {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Suchfeld bekommt Platz */
#navigation .search .search-holder {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Logo-Button (Notifications) */
#navigation .search .logo.js-toggleNotifications {
  margin-left: auto !important;
  flex: 0 0 auto !important;

  width: 40px !important;
  height: 40px !important;
  position: relative !important;
}

/* Zammad SVG Logo vollständig entfernen */
#navigation .search .logo.js-toggleNotifications svg.icon-logo,
#navigation .search .logo.js-toggleNotifications svg.icon-logo use,
#navigation .search .logo.js-toggleNotifications use[xlink\:href*="#icon-logo"],
#navigation .search .logo.js-toggleNotifications use[href*="#icon-logo"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Eigenes 32x32 Logo einsetzen */
#navigation .search .logo.js-toggleNotifications::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 32px !important;
  height: 32px !important;

  background: url("/assets/favicon-32x32.png?v=999") no-repeat center center !important;
  background-size: contain !important;
  pointer-events: none !important;
}

/* Notification Counter sichtbar halten */
#navigation .search .logo.js-toggleNotifications .activity-counter {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  z-index: 2 !important;
}