/* kmalloc theme for Converse.js: logo instead of the Converse branding, cream page, rust accent. */
:root, .conversejs {
  --primary-color: #D9480F;
  --primary-color-dark: #b13a0b;
  --link-color: #D9480F;
  --link-hover-color: #a8380c;
  --chat-head-color: #D9480F;
  --chat-head-color-dark: #b13a0b;
}
html, body.conversejs, .conversejs .converse-chatboxes, .conversejs .controlbox-pane { background-color: #F9F7ED; }
.conversejs .btn-primary { background-color: #D9480F; border-color: #D9480F; color: #fff; }
.conversejs .btn-primary:hover, .conversejs .btn-primary:focus { background-color: #b13a0b; border-color: #b13a0b; }
.conversejs a { color: #D9480F; }
.conversejs input:focus, .conversejs .form-control:focus { border-color: #D9480F; box-shadow: 0 0 0 .2rem rgba(217, 72, 15, .2); }
/* brand: replace the Converse logo and tagline with the kmalloc logo */
converse-brand-logo { display: block; height: 210px; margin: 1.5rem auto .5rem; background: url("/logo-light.svg") center / contain no-repeat; }
converse-brand-logo > * { display: none !important; }
/* remove third-party promo: top links and sponsor footer */
.chatbox.logged-out converse-controlbox-navbar { display: none !important; }
converse-footer { display: none !important; }
.conversejs input[type="checkbox"], .conversejs input[type="radio"] { accent-color: #D9480F; }
.conversejs .form-control { background-color: #fff; }
.conversejs ::placeholder { color: #9a9486; opacity: 1; }
/* logged-in sidebar: replace the green/teal accents */
.conversejs .controlbox-heading, .conversejs .controlbox-heading a, .conversejs .controlbox-heading .fa, .conversejs .controlbox-heading converse-icon,
.conversejs .roster-group a, .conversejs .roster-group .group-toggle, .conversejs .open-rooms-toggle, .conversejs .rooms-toggle,
.conversejs .controlbox-section a, .conversejs .controlbox-section converse-icon { color: #D9480F !important; fill: #D9480F !important; }
.conversejs .xmpp-status, .conversejs .chat-status, .conversejs .change-status, .conversejs .username { color: #1e1d1a !important; }
.conversejs .chatbox-title__text, .conversejs .chat-head { color: #1e1d1a; }
.conversejs .controlbox-head, .conversejs #controlbox-head, .conversejs .controlbox-pane { background-color: #F1EDE0; }
.conversejs a.list-toggle, .conversejs a.list-toggle:hover, .conversejs a.open-contacts-toggle, .conversejs a.open-rooms-toggle,
.conversejs a.group-toggle, .conversejs .controlbox-heading--contacts, .conversejs .controlbox-heading--groupchats,
.conversejs a.list-toggle converse-icon, .conversejs .controlbox-heading converse-icon { color: #D9480F !important; fill: #D9480F !important; }
.conversejs .controlbox-section .dropdown-toggle, .conversejs .roster-group .fa, .conversejs converse-icon.fa-bars, .conversejs .controlbox-heading .dropdown-toggle { color: #D9480F !important; fill: #D9480F !important; }
/* higher specificity: Converse styles its own root by id */
#conversejs a.list-toggle, #conversejs a.list-toggle:hover, #conversejs a.open-contacts-toggle, #conversejs a.open-rooms-toggle, #conversejs a.group-toggle,
#conversejs .controlbox-heading, #conversejs .controlbox-heading a, #conversejs .roster-group a, #conversejs .roster-group a.group-toggle {
  color: #D9480F !important; fill: #D9480F !important; }
#conversejs a.list-toggle converse-icon, #conversejs .controlbox-heading converse-icon, #conversejs .roster-group converse-icon { color: #D9480F !important; fill: #D9480F !important; }
/* Converse classic palette: swap blue/green for the kmalloc rust (custom properties win over the theme with !important) */
:root, #conversejs, #conversejs[data-converse-theme], converse-root, .conversejs {
  --blue: #D9480F !important; --blue-rgb: 217,72,15 !important;
  --dark-blue: #b13a0b !important; --dark-green: #D9480F !important; --green: #D9480F !important;
  --primary-color: #D9480F !important; --primary-color-hover: #b13a0b !important; --primary-rgb: 217,72,15 !important;
  --link-color: #D9480F !important; --link-color-hover: #a8380c !important;
}