/* Hide the online status dot */
.smartsupp-widget-wrapper .smartsupp-status-indicator,
#chat-application .status-indicator,
.smartsupp_cookie_banner_status {
  display: none !important;
}

/* Default styles for circles */
.user-initial-circle,
.helpdesk-initial-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: transparent;
  color: var(--theme-primary-color) !important;
  border: 1px solid var(--theme-primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9998;
  transition: all 0.3s ease;
  font-family: var(--title-font-family);
  font-size: 18px;
}

.user-initial-circle {
  padding-top: 6px;
  padding-left: 1px;
}

/* Light color for specific pages when NOT scrolled - Desktop only */
@media (min-width: 1179px) {
  .home:not(.scrolled) .user-initial-circle,
  .post-type-archive-presentations:not(.scrolled) .user-initial-circle,
  .post-type-archive-presenters:not(.scrolled) .user-initial-circle,
  .page-template-inconf-resource-library:not(.scrolled) .user-initial-circle,
  .page-template-inconf-portfolio-companies:not(.scrolled) .user-initial-circle,
  .page-template-inconf-feedback:not(.scrolled) .user-initial-circle,
  .home:not(.scrolled) .helpdesk-initial-circle,
  .post-type-archive-presentations:not(.scrolled) .helpdesk-initial-circle,
  .post-type-archive-presenters:not(.scrolled) .helpdesk-initial-circle,
  .page-template-inconf-resource-library:not(.scrolled) .helpdesk-initial-circle,
  .page-template-inconf-portfolio-companies:not(.scrolled) .helpdesk-initial-circle,
  .page-template-inconf-feedback:not(.scrolled) .helpdesk-initial-circle {
    color: var(--theme-light-color) !important;
    border: 1px solid var(--theme-light-color);
  }

  /* Hover states for specific pages - needed for proper specificity */
  .home:not(.scrolled) .helpdesk-initial-circle:hover,
  .home:not(.scrolled) .helpdesk-initial-circle:focus,
  .home:not(.scrolled) .helpdesk-initial-circle.active,
  .post-type-archive-presentations:not(.scrolled) .helpdesk-initial-circle:hover,
  .post-type-archive-presentations:not(.scrolled) .helpdesk-initial-circle:focus,
  .post-type-archive-presentations:not(.scrolled) .helpdesk-initial-circle.active,
  .post-type-archive-presenters:not(.scrolled) .helpdesk-initial-circle:hover,
  .post-type-archive-presenters:not(.scrolled) .helpdesk-initial-circle:focus,
  .post-type-archive-presenters:not(.scrolled) .helpdesk-initial-circle.active,
  .page-template-inconf-resource-library:not(.scrolled) .helpdesk-initial-circle:hover,
  .page-template-inconf-resource-library:not(.scrolled) .helpdesk-initial-circle:focus,
  .page-template-inconf-resource-library:not(.scrolled) .helpdesk-initial-circle.active,
  .page-template-inconf-portfolio-companies:not(.scrolled) .helpdesk-initial-circle:hover,
  .page-template-inconf-portfolio-companies:not(.scrolled) .helpdesk-initial-circle:focus,
  .page-template-inconf-portfolio-companies:not(.scrolled) .helpdesk-initial-circle.active,
  .page-template-inconf-feedback:not(.scrolled) .helpdesk-initial-circle:hover,
  .page-template-inconf-feedback:not(.scrolled) .helpdesk-initial-circle:focus,
  .page-template-inconf-feedback:not(.scrolled) .helpdesk-initial-circle.active {
    background-color: var(--theme-secondary-color);
    color: var(--theme-primary-color) !important;
    border: 1px solid var(--theme-secondary-color);
  }
}

/* Hover/Focus/Active states */
a.threedots:hover .user-initial-circle,
a.threedots:focus .user-initial-circle,
a.threedots.active .user-initial-circle,
.helpdesk-initial-circle:hover,
.helpdesk-initial-circle:focus,
.helpdesk-initial-circle.active {
  background-color: var(--theme-secondary-color);
  color: var(--theme-light-color) !important;
  border: 1px solid var(--theme-secondary-color);
  cursor: pointer;
}

#chat-application:not(:has(#chat-application-iframe[style*='display: block'])) {
  display: none !important;
}

#chat-application:not(:has(#chat-application-iframe[style*='display: block'])) {
  display: none !important;
}