/* BrandedClaws brand overrides — Mautic (BrandedClaws Automation)
   Injected at the Nginx proxy layer; conservative color/shape branding only,
   no layout changes. Replaces the previous crude "hide all navigation" hack
   so the app feels native and on-brand. */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Top navigation → brand dark */
.navbar,
.navbar-inverse,
.navbar-default,
nav.navbar {
  background: #0b0f19 !important;
  border-color: #0b0f19 !important;
}
.navbar .navbar-brand,
.navbar-inverse .navbar-brand,
.navbar a {
  color: #e2e8f0 !important;
}
.navbar a:hover {
  color: #fb923c !important;
}

/* Left sidebar → dark brand panel */
#sidebar,
.left-sidebar,
.sidebar-default,
nav.sidebar {
  background: #0d121c !important;
  color: #cbd5e1 !important;
}
#sidebar a,
.left-sidebar a,
nav.sidebar a {
  color: #cbd5e1 !important;
}
#sidebar a:hover,
.left-sidebar a:hover,
nav.sidebar a:hover {
  color: #fb923c !important;
  background: rgba(234, 88, 12, 0.12) !important;
}

/* Primary buttons → brand orange */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background: #ea580c !important;
  border-color: #c2410c !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:hover {
  background: #f97316 !important;
  border-color: #ea580c !important;
}

/* Links + headings */
a { color: #c2410c; }
a:hover { color: #ea580c; }
.page-header h1, .page-header h2, .page-header h3,
h1, h2, h3 {
  color: #0f172a;
}

/* Panels/cards → brand shapes */
.panel,
.card,
.modal-content {
  border-radius: 12px !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.panel-default > .panel-heading,
.card-header {
  border-radius: 12px 12px 0 0 !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

/* Selection + focus accents */
::selection { background: rgba(234, 88, 12, 0.25); }
input:focus, select:focus, textarea:focus {
  border-color: #ea580c !important;
  box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.15) !important;
  outline: none !important;
}

/* ── Login page (Brandedclaws Automation sign-in) ────────────────────────── */
body,
body.page-login,
body#main body {
  background: linear-gradient(135deg, #0b0f19 0%, #111a2e 55%, #0b0f19 100%) !important;
}
/* Login card */
body .panel,
body .content-body .panel,
#main .panel {
  border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
}
/* Mautic wordmark/logo → BrandedClaws logo (login + sidebar) */
.mautic-logo,
.mautic-logo-figure,
#sidebar .brand-logo,
.sidebar-brand-logo {
  background-image: url('https://brandedclaws.com/logo.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.mautic-logo img,
.mautic-logo svg,
.mautic-logo-figure svg {
  display: none !important;
}
.mautic-logo {
  min-width: 140px;
  min-height: 48px;
}
/* Primary buttons everywhere, incl. login */
.btn-primary,
button[type="submit"] {
  background: #ea580c !important;
  border-color: #c2410c !important;
}
.btn-primary:hover,
button[type="submit"]:hover {
  background: #f97316 !important;
}

/* ── Final sweep: soften stock branding remnants + prevent horizontal drag ── */
.footer-branding,
.page-footer {
  display: none !important;
}
html, body {
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

/* ── Final sweep v2: replace the stock logo with the BrandedClaws mark and
   keep dropdown panels readable in both light and dark dashboard themes ── */
.navbar-header a.navbar-brand img,
.navbar-brand img.logo,
.navbar-brand img.logo-inverse,
img[src*="logo_mautic"],
img[src*="mautic_logo"] {
  display: none !important;
}
.navbar-header a.navbar-brand,
a.navbar-brand {
  background-image: url("https://brandedclaws.com/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-width: 130px !important;
  min-height: 34px !important;
  display: inline-block !important;
}
/* Dropdowns & popovers: readable panels in both dashboard themes */
.dropdown-menu,
.open > .dropdown-menu,
.dropdown-menu > li > a {
  background-color: #ffffff !important;
  color: #1e293b !important;
}
.dropdown-menu > li > a,
.dropdown-menu li a {
  color: #1e293b !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu li a:hover,
.dropdown-menu > li:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}
.dropdown-menu .divider {
  background-color: #e2e8f0 !important;
}