/* Thème G-Echo pour reveal.js 6 (présentations du site).
   Charte : vert profond #003926, vert du logo #8cbf43, nuit #1a1a2e.
   Contrastes WCAG AA sur fond blanc. Classes reprises de l'ancien thème
   d'archive.g-echo.fr (myCard, ombre, calltoaction…). */
:root {
  --r-main-font: "Source Sans Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --r-main-font-size: 34px;
  --r-main-color: #1f2328;
  --r-heading-font: "Source Sans Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --r-heading-color: #003926;
  --r-heading-font-weight: 700;
  --r-heading-text-transform: none;
  --r-heading-letter-spacing: -0.01em;
  --r-heading-line-height: 1.15;
  --r-link-color: #00704a;
  --r-link-color-hover: #003926;
  --r-selection-background-color: #8cbf43;
  --r-selection-color: #1a1a2e;
  --gecho-accent: #8cbf43;
  --gecho-nuit: #1a1a2e;
}
.reveal-viewport { background: #fff; }

/* Titres : filet vert à gauche, sans majuscules forcées. */
.reveal h1 { font-size: 1.75em; }
.reveal h2 { font-size: 1.35em; }
.reveal h3 { font-size: 1.1em; }
.reveal .slides section > h1:first-child,
.reveal .slides section > h2:first-child {
  border-left: 0.16em solid var(--gecho-accent);
  padding-left: 0.45em;
  text-align: left;
}
.reveal .slides section.titleslide h1,
.reveal .slides section#title-slide h1 { border: 0; padding: 0; text-align: center; font-size: 2.1em; }
.reveal .slides section { text-align: left; }
.reveal .slides section.titleslide, .reveal .slides section#title-slide { text-align: center; }
.reveal ul, .reveal ol { display: block; margin-left: 1.1em; }
.reveal li { margin: 0.25em 0; }
.reveal li::marker { color: #00704a; }
.reveal blockquote {
  width: auto; margin: 0.6em 0; padding: 0.5em 0.9em;
  background: #f2f7ee; border-left: 0.2em solid var(--gecho-accent);
  box-shadow: none; font-style: normal;
}
.reveal table { font-size: 0.75em; }
.reveal table th { background: #003926; color: #fff; }
.reveal table tr:nth-child(even) td { background: #f4f6f5; }
.reveal pre { box-shadow: 0 4px 18px rgba(0,0,0,.18); border-radius: 6px; }
.reveal code { font-size: 0.9em; }
.reveal img, .reveal video, .reveal iframe { max-width: 100%; max-height: 72vh; }
.reveal .progress { color: var(--gecho-accent); height: 5px; }
.reveal .slide-number { background: transparent; color: #4a4f55; font-size: 14px; right: auto; left: 14px; bottom: 10px; }
.reveal .controls { color: #00704a; }

/* Fond d'image atténué (data-state="dimbg") : reveal 6 pose l'état sur
   .reveal-viewport ; opacité réglée par présentation (fond_attenue). */
.reveal-viewport.dimbg .slide-background.present { opacity: var(--gecho-fond, 0.25); }

/* Repères G-Echo : retour à la liste et logo. */
.gecho-retour {
  position: fixed; top: 10px; left: 14px; z-index: 30;
  font: 600 14px/1 var(--r-main-font); color: #003926; text-decoration: none;
  background: rgba(255,255,255,.85); padding: 6px 10px; border-radius: 4px;
}
.gecho-retour:hover, .gecho-retour:focus { text-decoration: underline; }
.gecho-logo { position: fixed; right: 16px; top: 10px; height: 36px; z-index: 30; pointer-events: none; }
@media print { .gecho-retour, .gecho-logo { display: none; } }

/* Classes de l'ancien thème. */
.reveal .ombre { margin: 0.6em; border: 0; box-shadow: 0 6px 22px rgba(0,0,0,.25); border-radius: 4px; }
.reveal .myCard { display: inline-block; margin: 4px; padding: 6px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); transition: box-shadow .3s; }
.reveal .myCard:hover { box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22); }
.reveal .myImgPart { height: 100px; max-height: 100px; padding: 8px; margin: 8px; border: 0; }
.reveal .myImgConf { height: 120px; max-height: 120px; padding: 8px; margin: 8px; border: 0; }
.reveal .myFlip { width: 150px; height: 200px; }
.reveal .myB { font-weight: 700; }
.reveal .fr { float: right; margin-left: 0.6em; }
.reveal .w80 { width: 80%; }
.reveal .w100 { width: 100%; }
.reveal .calltoaction {
  display: inline-block; margin: 0.3em 0; padding: 0.3em 0.8em; border-radius: 4px;
  background: #003926; color: #fff !important; font-weight: 600; text-decoration: none;
}
.reveal .calltoaction:hover { background: #00704a; }
.reveal .whitetext { color: #fff; text-decoration: none; }
.reveal .backslide { background: rgba(26,26,46,.06); }
.reveal .sourceCode { overflow: auto; }

/* Dernière slide : crédits et sources. */
.reveal .gecho-credits { font-size: 0.6em; }
.reveal .gecho-credits ul { columns: 2; column-gap: 2em; }
.reveal .gecho-credits li { break-inside: avoid; }
.reveal .gecho-credits-note { color: #4a4f55; margin-top: 1.2em; }
