/* Blecon brand colours and typography overrides */

/* Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Light mode */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #0080FF;
  --md-primary-fg-color--light: #4da6ff;
  --md-primary-fg-color--dark: #0066cc;
  --md-accent-fg-color: #FF9902;
  --md-accent-fg-color--transparent: rgba(255, 153, 2, 0.1);
}

/* Dark mode */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0080FF;
  --md-primary-fg-color--light: #4da6ff;
  --md-primary-fg-color--dark: #0066cc;
  --md-accent-fg-color: #FF9902;
  --md-accent-fg-color--transparent: rgba(255, 153, 2, 0.1);
}

/* Typography — Montserrat for all text */
:root {
  --md-text-font: "Montserrat", sans-serif;
  --md-code-font: "Roboto Mono", monospace;
}

/* Headings: Montserrat Bold */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-weight: 700;
}

/* Nav tabs active indicator */
.md-tabs__link--active,
.md-tabs__link:hover {
  border-bottom-color: #FF9902;
}

/* Logo sizing */
.md-header__button.md-logo img {
  height: 1.2rem;
  width: auto;
}

/* Support banner at bottom of every page */
.blecon-support-banner {
  margin-top: 2rem;
  color: var(--md-default-fg-color--light);
}

.blecon-support-banner hr {
  border-color: var(--md-default-fg-color--lightest);
}

/* HubSpot chat widget — hide iframe border */
#hubspot-messages-iframe-container iframe {
  border: none !important;
}
#hubspot-messages-iframe-container {
  z-index: 99 !important;
}

/* Show navigation tabs on mobile (MkDocs Material hides them below 76.25em) */
@media screen and (max-width: 76.1875em) {
  .md-tabs {
    display: block;
  }
}