/* ============================================
   GM6 Git — Structural Overrides (both themes)
   Loaded via header.tmpl on every page
   ============================================ */

/* Navbar: gradient bar underneath */
#navbar {
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative;
}

#navbar::after {
  content: '';
  display: block;
  height: 2px;
  background: linear-gradient(90deg, var(--color-primary), #818cf8, transparent);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Navbar logo: text-based override */
#navbar-logo img {
  display: none;
}

#navbar-logo::before {
  content: 'GM6';
  font-family: 'Courier New', 'Cascadia Code', monospace;
  font-size: 18px;
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.5px;
}

/* Theme toggle container in navbar */
.gm6-theme-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background-color 0.2s;
  margin-right: 4px;
  gap: 4px;
}

.gm6-theme-toggle:hover {
  background-color: var(--color-header-hover);
}

.gm6-theme-toggle-track {
  width: 32px;
  height: 18px;
  border-radius: 9px;
  background: var(--color-secondary);
  position: relative;
  transition: background-color 0.2s;
}

.gm6-theme-toggle-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-primary);
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform 0.2s;
}

[data-theme="gm6-light"] .gm6-theme-toggle-thumb {
  transform: translateX(14px);
}

.gm6-theme-toggle-icon {
  font-size: 14px;
  line-height: 1;
}

/* Smooth transitions on theme change */
body,
#navbar,
.page-content,
.ui.segment,
.ui.card,
.ui.attached.segment,
footer {
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Cards and panels: rounded corners */
.ui.segment,
.ui.attached.segment {
  border-radius: 8px !important;
  border-color: var(--color-secondary) !important;
}

/* Buttons: gradient primary */
.ui.primary.button,
.ui.primary.buttons .button {
  background: linear-gradient(135deg, var(--color-primary), #818cf8) !important;
  color: #0f172a !important;
  border: none !important;
  transition: opacity 0.2s, transform 0.1s;
}

.ui.primary.button:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Hover animations on repo list items */
.flex-item:hover {
  background-color: var(--color-box-body-highlight);
  transition: background-color 0.15s ease;
}

/* Activity feed colored icons */
.flex-item .flex-item-icon .svg.octicon-repo-push {
  color: var(--color-primary);
}

.flex-item .flex-item-icon .svg.octicon-issue-opened {
  color: #818cf8;
}

.flex-item .flex-item-icon .svg.octicon-git-merge {
  color: var(--color-success);
}

/* Landing page hero */
.page-content.home .hero h1 {
  color: var(--color-text) !important;
}

.page-content.home .hero h2 {
  color: var(--color-text-light) !important;
}

/* Code blocks */
.CodeMirror,
.highlight,
code {
  background-color: var(--color-code-bg) !important;
}

/* Footer */
footer.page-footer {
  border-top: 1px solid var(--color-secondary);
}

/* Search input */
#search-box input {
  border-radius: 6px !important;
}

/* Notification dot */
.notification_count {
  background: #818cf8 !important;
}

/* Scrollbar (dark theme only) */
[data-theme="gm6-dark"] ::-webkit-scrollbar {
  width: 8px;
}

[data-theme="gm6-dark"] ::-webkit-scrollbar-track {
  background: #0f172a;
}

[data-theme="gm6-dark"] ::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}

[data-theme="gm6-dark"] ::-webkit-scrollbar-thumb:hover {
  background: #475569;
}