/* ========================================
   Alarmify Help Center — Custom Theme
   Brand color: #30D158
   ======================================== */

/* --- Color variables --- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #30D158 !important;
  --md-primary-fg-color--light: #5EDB7E !important;
  --md-primary-fg-color--dark: #1FA844 !important;
  --md-accent-fg-color: #30D158 !important;
  --md-accent-fg-color--transparent: rgba(48, 209, 88, 0.1) !important;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1C1C1E !important;
  --md-default-bg-color--light: #2C2C2E !important;
  --md-default-bg-color--lighter: #3A3A3C !important;
  --md-default-fg-color: #FFFFFF !important;
  --md-default-fg-color--light: rgba(255, 255, 255, 0.85) !important;
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.6) !important;
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.3) !important;
  --md-primary-fg-color: #30D158 !important;
  --md-primary-fg-color--light: #5EDB7E !important;
  --md-primary-fg-color--dark: #1FA844 !important;
  --md-accent-fg-color: #30D158 !important;
  --md-accent-fg-color--transparent: rgba(48, 209, 88, 0.1) !important;
  --md-typeset-color: #FFFFFF !important;
  --md-code-bg-color: #2C2C2E !important;
  --md-typeset-a-color: #30D158 !important;
}

/* --- Font: SF Pro with Inter fallback --- */
:root {
  --md-text-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", sans-serif !important;
}
body,
.md-typeset,
.md-nav,
.md-header,
.md-footer,
.md-search__input,
input {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", sans-serif !important;
}

/* --- Header --- */
.md-header {
  background-color: #30D158 !important;
}

/* Header: reduce gap between logo and title */
.md-header__topic .md-ellipsis {
  margin-left: 0 !important;
}
.md-header__button.md-logo {
  margin-right: 0.2rem !important;
  padding-right: 0 !important;
}
/* Make header title clickable (pointer) */
.md-header__topic {
  cursor: pointer;
}

/* --- Dark mode: ALL text white --- */
[data-md-color-scheme="slate"] .md-typeset,
[data-md-color-scheme="slate"] .md-typeset p,
[data-md-color-scheme="slate"] .md-typeset li,
[data-md-color-scheme="slate"] .md-typeset td,
[data-md-color-scheme="slate"] .md-typeset th,
[data-md-color-scheme="slate"] .md-typeset span,
[data-md-color-scheme="slate"] .md-typeset strong,
[data-md-color-scheme="slate"] .md-typeset em,
[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,
[data-md-color-scheme="slate"] .md-content,
[data-md-color-scheme="slate"] .md-content__inner {
  color: #FFFFFF !important;
}

[data-md-color-scheme="slate"] .md-typeset a,
[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #30D158 !important;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: #30D158 !important;
}

/* Dark mode backgrounds */
[data-md-color-scheme="slate"] .md-main {
  background-color: #1C1C1E !important;
}
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: #1C1C1E !important;
}
[data-md-color-scheme="slate"] .md-footer {
  background-color: #2C2C2E !important;
}

/* --- Hide left sidebar ALWAYS on desktop --- */
@media screen and (min-width: 60em) {
  .md-sidebar--primary {
    display: none !important;
    width: 0 !important;
  }
  .md-main__inner > .md-content {
    margin-left: 0 !important;
  }
}

/* --- Hide watermark / generator --- */
.md-copyright {
  display: none !important;
}
.md-footer-meta__inner {
  display: none !important;
}

/* --- Typography --- */

.md-typeset h1 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}

.md-typeset h2 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  margin-top: 1.8rem !important;
  margin-bottom: 0.6rem !important;
  border-bottom: none !important;
}

.md-typeset h3 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-top: 1.5rem !important;
}

/* Hide permalink anchors (¶ symbol) */
.md-typeset .headerlink {
  display: none !important;
}

/* --- Spacing --- */
.md-typeset img {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
  border-radius: 12px;
}

.md-typeset p {
  margin-bottom: 0.8rem !important;
}

.md-typeset li {
  margin-bottom: 0.4rem;
}

/* TOC sidebar: keep h2 normal style (not uppercase) */
.md-sidebar .md-nav__link {
  text-transform: none !important;
  font-size: 0.7rem !important;
  color: inherit !important;
}

/* --- Embed mode: ?embed hides header, sidebar, footer, TOC --- */
body.embed-mode .md-header {
  display: none !important;
}
body.embed-mode .md-footer {
  display: none !important;
}
body.embed-mode .md-sidebar {
  display: none !important;
}
body.embed-mode .md-tabs {
  display: none !important;
}
body.embed-mode .md-content {
  margin: 0 !important;
  max-width: 100% !important;
}
body.embed-mode .md-main__inner {
  margin: 0 !important;
  padding: 0 1rem !important;
}
body.embed-mode .md-content__inner {
  margin: 0 auto !important;
  padding: 1rem 0 !important;
  max-width: 600px;
}