/* Custom CSS for CLIFpy Documentation */

/* Custom navy blue color scheme that complements maroon */
:root {
  /* Light mode colors - Dark navy blue */
  --md-primary-fg-color: #1e3a5f;        /* Dark navy blue for header */
  --md-primary-fg-color--light: #2c4a73; /* Lighter navy */
  --md-primary-fg-color--dark: #152a47;  /* Darker navy */
  --md-accent-fg-color: #b71c1c;         /* Deep red accent to complement maroon logo */
  
  /* Alternative navy options */
  /* --md-primary-fg-color: #2c3e50; */  /* Midnight blue */
  /* --md-primary-fg-color: #34495e; */  /* Wet asphalt */
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #37474f;        /* Blue grey for dark mode */
  --md-primary-fg-color--light: #455a64;
  --md-primary-fg-color--dark: #263238;
  --md-accent-fg-color: #d32f2f;         /* Brighter red for dark mode */
}

/* Logo adjustments */
.md-header__button.md-logo {
  padding: 0.2rem;
}

.md-header__button.md-logo img {
  height: 2rem;  /* Adjust logo size as needed */
  width: auto;
}

/* Navigation bar styling */
.md-header {
  box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
}

/* Make navigation tabs more prominent */
.md-tabs__link {
  font-weight: 500;
  opacity: 0.9;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  opacity: 1;
}

/* Code block styling to match theme */
.highlight code {
  background-color: rgba(30, 58, 95, 0.05);
}

/* Admonition styling */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-primary-fg-color);
}

.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > summary {
  background-color: rgba(30, 58, 95, 0.1);
  border-color: var(--md-primary-fg-color);
}

/* Table styling */
.md-typeset table:not([class]) th {
  background-color: rgba(30, 58, 95, 0.1);
  color: var(--md-primary-fg-color);
}

/* Link styling */
.md-typeset a {
  color: #1976d2;  /* Blue for light mode */
}

.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

/* Dark mode link styling */
[data-md-color-scheme="slate"] .md-typeset a {
  color: #64b5f6;  /* Light blue for dark mode */
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #ffab40;  /* Orange hover for dark mode */
}

/* Custom heading colors */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #37474f;  /* Slate color */
  transition: color 0.3s ease;  /* Smooth transition for hover effect */
}

/* Hover effect for headings */
.md-typeset h1:hover,
.md-typeset h2:hover,
.md-typeset h3:hover,
.md-typeset h4:hover,
.md-typeset h5:hover,
.md-typeset h6:hover {
  color: #FFD700;  /* Bright yellow on hover */
  cursor: pointer;
}

/* Dark mode adjustments */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #607d8b;  /* Lighter slate for dark mode visibility */
}

[data-md-color-scheme="slate"] .md-typeset h1:hover,
[data-md-color-scheme="slate"] .md-typeset h2:hover,
[data-md-color-scheme="slate"] .md-typeset h3:hover,
[data-md-color-scheme="slate"] .md-typeset h4:hover,
[data-md-color-scheme="slate"] .md-typeset h5:hover,
[data-md-color-scheme="slate"] .md-typeset h6:hover {
  color: #FFEB3B;  /* Bright yellow hover for dark mode too */
}