/*
 * Copyright 2016 Red Hat, Inc. and/or its affiliates
 * and other contributors as indicated by the @author tags.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "~@patternfly/patternfly/patternfly.css";

/* Overrides to PatternFly variables should be made at the :root level 
 * for global variables or at the top-level component selector 
 * for component variables (for example, .pf-c-button), as these overrides 
 * will cascade down to children elements accordingly.
*/

:root {
  --jmp-light-blue-text: 71, 148, 209;
  --jmp-light-blue: 46, 113, 182; 
  --jmp-dark-blue: 29, 68, 106;
  --jmp-navbar: rgb(var(--jmp-light-blue));
  --jmp-sidebar: rgb(var(--jmp-dark-blue));

  --pf-v5-global--BorderColor--400: rgba(255, 255, 255, .25);
  --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: rgba(255, 255, 255, .25);
  --pf-v5-c-menu-toggle--after--BorderBottomColor: rgba(255, 255, 255, .25);
  
}

.pf-v5-c-nav__section-title {
  border-bottom-color: rgba(var(--jmp-light-blue), .25);
}

.pf-v5-c-toolbar, 
.pf-v5-c-menu-toggle[data-testid="realmSelector"], 
.pf-v5-c-menu-toggle[data-testid="action-dropdown"],
button#user-dropdown,
.pf-v5-c-divider::after {
  background: transparent;
}

#realm-select {
  --pf-v5-c-nav--c-menu--BackgroundColor: var(--pf-v5-c-page__main-section--m-light--BackgroundColor);
  --pf-v5-c-menu__item--BackgroundColor: var(--pf-v5-c-page__main-section--m-light--BackgroundColor);
}

#realm-select button:hover {
  background: rgb(240, 240, 240, .1);
}

.pf-v5-c-toolbar__item .pf-v5-c-menu {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

html:not(.pf-v5-theme-dark) #realm-select button:hover {
  background: rgb(240, 240, 240);
}

html:not(.pf-v5-theme-dark) #realm-select button  * {
  color: rgb(var(--jmp-light-blue-text));
}

.pf-v5-c-menu-toggle::after {
  border-block-end: 1px solid white;
}

.pf-v5-c-menu-toggle:hover::after  {
  border-block-end: 1px solid rgb(200, 200, 200);
}

.pf-v5-c-masthead {
  background: var(--jmp-navbar);
}

#page-sidebar {
  background: var(--jmp-sidebar);
}

.pf-v5-c-nav__link:hover {
  background: rgba(0, 0, 0, .15);
}

.pf-v5-c-nav__link.pf-m-current, 
.pf-v5-c-nav__link.pf-m-current:hover {
  background: rgba(0, 0, 0, .25);
}

.pf-v5-c-masthead svg {
  fill: white;
}

.pf-v5-c-menu-toggle::before {
  border-style: none;
}

.pf-v5-c-masthead__brand {
  transform: scale(1.75) translateX(10px);
}

@media all and (max-width: 750px) {
  .pf-v5-c-masthead__brand {
    transform: none;
  }
}