/* assets/css/custom.css */

/* =========================
   Colore principale
   ========================= */

:root {
  --main-color: #2a6db3;
}


/* =========================
   Tipografia generale
   ========================= */

.reveal {
  font-size: 34px;
}

.reveal p,
.reveal li {
  line-height: 1.3;
}

.reveal ul,
.reveal ol {
  margin-top: 0.4em;
}


/* =========================
   Titoli
   ========================= */

.reveal h1 { font-size: 1.8em; }
.reveal h2 { font-size: 1.4em; }
.reveal h3 { font-size: 1.15em; }

.reveal h1,
.reveal h2,
.reveal h3 {
  color: var(--main-color);
  margin-bottom: 0.6em;
}


/* =========================
   Liste con "-" invece dei pallini
   ========================= */

.reveal ul {
  list-style: none;
  padding-left: 0;
}

.reveal ul > li {
  position: relative;
  padding-left: 1.2em;
}

.reveal ul > li::before {
  content: "-";
  position: absolute;
  left: 0;
  color: var(--main-color);
}

.reveal ul ul > li::before {
  content: "–";
}




/* =========================
   Immagini
   ========================= */

.reveal section img {
  max-height: 70vh;
  width: auto;
  height: auto;
}


/* =========================
   Colori interfaccia Reveal
   ========================= */

.reveal .controls {
  color: var(--main-color);
}

.reveal .controls svg path {
  fill: var(--main-color);
}

.reveal a {
  color: var(--main-color);
}

.reveal .progress span {
  background: var(--main-color);
}


/* =========================
   Codice (override tema + highlight.js)
   ========================= */

/* Contenitore pre: nessun bordo/ombra e sfondo leggerissimo */
.reveal pre {
  font-size: 0.72em !important;
  line-height: 1.25 !important;
  width: 100% !important;

  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  padding: 0.6em 0.8em !important;
  margin: 0.6em 0 !important;
}

/* Spesso lo sfondo “a riquadro” è sul code.hljs, quindi lo neutralizziamo qui */
.reveal pre code,
.reveal pre code.hljs,
.reveal code.hljs {
  display: block !important;

  background: #fafafa !important;   /* sfondo chiaro */
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  padding: 0.6em 0.8em !important;  /* padding dentro il riquadro */
}

/* Font del codice */
.reveal code {
  font-family: "Fira Code", "JetBrains Mono", "DejaVu Sans Mono", monospace !important;
  font-variant-ligatures: contextual !important;
}

/* inline code nel testo (non blocchi) */
.reveal p code,
.reveal li code {
  display: inline !important;
  background: #f0f0f0 !important;
  padding: 0.05em 0.25em !important;
  border-radius: 3px !important;
}

/* Numeri di riga (Org export) più discreti */
.reveal pre .linenr {
  color: #bbb !important;
  font-size: 0.85em !important;
  padding-right: 0.9em !important;
  user-select: none !important;
}