/* Custom styling to match mylonics.com minimal-mistakes "air" theme */

/* Root variables for consistent theming */
:root {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #f8f9fa;
  --md-primary-fg-color--dark: #e9ecef;
  --md-accent-fg-color: #4051b5;
  --md-accent-fg-color--transparent: rgba(64, 81, 181, 0.1);
  --md-logo-height: 2.4rem;
}

/* Header styling - clean and minimal */
.md-header {
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
}

.md-header__title {
  color: #6b7280;
  font-family: 'K2D', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin-top: -0.2rem;
}

/* Logo sizing */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: var(--md-logo-height);
  width: auto;
}

/* Ensure logo is visible on mobile */
/* Material theme hides logo on tablets and mobile by default at 76.1875em (1219px) breakpoint */
@media screen and (max-width: 76.1875em) {
  .md-header__button.md-logo {
    display: inline-block;
  }
  
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 2rem;
  }
}

/* Navigation tabs - light and airy */
.md-tabs {
  background-color: #f8f9fa;
  color: #333333;
}

.md-tabs__link {
  color: #555555;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #4051b5;
}

/* Content area - clean background */
.md-main__inner {
  padding-top: 1rem;
}

/* Links - subtle blue accent */
.md-content a {
  color: #4051b5;
}

.md-content a:hover {
  color: #2c3e9c;
}

/* Code blocks - light theme */
.md-typeset code {
  background-color: #f5f5f5;
  color: #333333;
}

.md-typeset pre > code {
  background-color: #f8f9fa;
}

/* Admonitions - subtle styling */
.md-typeset .admonition {
  border-left: 0.2rem solid #4051b5;
  background-color: #f8f9fa;
}

/* Footer - Mylonics blue branding */
.md-footer {
  background-color: #0092ca;
  color: #ffffff;
}

.md-footer-meta {
  background-color: #007bb0;
}

.md-footer-meta__inner {
  color: rgba(255, 255, 255, 0.7);
}

.md-footer__link {
  color: #ffffff;
}

.md-footer__link:hover {
  color: #4dabf7;
}

.md-footer__title {
  color: rgba(255, 255, 255, 0.9);
}

.md-copyright {
  color: rgba(255, 255, 255, 0.6);
}

.md-copyright a {
  color: rgba(255, 255, 255, 0.7);
}

.md-copyright a:hover {
  color: #ffffff;
}

.md-social__link {
  color: rgba(255, 255, 255, 0.7);
}

.md-social__link:hover {
  color: #ffffff;
}

/* Search - clean styling */
.md-search__input {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
}

.md-search__input::placeholder {
  color: #6c757d;
}

/* Sidebar navigation - minimal */
.md-sidebar--primary {
  background-color: #ffffff;
}

.md-nav__link--active {
  color: #4051b5;
  font-weight: 500;
}

.md-nav--primary > .md-nav__title {
  color: #333333;
}

/* Table styling - clean borders */
.md-typeset table:not([class]) {
  border: 1px solid #dee2e6;
}

.md-typeset table:not([class]) th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
}

.md-typeset table:not([class]) td {
  border-top: 1px solid #dee2e6;
}

/* Buttons - subtle styling */
.md-button {
  background-color: #4051b5;
  color: white;
  border: none;
}

.md-button:hover {
  background-color: #2c3e9c;
}