/*----------------- Styles specific to AsciiDoctor content start -----------------*/

/**
 * AsciiDoctor-Specific Styles
 * Styles that apply specifically to content generated by AsciiDoctor.
 * These styles handle:
 * 1. Article layout and structure
 * 2. Table of contents (TOC) styling
 * 3. Content formatting
 * 4. Responsive design adjustments
 */

/* Header Adjustments */
.boostlook #header > h1 {
  margin-top: 0;
}

.boostlook #header .author {
  display: inline-block;
  margin-top: var(--padding-padding-md, 1.125rem);
  color: var(--text-main-text-primary, #18191b);
  font-size: var(--typography-font-size-lg, 1.25rem);
  font-style: normal;
  font-variation-settings: "wght" 500, "wdth" 87.5;
  line-height: var(--typography-line-height-xl, 1.75rem);
  letter-spacing: var(--spacing-size-size-0, 0rem);
}

/* Rouge — reset font-style so only comments are italic (handled by 07-global-code.css) */
.boostlook pre.rouge code span {
  font-style: normal;
}

/* Toctitle flex layout for theme toggle */
.boostlook #toctitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* TOC leaf links — match Antora .nav-link styling for hover */
.boostlook #toc > ul.sectlevel1 li:not(.nav-item) > a {
  display: inline-block;
  padding: var(--leftbar-paddings-leftbar-padding-3xs, 0.25rem) var(--leftbar-paddings-leftbar-padding-2xs, 0.5rem);
  border-radius: var(--padding-padding-3xs, 0.25rem);
  transition: background 0.15s ease;
}
.boostlook #toc > ul.sectlevel1 li:not(.nav-item) > a:hover {
  background: var(--colors-primary-100, #EFEFF1);
}
html.dark .boostlook #toc > ul.sectlevel1 li:not(.nav-item) > a:hover {
  background: var(--colors-primary-600, #585A64);
}

/* Active TOC link — highlights link matching current hash (match Antora) */
.boostlook #toc a.is-active-link {
  background: var(--colors-primary-100, #EFEFF1);
  border-radius: var(--padding-padding-3xs, 0.25rem);
  color: var(--text-main-text-primary, #18191b);
}
html.dark .boostlook #toc a.is-active-link {
  background: var(--colors-primary-600, #585A64);
  color: var(--text-main-text-primary, #fff);
}

/* Theme toggle for Asciidoctor pages (scoped to #toctitle to avoid Antora) */
.boostlook #toctitle .theme-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--text-main-text-body-tetriary, #62676b);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.boostlook #toctitle .theme-toggle:hover {
  color: var(--text-main-text-body-primary, #050816);
}
html.dark .boostlook #toctitle .theme-toggle:hover {
  color: var(--text-main-text-primary, #fff);
}
/* Toggle icon visibility — match Antora: moon in light, sun in dark */
.boostlook #toctitle .theme-toggle .theme-icon-light { display: none; }
html.dark .boostlook #toctitle .theme-toggle .theme-icon-light { display: inline; }
html.dark .boostlook #toctitle .theme-toggle .theme-icon-dark { display: none; }

/*----------------- Styles specific to AsciiDoctor content end -----------------*/
