/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #e7672e;
  --ifm-color-primary-dark: #b44323;
  --ifm-color-primary-darker: #aa3f21;
  --ifm-color-primary-darkest: #8c341b;
  --ifm-color-primary-light: #d75430;
  --ifm-color-primary-lighter: #d95d3a;
  --ifm-color-primary-lightest: #de7558;
  --ifm-color-control: #667d99;

  --ifm-toc-link-color: var(--ifm-color-control);
  --ifm-menu-color: var(--ifm-toc-link-color);
  --ifm-menu-color-background-hover: transparent;

  --ifm-navbar-background-color: var(--ifm-background-color);
  --ifm-navbar-shadow: none;

  --ifm-code-font-size: 95%;

  --ifm-h1-font-size: 2.2rem;
  --ifm-h2-font-size: 1.65rem;
  --ifm-h3-font-size: 1.35rem;

  --ifm-container-width: 950px;
  --ifm-container-width-xl: 1125px;

  --ifm-menu-link-padding-horizontal: 6px;

  --docusaurus-highlighted-code-line-bg: rgba(72, 77, 91, 0.35);
}

html[data-theme='light'] {
  --ifm-font-color-base: #222;
  --ifm-color-secondary: #e7edf3;
  --ifm-color-black: #222;
  --ifm-background-color: #fff;
}

html[data-theme='dark'] {
  --ifm-font-color-base: #9ba2ab;
  --ifm-heading-color: #fff;
  --ifm-color-secondary: #1b2028;
  --ifm-color-black: #ddd;
  --ifm-background-color: #14191f;
}

.navbar {
  font-size: .9rem;
  border-bottom: 1px solid var(--ifm-color-secondary);
}

.navbar__inner {
  max-width: 1700px;
  margin: 0 auto;
}

.body {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif;
}

.markdown h1:first-child {
  --ifm-h1-font-size: 2.2rem !important;
}

.markdown>h2 {
  --ifm-h2-font-size: 1.65rem !important;
}

.markdown>h3 {
  --ifm-h2-font-size: 1.35rem !important;
}

h2 {
  padding-bottom: .3rem;
  border-bottom: 1px solid var(--ifm-color-secondary);
}

blockquote {
  font-size: 1rem;
  color: #999;
  border-left: .2rem solid #dfe2e5;
  margin: 1rem 0;
  padding: .25rem 0 .25rem 1rem;
}

.theme-doc-sidebar-item-category>a.menu__link {
  font-weight: bold;
  margin-top: 10px;
}

/* Search bar */

.DocSearch.DocSearch-Button {
  border: 2px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  background-color: var(--ifm-color-secondary);
  color: var(--ifm-menu-color);
}

.DocSearch.DocSearch-Button input:focus {
  border-color: var(--ifm-color-primary);
}

.DocSearch.DocSearch-Button input::placeholder {
  opacity: 1;
}

.DocSearch-Button-Placeholder {
  text-align: start;
  width: 130px;
  font-size: 0.9rem !important;
}

.DocSearch-Search-Icon {
  width: 16px;
  height: 16px;
  color: var(--ifm-menu-color) !important;
}

.DocSearch-Button-Container {
  gap: 4px;
}

.DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {
  background: var(--ifm-color-secondary) !important;
  box-shadow: none !important;
  color: var(--ifm-menu-color) !important;
  cursor: text;
}

/* Other Docusaurus conf */

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme='dark'] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

.theme-doc-sidebar-item-category:not(:first-child) {
  margin-top: 1.5rem;
}

.menu__list-item-collapsible .menu__link {
  color: var(--ifm-color-black);
}

.theme-doc-sidebar-item-link .menu__link:hover {
  color: var(--ifm-color-primary);
}

.docPage__5DB {
  max-width: 1700px;
  margin: 0 auto;
}

.theme-doc-sidebar-container {
  font-size: 0.95rem;
}

li > .menu__list {
  border-left: 1px solid var(--ifm-color-secondary);
  margin-left: var(--ifm-menu-link-padding-horizontal);
}

.menu__list-item-collapsible .menu__link {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
}

.docPage_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-styles-module {
  display: flex;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}

.docPage_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-styles-module::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: max(var(--doc-sidebar-width), calc(var(--doc-sidebar-width) + (100vw - 1800px)/2 - 8px));
  /*background: var(--ifm-color-secondary);*/
}

.footer {
  z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
}

h1 > .hash-link, h2 > .hash-link, h3 > .hash-link, h4 > .hash-link, h5 > .hash-link, h6 > .hash-link {
  position: absolute;
  border-radius: 100%;
  left: -38px;
  opacity: 1;
}

.breaking {
  color: #230000;
  --bg: #d83e3e;
}

.notable {
  color: #3e3400;
  --bg: #ebd022;
}

[data-theme=light] .breaking {
  color: #ffefef;
}

[data-theme=light] .notable {
  --bg: #ebd022;
}

.breaking, .notable {
  font-weight: bold;
  font-size: 14px;
  border-radius: 6px;
  padding: 1px 4px;
  background-color: var(--bg);
}

.breaking + .hash-link, .notable + .hash-link {
  display: none;
}

.breaking::after, .notable::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 350px;
  display: block;
  background: linear-gradient(45deg, var(--bg), transparent);
  top: 50%;
  z-index: -1;
}

[data-theme=dark] .badge--secondary {
  --ifm-badge-background-color: var(--ifm-color-black);
  --ifm-badge-border-color: var(--ifm-color-black);
  color: var(--ifm-color-secondary);
}

img[alt="Flarum Home Screenshot"] {
  border-radius: 10px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
  position: relative;
  border: 1px solid #eee;
}

.code-block-remove-line {
  background-color: #ff000020;
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.code-block-insert-line {
  background-color: rgba(0, 255, 0, 0.05);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsible > .menu__link::before {
  --size: 16px;
  width: var(--size);
  height: var(--size);
  margin-right: calc(var(--size) / 2);
  margin-left: calc(0px - var(--size) / 2);
  filter: invert(1);
  display: inline-block;
}

.menu__intro-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/book-open.svg");
}
.menu__contribute-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/lifebuoy.svg");
}
.menu__install-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/arrow-down-tray.svg");
}
.menu__manage-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/adjustments-vertical.svg");
}
.menu__advanced-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/light-bulb.svg");
}
.menu__update-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/document-arrow-up.svg");
}
.menu__refs-category > .menu__list-item-collapsible > .menu__link::before {
  content: url("../assets/cube.svg");
}
