/* NTX Systems — Orbit-Q brand palette */
:root {
  --md-primary-fg-color:        #1a1d23;
  --md-primary-fg-color--light: #2b2f38;
  --md-primary-fg-color--dark:  #0d0f12;
  --md-primary-bg-color:        #ffffff;
  --md-accent-fg-color:         #ff6b35;
  --md-accent-fg-color--transparent: #ff6b3520;
  --md-accent-bg-color:         #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #14161a;
  --md-primary-fg-color--light: #1e2127;
  --md-primary-fg-color--dark:  #0a0b0d;
  --md-accent-fg-color:         #ff8c5a;
  --md-hue: 220;
  --md-default-bg-color:        #14161a;
  --md-default-bg-color--light: #1a1d23;
  --md-code-bg-color:           #1e2127;
}

/* Give code blocks and admonitions a bit more presence */
.md-typeset .admonition.tip {
  border-color: #ff6b35;
}
.md-typeset .admonition.tip > .admonition-title {
  background-color: #ff6b3520;
}

/* Subtle hero-style top border under the header */
.md-header {
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Fix Link Colors */
.md-typeset a {
  color: var(--md-accent-fg-color);
}

/* Fix Standard Buttons (Like 'Board Photos' and 'View on GitHub') */
.md-typeset .md-button {
  color: var(--md-default-fg-color); /* Automatically adapts: white in dark mode, dark in light mode */
  border-color: var(--md-default-fg-color);
}

/* Fix Primary Buttons (Like 'Download Datasheet') */
.md-typeset .md-button.md-button--primary {
  background-color: var(--md-accent-fg-color);
  color: #ffffff !important; /* Forces white text so it pops on the orange button */
  border-color: var(--md-accent-fg-color);
}

/* Outline buttons (non-primary): subtle tint on hover */
.md-typeset .md-button:not(.md-button--primary):hover {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-accent-fg-color) !important;
  border-color: var(--md-accent-fg-color);
}

/* Primary button: deepen instead of fading to transparent, so it stays legible on hover */
.md-typeset .md-button--primary:hover {
  background-color: #e8551f;
  color: #ffffff !important;
  border-color: #e8551f;
}

/* Ensure selected text stays visible in dark mode */
[data-md-color-scheme="slate"] ::selection {
  background-color: #ff6b3560;
  color: #ffffff;
}

::selection {
  background-color: #ff6b3540;
  color: inherit;
}

/* Fix invisible active table-of-contents links in dark mode */
.md-nav__link--active,
.md-nav__link[aria-current="page"] {
  color: var(--md-accent-fg-color) !important;
}

.md-nav--secondary .md-nav__link--active {
  color: var(--md-accent-fg-color) !important;
  font-weight: 700;
}

/* Force Code Font Size Override */
:root {
  --md-code-font-size: 0.78rem; /* Controls the core Material theme variable */
}

/* Specificity Overrides */
.md-typeset code,
.md-typeset pre,
.md-typeset pre > code,
.md-typeset .highlight code,
.md-typeset .highlight pre {
  font-size: 13px !important; /* Direct pixel sizing override */
}

/* Adjust line height for tighter, cleaner code blocks */
.md-typeset pre {
  line-height: 1.4;
}

.md-typeset h1:first-of-type {
  font-weight: 700 !important;
  color: var(--md-default-fg-color) !important;
}

.md-typeset h3 {
  font-weight: 700 !important;
  color: var(--md-default-fg-color) !important;
}

/* Narrower sidebar, wider content area */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    width: 12rem;
  }
  .md-sidebar--secondary {
    width: 12rem;
  }
}

@media screen and (min-width: 76.25em) {
  .md-grid {
    max-width: 90rem;
  }
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  margin: 1.5rem 0;
}

@media (max-width: 640px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
}

.contact-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  padding: 1.2rem 1.4rem;
}

.contact-card h3 {
  margin-top: 0;
}

.form-wrapper {
  max-width: 700px;
  margin: 1.5rem auto;
  border-radius: 8px;
  overflow: hidden;
}

.form-wrapper iframe {
  border: none;
  display: block;
  width: 100%;
}