/* i like the black one for navbar styles */
.navbar {
  background-color: #000000 !important;
}

.navbar .navbar-brand,
.navbar .navbar-title,
.navbar .nav-link {
  color: #ffffff !important;
}

.navbar .nav-link:hover {
  color: #cccccc !important;
}

.navbar .dropdown-menu {
  background-color: #333333 !important;
}

.navbar .dropdown-item {
  color: #ffffff !important;
}

.navbar .dropdown-item:hover {
  background-color: #555555 !important;
  color: #ffffff !important;
}

.quarto-container {
  max-width: 100% !important;
  width: 100% !important;
}

.page-layout-article {
  max-width: 100% !important;
  width: 100% !important;
}

.page-columns {
  max-width: 100% !important;
  width: 100% !important;
}

#quarto-content {
  max-width: 100% !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
  background-color: #ffffff !important;
}

.page-columns .content {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Adjust main content area width and z-index */
main {
  max-width: 100% !important;
  width: 100% !important;
  position: relative !important;
  z-index: 10 !important;
  background-color: #ffffff !important;
}

/* Ensure content container uses full width */
.container-fluid {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Adjust table of contents size */
#TOC {
  font-size: 0.8em !important;
  line-height: 1.4 !important;
}

#TOC h2 {
  font-size: 1.3em !important;
  font-weight: bold !important;
  margin-bottom: 0.8em !important;
}

#TOC ul {
  font-size: 1.05em !important;
  line-height: 1.5 !important;
}

#TOC li {
  margin-bottom: 0.4em !important;
}

#TOC a {
  font-size: 1.05em !important;
  padding: 0.3em 0.5em !important;
  display: block !important;
  border-radius: 4px !important;
  transition: background-color 0.2s !important;
}

#TOC a:hover {
  background-color: #f8f9fa !important;
  color: #000 !important;
}

/* Adjust sidebar width and z-index */
.sidebar {
  width: 280px !important;
  min-width: 280px !important;
  z-index: 1 !important;
}

/* Adjust table of contents title */
#toc-title {
  font-size: 1.3em !important;
  font-weight: bold !important;
  margin-bottom: 1em !important;
  color: #333 !important;
}

/* Increase main content area width */
.column-body,
.column-page-inset {
  max-width: 1400px !important;
  width: 100% !important;
}

/* For pages with left TOC, give more room to content */
body.toc-left #quarto-content main {
  margin-left: 280px !important;
  max-width: calc(100% - 300px) !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Ensure article content has enough width */
article {
  max-width: 1400px !important;
  width: 100% !important;
}

/* Allow wider content for figures and tables */
.page-columns .column-page,
.page-columns .column-page-inset,
.page-columns .column-page-left,
.page-columns .column-page-right {
  max-width: 100% !important;
  width: 100% !important;
}