/* ==========================================================
   CLAAS Color Overrides
   Loaded via /assets/css/default/custom.css on every page.
   Overrides the appsoverview.css `:root` color system and
   hardcoded colors in app.min.css.
   ========================================================== */

:root {
  --orange-color: #b4c618;
  --orange-light-color: rgba(180, 198, 24, 0.15);
  --orange-dark-color: #8a9a00;
  --primary-color: #b4c618;
  --primary-hover-color: #8a9a00;
  --secondary-color: #4a4a4a;
  --secondary-hover-color: #333333;
  --brown-color: #4a4a4a;
  --brown-dark-color: #333333;
  --light-braun: #f5f7f0;
}

/* Fix hardcoded rgba orange values in appsoverview.css */
.featured-badge {
  background-color: rgba(180, 198, 24, 0.05) !important;
}

.btn.primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(180, 198, 24, 0.5) !important;
}

.btn.secondary:focus {
  box-shadow: 0 0 0 0.15rem rgba(74, 74, 74, 0.3) !important;
}

/* --- Sidebar hover/active overrides (app.min.css hardcodes #b34b01) --- */
#sidebar-menu > ul > li > a:active,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu > ul > li > a:hover {
  color: #8a9a00 !important;
}

.nav-second-level li a:focus,
.nav-second-level li a:hover {
  color: #8a9a00 !important;
}

.nav-second-level li.active > a {
  color: #8a9a00 !important;
}

#sidebar-menu .menuitem-active > a {
  color: #b4c618 !important;
}

/* Condensed sidebar hover */
body[data-sidebar-size="condensed"]
  .left-side-menu
  #sidebar-menu
  > ul
  > li
  > a:active,
body[data-sidebar-size="condensed"]
  .left-side-menu
  #sidebar-menu
  > ul
  > li
  > a:focus,
body[data-sidebar-size="condensed"]
  .left-side-menu
  #sidebar-menu
  > ul
  > li
  > a:hover {
  color: #8a9a00 !important;
}

body[data-sidebar-size="condensed"]
  .left-side-menu
  #sidebar-menu
  > ul
  > li:hover
  > a {
  color: #b4c618 !important;
}

body[data-sidebar-size="condensed"]
  .left-side-menu
  #sidebar-menu
  > ul
  > li:hover
  > .collapse
  > ul
  a:hover {
  color: #8a9a00 !important;
}

/* --- Remove underlines from navigation links --- */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.nav-link {
  text-decoration: none !important;
}

.nav-link:hover {
  text-decoration: none !important;
}

#sidebar-menu a {
  text-decoration: none !important;
}

/* --- Override hardcoded orange text colors in custom.css --- */
.applus-header-text {
  color: #b4c618 !important;
}

.title {
  color: #b4c618;
}

.datasheet-link,
.element-header {
  color: #4a4a4a !important;
}

/* --- Hide signup/register links (CLAAS uses SSO only) --- */
a[href$="/signup"],
button[href$="/signup"] {
  display: none !important;
}