/* Manuals on the website (index.php) - content rules as in the backend (.c9-docs in backend.css),
   plus toolbar, side navigation and print view */

/* Toolbar: search, manual, keyword index, print view, version */
.docs-tools {
    display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
    margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--bs-border-color);
}
.docs-tools .docs-q { flex: 1 1 14rem; max-width: 22rem; }
.docs-tools .docs-book { flex: 0 1 18rem; width: auto; }
.docs-tools .btn .icon, .docs-links .icon { font-size: 1.2em; vertical-align: -.2em; }
.docs-links { display: inline-flex; flex-wrap: wrap; gap: 1rem; margin-inline-start: .5rem; }
.docs-links a { text-decoration: none; }
.docs-links a:hover, .docs-links a:focus-visible { text-decoration: underline; }
.docs-badge {
    margin-inline-start: auto; padding: .2rem .6rem; border-radius: 1rem;
    font-size: .8125rem; white-space: nowrap; background: var(--bs-tertiary-bg); color: var(--bs-secondary-color);
}
.docs-version { margin: 3rem 0 0; font-size: .8125rem; color: var(--bs-secondary-color); }

/* Side navigation: pages of the manual or list of the manuals */
/* .docs-nav { font-size: .9375rem; } */
.docs-nav-head { font-weight: 600; margin-bottom: .5rem; }
.docs-nav-head a { padding-inline-start: .5rem; }
.docs-nav ol { list-style: none; margin: 0; padding: 0; }
.docs-nav li { margin: 0; }
.docs-nav li.docs-sub { padding-inline-start: 1rem; }
.docs-nav a {
    display: block; padding: .25rem .5rem; border-radius: 3px; text-decoration: none;
    color: var(--bs-body-color); border-inline-start: 3px solid transparent;
}
.docs-nav a:hover, .docs-nav a:focus-visible { background: var(--bs-tertiary-bg); }
.docs-nav a[aria-current="page"] { font-weight: 600; border-inline-start-color: var(--camindo-blue, #00a4b1); background: var(--bs-tertiary-bg); }
@media (min-width: 992px) {
    .docs-nav { position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; }
}
@media (max-width: 991.98px) {
    /* Content first, pages of the manual below it */
    .docs-nav-col { order: 3 !important; border-top: 1px solid var(--bs-border-color); padding-top: 1rem; }
}

/* Content (as .c9-docs in the backend) */
.c9-docs { max-width: 60rem; --bs-code-color: #a000a0; overflow-wrap: break-word;  }
.c9-docs h1, .c9-docs .h1,
.c9-docs h2, .c9-docs .h2,
.c9-docs h4, .c9-docs .h4 {
    font-weight:500 !important;
}
.c9-docs h3, .c9-docs .h3 {
    font-weight:400 !important;
 }

.c9-docs h3 code, .c9-docs td code { --bs-code-color: #222; background: none; }
.c9-docs h1 { font-size: 1.9rem; margin: 0 0 1rem; }
.c9-docs h2 { font-size: 1.75rem; margin: 2rem 0 .75rem; }
.c9-docs h3 { font-size: 1.6rem; margin: 1.5rem 0 .5rem; }
.c9-docs h4, .c9-docs h5, .c9-docs h6 { font-size: 1.45rem; margin: 1.25rem 0 .5rem; }
.c9-docs :is(h1, h2, h3, h4, h5, h6) { scroll-margin-top: 1rem; }
.c9-docs table { border-collapse: collapse; margin: 0 0 1rem; display: block; max-width: 100%; overflow-x: auto; }
.c9-docs th, .c9-docs td { border: 1px solid var(--bs-border-color); padding: .3rem .6rem; vertical-align: top; }
.c9-docs th:first-child, .c9-docs td:first-child { white-space: nowrap; }
.c9-docs th { background: var(--bs-tertiary-bg); }
.c9-docs a { text-decoration: none !important; border-bottom:2px dotted var(--camindo-blue); }
.c9-docs a:hover { border-bottom:2px solid var(--camindo-blue); }
.c9-docs pre { background: var(--bs-tertiary-bg); padding: .75rem 1rem; border-radius: .375rem; overflow-x: auto; }
.c9-docs code { font-size: .88em; margin-left: .1em; }
.c9-docs pre code { margin-left: 0; }
.c9-docs em { margin-right: .1rem; }
.c9-docs blockquote { border-inline-start: 4px solid var(--bs-border-color); padding: .25rem 0; padding-inline-start: 1rem; color: var(--bs-secondary-color); }
.c9-docs blockquote p:last-child { margin-bottom: 0; }
.c9-docs .c9-docs-icon { font-size: 1.2em; vertical-align: -.2em; }
.c9-docs img { max-width: 100%; height: auto; }
/* ```cms blocks: colors of the template editor */
.c9-command { color: #a000a0; }
.c9-php { color: #ff8800; }

/* Search hits, keyword index */
.docs-count { color: var(--bs-secondary-color); }
.docs-hits { padding-inline-start: 1.25rem; }
.docs-hits li { margin-bottom: 1rem; }
.docs-book { color: var(--bs-secondary-color); }
.docs-excerpt { font-size: .875rem; }
.docs-letters { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: 1rem; }
.docs-letters a { display: inline-block; min-width: 1.75rem; padding: .1rem .25rem; text-align: center; text-decoration: none; border-radius: 3px; }
.docs-letters a:hover, .docs-letters a:focus-visible { background: var(--bs-tertiary-bg); }
.docs-body h2[id^="doc-letter-"] { scroll-margin-top: 1rem; border-bottom: 1px solid var(--bs-border-color); padding-bottom: .25rem; margin-top: 1.5rem; }
.docs-index dt { font-weight: 600; margin-top: .5rem; }
.docs-index dd { margin-inline-start: 1.25rem; margin-bottom: .25rem; }

/* Previous/next below a page */
.docs-pager {
    display: flex; justify-content: space-between; gap: 1rem; max-width: 60rem;
    margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--bs-border-color);
}
.docs-pager a { display: flex; align-items: center; gap: .5rem; max-width: 48%; text-decoration: none; }
.docs-pager-next { margin-inline-start: auto; text-align: end; flex-direction: row-reverse; }
.docs-pager-label { display: block; font-size: .8125em; color: var(--bs-secondary-color); }
.docs-pager-title { display: block; }

/* Print view: whole manual, each chapter on a new page */
.docs-print .c9-docs { margin: 0 auto 2rem; }
.docs-print-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; max-width: 60rem; margin: 0 auto 2rem; color: var(--bs-secondary-color); }
@media print {
    #hero, #nav, #crumbs, footer, .skip-link, .docs-tools, .docs-print-bar, .docs-nav-col, .docs-pager { display: none !important; }
    main { padding: 0 !important; }
    .docs-chapter + .docs-chapter { break-before: page; }
    .c9-docs pre, .c9-docs table, .c9-docs blockquote { break-inside: avoid; }
    .c9-docs a { color: inherit; text-decoration: none; }
}