/* ===========================================
   PinboxIR Custom Branding CSS
   Version: 2.0.0 - Dashboard + Widget
   Target: Chatwoot v4.8.0
   Brand: Pippa of London
   =========================================== */

/* ============================================
   PART 1: Dashboard Logo Override
   Force load custom logos from server
   ============================================ */

/* Replace all logo images with custom logo */
img[src*="chatwoot"],
img[alt*="chatwoot"],
img[alt*="Chatwoot"],
.app-logo img,
.login-box__logo img,
[class*="logo"] img,
.sidebar-header__logo img,
.header__logo img {
  content: url('/brand-assets/logo.svg') !important;
  display: block !important;
  max-width: 200px !important;
  height: auto !important;
}

/* Dark mode logo override */
@media (prefers-color-scheme: dark) {
  img[src*="chatwoot"],
  img[alt*="chatwoot"],
  img[alt*="Chatwoot"],
  .app-logo img,
  .login-box__logo img,
  [class*="logo"] img,
  .sidebar-header__logo img,
  .header__logo img {
    content: url('/brand-assets/logo_dark.svg') !important;
  }
}

/* ============================================
   PART 2: Widget Footer Branding
   Hide "Powered by Chatwoot" in chat widget
   ============================================ */

/* Hide all branding elements in widget */
.branding,
.branding-link,
[class*="branding"],
.widget-footer .powered-by,
.chat-widget__footer .branding,
.woot-widget-container .branding,
.woot-widget-container [class*="branding"],
.woot-widget-container .powered-by,
.woot-widget--powered-by {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ============================================
   PART 3: Brand Colors
   ============================================ */

:root {
  --w-primary-color: #1f2937;
  --w-secondary-color: #4bbdff;
}

/* ============================================
   PART 4: Logo Sizing
   ============================================ */

.logo-image,
.brand-logo {
  max-height: 40px;
  width: auto;
}
