/* SFSCon 2026: reproduces the look of the original Marp deck
   (sfscon-2026/sfscon-2026.pptx) on top of array_black.css */

/* Header and footer text: change it here */
:root {
  --deck-header: "From Legal Headache to Automated Sanity Check";
  --deck-footer: "(c) 2026 Alberto Pianon, Carlo Piana, Henrik Sandklef";
}

#footer-left::after {content:
  /* change between these lines */

  "© 2026 Henrik Sandklef, Carlo Piana, Alberto Pianon"

}

/* PDF export: the template does not add #footer-left, so draw them on each page */
html.reveal-print #footer-left {
  display: none;
}

html.reveal-print .pdf-page::before,
html.reveal-print .pdf-page::after {
  font-size: 18px;
  color: rgba(238, 238, 238, 0.5);
}

/* Background: black, with the GPLv3 photo at 10% and no Array logo */
.reveal-viewport {
  background: #000;
  background-color: #000;
}

.reveal .slide-background {
  background-color: #000;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
    url(../img/sfscon-2026/GPLv3.jpg);
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

@media print {
  .backgrounds {
    background-color: #000;
  }
}

/* Text */
.reveal {
  font-family: "Noto Sans", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 29px;
  color: #eee;
}

.reveal .slides > section,
.reveal .slides .pdf-page > section {
  padding: 0 78px !important;
  box-sizing: border-box;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  margin: 0.5em 0;
  color: #eee;
  font-family: inherit;
  font-weight: 700;
}

.reveal h1 {
  font-size: 1.6em;
}

.reveal h2 {
  font-size: 1.3em;
}

.reveal strong,
.reveal b {
  color: inherit;
}

/* Lists: plain discs instead of the dashes of array_black.css */
.reveal ul {
  display: block;
  margin-left: 1em;
  list-style-type: disc;
}

.reveal ul > li:before {
  content: none;
}

/* Links */
.reveal a {
  color: #4493f8;
}

.reveal a:hover {
  color: #4493f8;
}

.reveal .controls,
.reveal .progress {
  color: #eee;
}

.reveal .slide-number {
  color: rgba(238, 238, 238, 0.5);
  background: transparent;
}

.reveal .slide-number a {
  color: inherit;
}

.reveal ::selection {
  color: #000;
  background: #4493f8;
}

/* Images: keep the transparency of the NGI0 logo */
.reveal img {
  background-color: transparent;
  margin: 0.4em 0;
}

/* Code */
.reveal code {
  padding: 0.2em 0.4em;
  border-radius: 6px;
  font-family: "Liberation Mono", "Courier New", monospace;
  font-size: 0.85em;
  color: #eee;
  background: rgba(157, 168, 184, 0.22);
}

.reveal pre {
  width: 100%;
  margin: 0.8em 0;
  font-size: 0.9em;
  line-height: 1.1;
  box-shadow: none;
}

.reveal pre code,
.reveal pre code.hljs {
  display: block;
  padding: 0.65em;
  border: 1px solid #3d444d;
  max-height: none;
  font-size: 1em;
  color: #eee;
  background: #151b23;
}

/* Menu button: top right, clear of the header. !important because the menu
   plugin loads its own CSS after this file */
.reveal .slide-menu-button {
  top: 20px !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;
}

.reveal .slide-menu-button a {
  color: rgba(238, 238, 238, 0.5) !important;
}

html.reveal-print .reveal .slide-menu-button {
  display: none !important;
}

/* NOI logo is drawn in near-black: give it a soft white glow so it reads on dark boxes */
.reveal img[src*="noi.svg"] {
  filter:
    drop-shadow(0 0 1px #fff)
    drop-shadow(0 0 2px #fff)
    drop-shadow(0 0 2px #fff)
    drop-shadow(0 0 3px #fff)
    drop-shadow(0 0 6px rgba(255, 255, 255, 0.8));
}