/*
  Licensed to the Apache Software Foundation (ASF) under one
  or more contributor license agreements.  See the NOTICE file
  distributed with this work for additional information
  regarding copyright ownership.  The ASF licenses this file
  to you 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.
*/

/* ==========================================================================
   Global Color and Font Variables
   ========================================================================== */
:root {
  --color-red: #CA463A;
  --color-white: #fff;
  --color-dark: #1C1C1C;
  --font-inter: "Inter",
  sans-serif;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

/* Main header container (the top black bar) */
.md-header {
  box-shadow: none;
  background-color: var(--color-dark);
}

/* Inner content of the header */
.md-header .md-header__inner {
  background-color: var(--color-dark);
  min-height: 80px;
}

/* Styles for the logo image */
.md-header .md-header__inner .header-logo img,
.md-header .md-header__inner .header-logo svg {
  height: 42px;
  width: auto;
}

/* --- Definitive Navigation CSS (Final Version) --- */

/* 1. Set the height of the main navigation bar */
.md-tabs {
  background-color: var(--color-red);
  height: 2.5rem; /* Set an explicit, predictable height for the bar */
}

/* 2. Control the alignment of the links within the bar */
.md-tabs .md-tabs__list {
  height: 100%; /* Make the link container fill the bar's height */
  justify-content: center; /* Center links horizontally */
  align-items: center;   /* NEW: Center links vertically */
  flex-wrap: wrap;       /* Allow wrapping on small screens */
}

/* 3. Style the individual navigation links */
.md-tabs__link {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  /* We no longer need vertical padding for spacing */
  padding: 0 0.9rem;
  font-size: 0.65rem; /* NEW: Adjust font size */
}

/* ==========================================================================
   Mobile Navigation Styles
   ========================================================================== */

/* This targets the main container of the slide-out navigation on mobile */
.md-nav--primary .md-nav__title,
.md-nav__source {
  background-color: var(--color-red); /* Use your red color */
  box-shadow: none; /* Optional: removes the shadow */
}