/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Example @font-face rules (adjust font-family names as needed) */
/* You might need multiple src lines for different formats if supporting older browsers,
   but the preloads target WOFF2 */

   @font-face {
    font-family: 'Wuerth Extra Bold Condensed';
    /* Assuming the file is named wuerthextraboldcond_webfont3.woff2 */
    src: url("/static/fonts/wuerthextraboldcond_webfont3.044e6f7bd361.woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wuerth Book';
    /* Assuming the file is named wuerthbook_webfont3.woff2 */
    src: url("/static/fonts/wuerthbook_webfont3.6ef4245a256a.woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wuerth Bold';
     /* Assuming the file is named wuerthbold_webfont3.woff2 */
    src: url("/static/fonts/wuerthbold_webfont3.aeb3b650d31e.woff2");
    font-weight: bold; /* Kept as bold, adjust if the font file itself is just normal weight */
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Wuerth Icons';
    /* Assuming the file is named Wuerthicons.woff2 (note capitalization) */
    src: url("/static/fonts/Wuerthicons.497f78a1ba49.woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block; /* Icons often use 'block' */
  }

/* -- Basic Body & Typography Styling -- */

body {
  font-family: 'Wuerth Book', sans-serif; /* Fallback to sans-serif */
  /* Add base font size, line height, color if desired */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Wuerth Bold', sans-serif; /* Use bold for headings */
  /* You might use 'Wuerth Extra Bold Condensed' for specific headings */
}

/* Optional: Use Wuerth Bold for strong/b tags */
strong, b {
    font-family: 'Wuerth Bold', sans-serif;
    font-weight: normal; /* Reset default bold if the font itself is bold */
}


/* -- Navbar Styling Overrides -- */

/* Define Wurth Red color variable (adjust hex code if needed) */
:root {
  --wurth-red: #ED1C24;
  --wurth-dark-grey: #333; /* Example */
  --wurth-light-grey: #f8f9fa; /* Example matching Bootstrap's bg-light */
}

/* Navbar background - You might want to change this from bg-light */
.navbar {
  /* background-color: var(--wurth-light-grey); */ /* Keep or change */
  border-bottom: 3px solid var(--wurth-red); /* Example red bottom border */
}

/* Navbar Brand */
.navbar-brand {
  font-family: 'Wuerth Extra Bold Condensed', sans-serif;
  color: var(--wurth-red) !important; /* Use !important to override Bootstrap if necessary */
  font-size: 1.5rem; /* Adjust size as needed */
  text-transform: uppercase; /* Common style for Wurth logo text */
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: #a31319 !important; /* Darker red on hover/focus */
}

/* Navbar Links */
.navbar-nav .nav-link {
  font-family: 'Wuerth Bold', sans-serif; /* Use bold for nav items */
  color: var(--wurth-dark-grey); /* Adjust link color */
  /* text-transform: uppercase; */ /* Optional: if nav links should be uppercase */
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active { /* Style for active link */
  color: var(--wurth-red);
}

/* Style dropdown menus */
.dropdown-menu {
    font-family: 'Wuerth Book', sans-serif; /* Regular font for dropdown items */
    border: 1px solid #ddd; /* Optional: style border */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Optional: add shadow */
}

.dropdown-item {
    font-family: 'Wuerth Book', sans-serif; /* Ensure consistency */
    color: var(--wurth-dark-grey);
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
    color: #fff; /* White text on hover */
    background-color: var(--wurth-red);
}

/* Style the toggler icon if needed (might require SVG or icon font replacement) */
.navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
}



/* -- General Button Styling (Optional) -- */
.btn-primary {
  font-family: 'Wuerth Bold', sans-serif;
  background-color: var(--wurth-red);
  border-color: var(--wurth-red);
  /* text-transform: uppercase; */
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #a31319; /* Darker red */
  border-color: #a31319;
}

/* -- DataTables Styling Adjustments (Example) -- */
/* Ensure tables use the correct font */
.table {
    font-family: 'Wuerth Book', sans-serif;
}

.table thead th {
    font-family: 'Wuerth Bold', sans-serif;
    /* background-color: var(--wurth-light-grey); */ /* Optional header background */
    /* color: var(--wurth-dark-grey); */ /* Optional header text color */
}

/* Adjust pagination controls if needed */
.dataTables_wrapper .pagination .page-item .page-link {
    color: var(--wurth-red); /* Make pagination links red */
}

.dataTables_wrapper .pagination .page-item.active .page-link {
    background-color: var(--wurth-red);
    border-color: var(--wurth-red);
    color: #fff;
}


/* -- Add other component styles as needed -- */
/* e.g., forms, cards, alerts */

/* Example using the Icon Font (if you have specific classes for icons) */
/* .icon-wurth::before {
  font-family: 'Wuerth Icons';
  content: "\XXXX"; Unicode character for the specific icon
  display: inline-block;
   Add other styling like size, color
} */