/********************************************************************************
 * Eclipse Tractus-X - Industry Core Hub Frontend
 *
 * Copyright (c) 2025 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Apache License, Version 2.0 which is available at
 * https://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 govern in permissions and limitations
 * under the License.
 *
 * SPDX-License-Identifier: Apache-2.0
********************************************************************************/

@use "../config/variables" as *;
@use '../config/mixins';

/* Navigation bar */
header.ichub-header {
  background: $header-gradient-bg;
  border-radius: 0;
  border-bottom: 5px solid $brand-header-blue;
  padding: 0 !important;
  position: sticky !important;
  transition: background-color 0.3s ease-in-out;

  &.scrolled {
    background: $header-opaque-gradient-bg;
  }

  button.user-button {
    background-color: $brand-border;
    color: $brand-text;
    border: 1px solid $brand-text;
    margin-left: 15px;

    &:hover {
      @include mixins.dark-bg-white-text;
      font-weight: bold;
      box-shadow: 0 0 15px $brand-orange !important;
    }
  }
  h2{
    color: $brand-text;
    font-weight: bold;
  }
}

/* Dropdown menu borders */
#primary-search-account-menu {
  > div.MuiPaper-root.MuiPopover-paper.MuiMenu-paper {
    background-color: $brand-dark;
    @include mixins.space-shadow($brand-shadow);
    margin-top: 20px;

    ul * {
      @include mixins.dark-bg-white-text;
    }

    li:hover {
      font-weight: bold;
      @include mixins.space-shadow($brand-orange);
    }

    hr {
      border-color: $brand-shadow;
    }
  }
}
