/* Custom header styles */
.site-header {
  background-color: rgba(33, 37, 41, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  min-height: 160px; /* Ensures consistent height */
}

.site-logo img {
  transition: transform 0.3s ease;
}

.site-logo:hover img {
  transform: scale(1.1);
}

.site-title h1 {
  color: #f8f9fa;
  font-weight: 700;
  font-size: 1.125rem !important; /* Match the h1 size we set */
}

/* Adjust main content padding to accommodate the header */
main {
  padding-top: 1rem;
}

/* Increase navigation/breadcrumb size to 20px for better visibility */
nav[aria-label="breadcrumb"].small {
  font-size: 1.25rem !important; /* Override the 'small' class - 20px */
}

nav[aria-label="breadcrumb"] .breadcrumb {
  font-size: 1.25rem !important; /* 20px */
  padding: 1rem 0 !important; /* Vertical padding */
  margin-bottom: 1.25rem !important; /* Space below breadcrumb */
  justify-content: center !important; /* Center the breadcrumb items */
}

nav[aria-label="breadcrumb"] .breadcrumb-item {
  font-size: 1.25rem !important; /* 20px */
  font-weight: 600; /* Make text slightly bolder */
}

nav[aria-label="breadcrumb"] .breadcrumb-item a {
  font-size: 1.25rem !important; /* 20px */
  padding: 0.5rem 0.875rem; /* Horizontal padding to links for easier clicking */
  font-weight: 600; /* Make links slightly bolder */
}