/* Change the background color of the navbar */
.navbar {
    background-color: #333333; /* Replace with your desired color */
}

/* Change the color of the navbar links */
.navbar .nav-link {
    color: #ffffff; /* Replace with your desired color */
}

/* Change the color of the active navbar link */
.navbar .nav-link.active {
    color: #ffffff; /* Replace with your desired color */
}

/* Change the color of the navbar links on hover */
.navbar .nav-link:hover {
    color: #ffffff; /* Replace with your desired color */
}

/* Hide scrollbar for all browsers */
html {
    overflow: -moz-scrollbars-none; /* Firefox */
    -ms-overflow-style: none;       /* Internet Explorer 10+ */
    scrollbar-width: none;          /* Firefox */
}

/* Hide scrollbar for WebKit-based browsers (Chrome, Safari, newer versions of Opera) */
::-webkit-scrollbar {
    display: none;
}

/* Ensure scrolling is still possible */
body {
    overflow: auto;
}

/* Custom styles for dropdown link hover background */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #222; /* Replace with your desired color */
    color: #ffffff; /* Optional: change the text color */
}

/* Custom styles for the SVG search icon */
.aa-DetachedSearchButton:hover .aa-SubmitIcon,
.aa-DetachedSearchButton:focus .aa-SubmitIcon,
.aa-DetachedSearchButton:active .aa-SubmitIcon {
    fill: #ffffff; /* Replace with your desired color */
}

/* Custom styles for navbar title */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-brand:active {
    color: #ffffff; /* Replace with your desired color */
}

.chart-container {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.content .variable,
p .variable,
li .variable {
  color: #ffffff;
  background-color: #333333;
  padding: 1px 2px;
  border-radius: 2px;
  font-family: monospace;
  font-size: 0.9em;
}

/* Styles for PDF output */
.experience-block, .skills-block, .project-block, .education-block, .social-media-block, .language-block {
    margin-bottom: 20px;
  }
  
  .right-align {
    float: right;
  }
  
  h3 {
    margin-bottom: 5px;
    color: #ffffff;
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  /* Inline code (single backticks) and .variable spans.
     Mirrors the exact selector Bootstrap ships for its own light-background
     inline-code rule (p|li|td code:not(.sourceCode)) so we match its
     specificity (0,1,2) and win by source order. .sourceCode is the class
     Quarto puts on syntax-highlighted fenced blocks, which keep their own
     theme. */
  p code:not(.sourceCode),
  li code:not(.sourceCode),
  td code:not(.sourceCode),
  .variable {
    color: #ffffff;
    background-color: #333333;
    padding: 1px 2px;
    border-radius: 2px;
    font-size: 0.9em;
  }
  
  /* Styles for PDF-specific elements */
  .pdf-content h2 {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
  }
  
  .pdf-content p {
    margin-bottom: 10px;
  }
  
  /* Ensure proper spacing in lists for PDF */
  .pdf-content ul, .pdf-content ol {
    padding-left: 20px;
    margin-bottom: 10px;
  }
  
  .pdf-content li {
    margin-bottom: 5px;
  }

  /* Style for all links */
a {
  color: #ffffff;
  text-decoration: none;
}

/* Override darkly Bootstrap teal (#00bc8c) on TOC + sidebar + general links.
   The theme uses --bs-primary / --bs-link-color / --bs-nav-link-active-color
   for these; redefine to white. We add !important on the targeted selectors
   because Bootstrap's .nav-link.active rule has high specificity. */
:root,
[data-bs-theme="dark"] {
  --bs-primary: #ffffff;
  --bs-link-color: #ffffff;
  --bs-link-hover-color: #cccccc;
  --bs-nav-link-color: #ffffff;
  --bs-nav-link-hover-color: #cccccc;
  --bs-navbar-active-color: #ffffff;
}

nav#TOC a,
nav#TOC .nav-link,
.sidebar a,
.sidebar-item-text,
.quarto-margin-sidebar a,
.toc-actions a {
  color: #ffffff !important;
}

nav#TOC a:hover,
nav#TOC .nav-link:hover,
.sidebar a:hover {
  color: #cccccc !important;
}

nav#TOC a.active,
nav#TOC .nav-link.active,
.sidebar a.active,
.toc-active {
  color: #ffffff !important;
  font-weight: 600;
}

/* TOC active-link left-border indicator — also teal by default in darkly. */
nav#TOC .nav-link.active,
nav#TOC .nav-link.active:hover,
nav#TOC .nav-link.active:focus,
.sidebar .nav-link.active {
  border-left-color: #ffffff !important;
  border-color: #ffffff !important;
}