/* AlpineBits styles on top of the Antora default UI, ported from the MkDocs site
   (doc-toolchain/mkdocs: docs/stylesheets/extra.css and the colouring done by
   docs/javascripts/extra.js). Loaded after site.css by partials/head-styles.hbs. */

html { overflow-y: scroll; }

/* brand: header gradient and orange links, as in MkDocs */
:root {
  --link-font-color: #f39207;
  --link_hover-font-color: rgba(243, 146, 7, 0.8);
}
.navbar { background: linear-gradient(90deg, #43403d 0%, #f39207 100%); }
.navbar-brand .navbar-item img { height: 1.75rem; margin-right: 0.5rem; }
.doc a, .doc a:visited { color: #f39207; }
.doc a:hover { color: rgba(243, 146, 7, 0.8); }

/* start page: no navigation sidebar (MkDocs: body.homepage .md-sidebar--primary) */
body.home .nav-container, body.home .toolbar .nav-toggle { display: none; }

/* inline roles: MkDocs classes .element .attr .variable .request (the specification
   uses the role names of the PDF theme, the start page the MkDocs class .attr) */
.doc .xml-element-name, .doc .element { font-weight: bold; color: #ff0000; }
.doc .xml-attribute-name, .doc .attr { font-weight: bold; color: #600000; }
.doc .price-algo-calc-variable, .doc .variable { font-weight: bold; color: #74a2ed; }
.doc .request-param, .doc .request { font-weight: bold; color: #6aa84f; }
.doc .center { text-align: center; }

/* start page button, as Material for MkDocs .md-button.md-button--primary; "--" would become a dash in the role */
.doc a.md-button {
  display: inline-block;
  padding: 0.625em 2em;
  border: 0.1rem solid currentColor;
  border-radius: 0.1rem;
  font-weight: 700;
  margin: 0 0.5rem 0.5rem 0;
}
.doc a.md-button-primary, .doc a.md-button-primary:visited {
  background-color: #f39207;
  border-color: #f39207;
  color: #fff;
}
.doc a.md-button-primary:hover { background-color: rgba(243, 146, 7, 0.8); border-color: rgba(243, 146, 7, 0.8); color: #fff; }

/* tables */
.doc table.tableblock td.tableblock { border: 1px solid #e0e0e0; padding: 5px; }
.doc table.tableblock thead { background-color: #f3f3f3; }
.doc table.tableblock thead th.tableblock { border: 1px solid #e0e0e0; border-bottom: 1px solid #999; }

/* Colour of an action. MkDocs coloured the table row of each snippet (and of the rows
   of the table of actions) with these colours, the same as in the PDF. */
:root {
  --generic-bkg: #f3f3f3;
  --freerooms-bkg: #cfe2f3;
  --guestrequests-bkg: #d9ead3;
  --simplepackages-bkg: #fff2cc;
  --inventory-bkg: #d0e0e3;
  --rateplans-bkg: #fce5cd;
  --baserates-bkg: #ead1dc;
  --activity-bkg: #d5d3ea;
}
.doc .generic-bkg { --bkg: var(--generic-bkg); }
.doc .freerooms-bkg { --bkg: var(--freerooms-bkg); }
.doc .guestrequests-bkg { --bkg: var(--guestrequests-bkg); }
.doc .simplepackages-bkg { --bkg: var(--simplepackages-bkg); }
.doc .inventory-bkg { --bkg: var(--inventory-bkg); }
.doc .rateplans-bkg { --bkg: var(--rateplans-bkg); }
.doc .baserates-bkg { --bkg: var(--baserates-bkg); }
.doc .activity-bkg { --bkg: var(--activity-bkg); }

/* table cells whose first block has the role (a| + [.freerooms-bkg]): the whole cell */
.doc td.tableblock:has(> .content > .generic-bkg:first-child) { background: var(--generic-bkg); }
.doc td.tableblock:has(> .content > .freerooms-bkg:first-child) { background: var(--freerooms-bkg); }
.doc td.tableblock:has(> .content > .guestrequests-bkg:first-child) { background: var(--guestrequests-bkg); }
.doc td.tableblock:has(> .content > .simplepackages-bkg:first-child) { background: var(--simplepackages-bkg); }
.doc td.tableblock:has(> .content > .inventory-bkg:first-child) { background: var(--inventory-bkg); }
.doc td.tableblock:has(> .content > .rateplans-bkg:first-child) { background: var(--rateplans-bkg); }
.doc td.tableblock:has(> .content > .baserates-bkg:first-child) { background: var(--baserates-bkg); }
.doc td.tableblock:has(> .content > .activity-bkg:first-child) { background: var(--activity-bkg); }

/* code snippets ([source.freerooms-bkg,xml]): in MkDocs a coloured table cell with a
   1px #e0e0e0 border and 5px padding, the code on a transparent background
   (.probably_valid_syntax), and the name of the sample file in a white cell below */
.doc .listingblock[class*="-bkg"] { display: flex; flex-direction: column-reverse; }
.doc .listingblock[class*="-bkg"] > .content {
  background: var(--bkg);
  border: 1px solid #e0e0e0;
  padding: 5px;
}
.doc .listingblock[class*="-bkg"] pre,
.doc .listingblock[class*="-bkg"] pre code,
.doc .listingblock[class*="-bkg"] pre.highlight code.hljs {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  margin: 0;
}
.doc .listingblock[class*="-bkg"] > .title {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 5px;
  margin: 0;
  font-style: normal;
}

/* syntax highlighting: the highlight.js "Default" theme used by MkDocs
   (Ivan Sagalaev, highlight.js core team, BSD-3-Clause) */
.doc pre code.hljs { display: block; overflow-x: auto; padding: 1em; }
.doc code.hljs { padding: 3px 5px; }
.doc .hljs { background: #f3f3f3; color: #444; }
.doc .hljs-comment { color: #697070; }
.doc .hljs-punctuation, .doc .hljs-tag { color: #444a; }
.doc .hljs-tag .hljs-attr, .doc .hljs-tag .hljs-name { color: #444; }
.doc .hljs-attribute, .doc .hljs-doctag, .doc .hljs-keyword, .doc .hljs-meta .hljs-keyword, .doc .hljs-name, .doc .hljs-selector-tag { font-weight: 700; }
.doc .hljs-deletion, .doc .hljs-number, .doc .hljs-quote, .doc .hljs-selector-class, .doc .hljs-selector-id, .doc .hljs-string, .doc .hljs-template-tag, .doc .hljs-type { color: #800; }
.doc .hljs-section, .doc .hljs-title { color: #800; font-weight: 700; }
.doc .hljs-link, .doc .hljs-operator, .doc .hljs-regexp, .doc .hljs-selector-attr, .doc .hljs-selector-pseudo, .doc .hljs-symbol, .doc .hljs-template-variable, .doc .hljs-variable { color: #ab5656; }
.doc .hljs-literal { color: #695; }
.doc .hljs-addition, .doc .hljs-built_in, .doc .hljs-bullet, .doc .hljs-code { color: #397300; }
.doc .hljs-meta { color: #1f7199; }
.doc .hljs-meta .hljs-string { color: #38a; }
.doc .hljs-emphasis { font-style: italic; }
.doc .hljs-strong { font-weight: 700; }

/* checklists of the start page (* [x] / * [ ]): a check in a circle, green when done
   and light grey when not, as the task lists of Material for MkDocs, instead of the
   check boxes the default UI draws for the icons Asciidoctor emits (icons=font) */
:root {
  --alpinebits-check-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 0 0-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l6.5-6.5z'/%3E%3C/svg%3E");
}
.doc ul.checklist p > i.fa-check-square-o:first-child,
.doc ul.checklist p > i.fa-square-o:first-child {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.4em;
  vertical-align: -0.25em;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.doc ul.checklist p > i.fa-check-square-o:first-child::before,
.doc ul.checklist p > i.fa-square-o:first-child::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.07);
  -webkit-mask: var(--alpinebits-check-icon) center / contain no-repeat;
  mask: var(--alpinebits-check-icon) center / contain no-repeat;
}
.doc ul.checklist p > i.fa-check-square-o:first-child::before { background-color: #00e676; }