/* ===============================
   9xMarkets Custom Branding Styles
   =============================== */

/* Login & Portal Logo Settings */
.brs-app {
  --st-logo-width: 70px;
  --st-logo-height: 57px;
  --st-header-logo-width: 40px;
  --st-header-logo-height: 33px;
  --st-logo-path: url("https://accounts.9xmarkets.com/img/logo-email.png");
}

/* Global Theme Colors */
:root {
  --st-light-primary-color: #008652 !important;
  --st-dark-primary-color: #008652 !important;

  --st-light-secondary-color: #a1a1a1 !important;
  --st-dark-secondary-color: #a1a1a1 !important;

  --st-light-warn-color: #ffc107 !important;
  --st-dark-warn-color: #ffc107 !important;

  --st-success-message-color: #28a745 !important;
  --st-error-message-color: #dc3545 !important;
}

/* Contact Button Styling */
.st-menu-button--contacts {
  font-size: 16px !important;
  color: #008652 !important;
}

/* Language Selector */
.st-menu-button--language {
  font-size: 16px !important;
  color: #008652 !important;
}

/* Activation Status Message */
.st-app-activation-status-message {
  font-size: 16px !important;
  font-weight: bold !important;
  color: white !important;
  background-color: #a1a1a1;
  padding: 8px;
  border-radius: 4px;
}

/* Ratings Menu */
.st-app-ratings-menu {
  background-color: var(--st-light-primary-color) !important;
  color: white !important;
}

/* Other Header Buttons */
.st-menu-button--logout,
.st-menu-button--theme,
.st-menu-button--language,
.st-menu-button--profile,
.st-menu-button--contacts {
  background-color: transparent;
  color: #1B4D3E !important;
  border: 1px solid #1B4D3E;
  border-radius: 6px;
  padding: 6px 10px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Contact Dropdown Items */
.st-contacts-menu__item--email,
.st-contacts-menu__item--phone,
.st-contacts-menu__item--url {
  color: #1B4D3E !important;
}

/* Language Menu Items */
.st-lang-menu__item {
  color: #1B4D3E !important;
}