/* css styles */

/* Remove incorrect menu role from navbar toggler */
.navbar-toggler[role="menu"] {
  /* This won't remove the attribute, but you can use JS for that */
}

/* Navbar logo sizing */
.navbar-brand img {
    height: 40px !important; /* Adjust this value to your preferred size */
    width: auto !important;  /* Maintains aspect ratio */
    max-height: 50px !important; /* Prevents logo from getting too large */
}

.nav-footer {
  font-size: 0.9rem !important;
}


.navbar .quarto-color-scheme-toggle::after {
  content: " Toggle Theme";
  margin-left: 0.5rem;
  font-size: 0.85rem !important;
}


.navbar .aa-DetachedSearchButton::after {
  content: " Search";
  margin-left: 0.5rem;
  font-size: 0.85rem !important;
}

.navbar .quarto-color-scheme-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}


/* navbar stabilisation start */
/* Prevent flickering of navbar elements during page transitions */
.navbar .quarto-color-scheme-toggle,
.navbar .aa-DetachedSearchButton,
.navbar-nav,
.navbar-brand {
  will-change: auto !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  perspective: 1000px !important;
}

/* Ensure consistent positioning and sizing */
.navbar .quarto-color-scheme-toggle,
.navbar .aa-DetachedSearchButton {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  min-width: fit-content !important;
}

/* Prevent layout shifts */
.navbar-nav .nav-item {
  flex-shrink: 0 !important;
}

/* Stabilize the entire navbar */
.navbar {
  contain: layout style !important;
}

/* navbar stabilisation end */

.page__content-skip-link:active, .page__content-skip-link:focus {
    position: static!important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
}
.page__content-skip-link:active, .page__content-skip-link:focus {
    position: static!important;
    clip: auto;
    height: auto;
    width: auto;
    overflow: auto;
}
.page__content-skip-link {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    background-color: #012635;
    color: #fff;
    display: block;
    padding: 3px;
    text-align: center;
}
.page__content-skip-link {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    background-color: #012635;
    color: #fff;
    display: block;
    padding: 3px;
    text-align: center;
}

.nav-footer {
    padding-top: .5rem;
    padding-bottom: .3rem;
    padding-left: .2rem;
}

.btn-green {
    border-radius: 15px !important;
    --bs-btn-color: #fff;
    --bs-btn-bg: #005F3D;
    --bs-btn-border-color: #bfd4cd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #005F3D;
    --bs-btn-hover-border-color: #802E90;
    --bs-btn-focus-shadow-rgb: 71, 147, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00452B;
    --bs-btn-active-border-color: #00452B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #005F3D;
    --bs-btn-disabled-border-color: #005F3D;
    --bs-btn-border-width: 2px;
    --bs-btn-border-radius: 0.25rem;
}

.alert-primary {
    --bs-alert-color: #fff;
    --bs-alert-bg: #6F277D;
    --bs-alert-border-color: #6F277D;
    --bs-alert-link-color: #fff;
}

/* Custom classes */

/* Pill-like styling for active navigation items */
/* .navbar-nav .nav-link.active,
.navbar-nav .nav-item.active .nav-link {
  background-color: #6F277D !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  margin: 0 4px !important;
}

.navbar-nav .nav-link.active:hover,
.navbar-nav .nav-item.active .nav-link:hover {
  background-color: #802E90 !important;
} */

/* Alternative selector for Quarto navigation */
/* .navbar-nav .nav-item .nav-link[aria-current="page"] {
  background-color: #6F277D !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 8px 16px !important;
  margin: 0 4px !important;
}

.navbar-nav .nav-item .nav-link[aria-current="page"]:hover {
  background-color: #802E90 !important;
} */

/* boxes, styling */

.small-box {
  font-size: 0.95rem !important;
}

.emphasis {
  font-size: 1.1rem !important;
  color: #802E90 !important;
}

.smaller-box {
  font-size: 0.85rem !important;
}