/* ============================================================================
   Volvo Trucks NA theme override for EnterWorks Enable 2020 UI
   Loaded AFTER the compiled styles.<hash>.css via a <link> in index.html.
   Palette (official Volvo brand portal):
     Volvo Dark Blue #202A44 (hero) | Black #141414 | White #FFFFFF
     Greys #E1DFDD #A7ABA9 #888B8D #53565A
     Flow accents #2D606F #396976 #678C96 #96B0B6 #C3D2D6
   Scope: chrome (header/menus/sidebar/footer), Precisely-purple buttons, and
   brand typography. Functional colors (grids, validation, links) untouched.
   Remove this file + its <link> to fully revert the theme.
   ========================================================================== */

@font-face {
  font-family: 'Volvo Novum';
  src: url('assets/volvo-novum.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Volvo Novum';
  src: url('assets/volvo-novum-bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  --volvo-dark-blue: #202A44;
  --volvo-dark-blue-hover: #2E3C60;
  --volvo-dark-blue-active: #16305C;
  --volvo-black: #141414;
  --volvo-grey-1: #E1DFDD;
  --volvo-grey-4: #53565A;
  --volvo-flow: #2D606F;
  --bs-body-font-family: 'Volvo Novum', 'Segoe UI', Arial, sans-serif;
  --bs-font-sans-serif: 'Volvo Novum', 'Segoe UI', Arial, sans-serif;
}

body {
  font-family: 'Volvo Novum', 'Segoe UI', Arial, sans-serif;
}

/* ---------------- application chrome: slate #272f3c -> Volvo Dark Blue ---- */
.ew-main-menu,
.ew-mega-menu,
#sidebar-wrapper,
.overlay,
.poweredByFooter,
.more-dropdown,
.bg-dark-blue,
.sidebar-nav li:first-child a,
.sidebar-nav .dropdown-menu {
  background-color: var(--volvo-dark-blue) !important;
}
#toolbar .nav .btn-group li button {
  background-color: var(--volvo-dark-blue) !important;
}
#toolbar .nav .btn-group li button:hover,
#toolbar .nav .btn-group li button:focus {
  background-color: var(--volvo-dark-blue-hover) !important;
}
.sidebar-nav li:before {
  background-color: var(--volvo-dark-blue) !important;
}

/* ---------------- Precisely purple -> Volvo Dark Blue --------------------- */
.btn-precisely {
  color: #fff !important;
  background-color: var(--volvo-dark-blue) !important;
  border-color: var(--volvo-dark-blue) !important;
}
.btn-precisely:hover {
  background-color: var(--volvo-dark-blue-hover) !important;
  border-color: var(--volvo-dark-blue-hover) !important;
}
.btn-precisely:focus, .btn-precisely.focus {
  background-color: var(--volvo-dark-blue-hover) !important;
  border-color: var(--volvo-dark-blue-hover) !important;
  box-shadow: 0 0 0 .2rem rgba(45, 96, 111, .45) !important; /* Flow accent ring */
}
.btn-precisely:active, .btn-precisely.active {
  background-color: var(--volvo-dark-blue-active) !important;
  border-color: var(--volvo-dark-blue-active) !important;
}
.btn-precisely.disabled, .btn-precisely:disabled {
  background-color: #798BA6 !important;
  border-color: #798BA6 !important;
}