/**
 * payware Custom Styling for Zammad
 *
 * Currently active:
 * - Hide profile and dark mode from user menu (SSO controls these)
 * - Replace Zammad logo with payware logo
 * - Hide Zammad branding on login page
 */

/* ===========================================
 * Login Page: Hide Zammad branding
 * =========================================== */

/* Hide "Powered by Zammad" */
.poweredBy {
  display: none !important;
}

/* ===========================================
 * Loading Screen: Replace Zammad logo
 * =========================================== */

/* Replace Zammad logo SVG with payware logo background */
.loading .icon-logo,
.splash .icon-logo {
  width: 80px;
  height: 80px;
  background-image: url("/api/v1/system_assets/product_logo/1768723294");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Hide the SVG content inside but keep the element */
.loading .icon-logo use,
.splash .icon-logo use {
  opacity: 0 !important;
}

/* Hide admin password auth footer */
.js-footer {
  display: none !important;
}

/* ===========================================
 * User Menu: Hide Profile and Dark Mode
 * (These are controlled via SSO/Authentik)
 * =========================================== */

/* Hide Dark Mode toggle */
.dropdown-menu-item--toggle:has(#dark-mode-quick-switch) {
  display: none !important;
}

/* Hide Profile link (hide entire li element) */
li:has(> a[href="#profile"]) {
  display: none !important;
}

/* Hide divider before Sign out if it's now first visible item */
.dropdown-menu a[href="#profile"] + .divider,
.dropdown-menu-item--toggle + li + .divider {
  display: none !important;
}

/* ===========================================
 * Logo: Replace Zammad with payware product logo
 * =========================================== */

/* Hide the original Zammad logo SVG */
.logo .icon-logo {
  display: none !important;
}

/* Add payware logo using the uploaded product logo */
.logo.js-toggleNotifications {
  position: relative;
}

.logo.js-toggleNotifications::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/api/v1/system_assets/product_logo/1768723294");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* ===========================================
 * Article Meta: Hide channel icon (web/email/phone indicator)
 * =========================================== */

/* Hide the channel type icon in article metadata */
.article-meta-icon {
  display: none !important;
}

/* ===========================================
 * Future: Brand Colors (commented out for now)
 * =========================================== */

/*
:root {
  --payware-primary: #364153;
  --payware-primary-hover: #2a3340;
  --payware-primary-active: #1f262f;
}

.btn--primary,
.btn-primary {
  background-color: var(--payware-primary) !important;
  border-color: var(--payware-primary) !important;
}
*/