/* Habillage EzyInfo des supports de formation : en-tête du site (logo et menu circulaire), barre avec le fil
   d'Ariane et le PDF, mention en pied de page. Ajouté par integrer-formations.py ; le cours garde son style. */

/* ---------- En-tête du site : toujours sur fond noir, sur toute la largeur ---------- */

.site-header {
  display: flex; justify-content: center; margin-inline: calc(50% - 50vw); background: #000;
}
.site-header :focus-visible { outline: 3px solid #32bcc5; outline-offset: 2px; }
.header-inner { position: relative; width: 100%; max-width: 280px; aspect-ratio: 4 / 3; }
.header-inner svg.logo_svg {
  position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%);
  display: block; width: 40.5%; height: auto; color: #70bec2;
}
.header-inner .logo_text { font-family: "Amatic SC", cursive; font-weight: 700; font-size: 20.0697px; fill: #e1e1e1; }
svg#menu_svg {
  position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible;
  font-family: "Amatic SC", cursive;
}
#menu_svg a { fill: #e1e1e1; font-size: 1.8rem; font-weight: 700; text-decoration: none; transition: fill .2s ease; }
#menu_svg a:hover, #menu_svg a:focus-visible { fill: #32bcc5; }

/* ---------- Barre : fil d'Ariane et PDF ---------- */

.ezy-barre {
  margin: 0 calc(50% - 50vw) 32px; padding: 10px max(16px, calc(50vw - 460px));
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px;
  background: #121212; border-top: 1px solid #262626; color: #f2f2f2;
  font-family: "Ubuntu", var(--font-body); font-size: .95rem; line-height: 1.4;
}
.ezy-barre :focus-visible { outline: 3px solid #32bcc5; outline-offset: 2px; }
.ezy-fil { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #bdbdbd; }
.ezy-fil a { color: #f2f2f2; }
.ezy-fil a:hover { color: #32bcc5; }
.ezy-pdf {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 10px;
  box-shadow: inset 0 0 0 2px #32bcc5; color: #fff; font-weight: 500; text-decoration: none; white-space: nowrap;
}
.ezy-pdf:hover { background: hsl(195, 69%, 24%); }
.ezy-pdf small { color: #bdbdbd; font-weight: 400; }
.ezy-pdf svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Pied de page ---------- */

.ezy-pied {
  max-width: 920px; margin: 64px auto 0; padding: 20px 0 0 48px; border-top: 1px solid var(--line);
  color: var(--muted); font-size: .95rem;
}
.ezy-pied p { max-width: none; margin: 0 0 .4em; }

@media (max-width: 640px) {
  .ezy-pied { padding-left: 0; }
}

@media print {
  .site-header, .ezy-barre, .ezy-pied { display: none; }
}