/**
 * Tab Navigation Styles
 */

/* Content container */
#contentContainer {
  height: calc(100vh - 120px);
  overflow: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  background-color: #fff;
  margin-top: 1rem;
}

/* Tab content div */
.tab-content-div {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

/* Main menu highlighting */
.menu-item {
  position: relative;
  transition: all 0.3s ease;
}

.menu-item.active {
  color: #007bff !important;
  font-weight: bold;
}

.menu-item.active::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #007bff;
}

.menu-item:hover:not(.active) {
  color: #0056b3 !important;
}

/* Styles for content in tab mode */
.in-tab {
  padding: 0 !important;
  margin: 0 !important;
}

.in-tab .container {
  max-width: 100% !important;
  padding: 0.5rem !important;
}

.in-tab .card {
  border: none !important;
  box-shadow: none !important;
}

/* Hide header and footer in tab content */
.tab-content-container header,
.tab-content-container footer,
.tab-content-container .menu-container {
  display: none !important;
}

/* Adjust spacing for tab content */
.tab-content-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Help page specific styles when in tab */
.help-container {
  padding: 1rem;
}

.help-container .card {
  margin-bottom: 1rem;
}

/* Questions page specific styles when in tab */
.questions-container {
  padding: 1rem;
}

/* Result page specific styles when in tab */
.result-container {
  padding: 1rem;
}

/* Authoring page specific styles when in tab */
.authoring-container {
  padding: 1rem;
}