/* === Thème ICOSNET personnalisé === */
/* === Couleurs pour les modes clair et sombre === */
[data-md-color-scheme="default"] {
  --md-code-bg-color: #f4f4f4 !important;     /*  light grey */
  --md-code-fg-color: #1e1e1e;         /* Texte foncé */
  --md-footer-bg-color: #0073b1;       /* Bleu ICOSNET */
  --md-footer-fg-color: #ffffff;
}

[data-md-color-scheme="slate"] {
  --md-code-bg-color: #2e2e2e;         /* Gris anthracite façon ChatGPT */
  --md-code-fg-color: #e6e6e6;         /* Texte clair */
  --md-footer-bg-color: #003d66;
  --md-footer-fg-color: #ffffff;
}

/* === Code inline & blocs === */
/* === Mode clair : inline code === */
[data-md-color-scheme="default"] .md-typeset code {
  background-color: #f4f4f4 !important;
  color: var(--md-code-fg-color) !important;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}



/* === Mode sombre : inline code (fond sombre cohérent) === */
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: #2e2e2e !important; /* même que blocs <pre> */
  color: #e6e6e6 !important;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}

.md-typeset pre code {
  background-color: var(--md-code-bg-color) !important;
  color: var(--md-code-fg-color) !important;
  font-family: 'Fira Code', monospace;
  font-size: inherit;
  border-radius: 6px;
  padding: 0.25em 0.5em;
  line-height: 1.5;
}

/* Blocs <pre> complets */
.md-typeset pre {
  background-color: var(--md-code-bg-color) !important;
  color: var(--md-code-fg-color) !important;
  border: 0px solid #444;
  border-radius: 8px;
  padding: 1em;
  overflow-x: auto;
}


/* Syntax highlighting */
.md-typeset code span.hl-keyword {
  color: #00ffc8;
}

.md-typeset code span.hl-string {
  color: #1de9b6;
}

.md-typeset code span.hl-comment {
  color: #888;
  font-style: italic;
}

.md-typeset code span.hl-number {
  color: #64ffda;
}

/* === En-tête (Header) === */
.md-header {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-header__title {
  font-size: inherit;
}

/* Pied de page */
.md-footer {
  background-color: var(--md-footer-bg-color);
  color: var(--md-footer-fg-color);
}

.md-footer__title,
.md-footer__direction {
  color: #ffffff !important;
  font-weight: 500;
}

/* === Mode clair : menu actif encadré en bleu ICOSNET === */
[data-md-color-scheme="default"] .md-nav__item .md-nav__link--active {
  border-left: 4px solid var(--md-accent-fg-color);
  background-color: rgba(0, 115, 177, 0.1); /* fond bleu clair */
  border-radius: 4px;
  padding-left: calc(1rem - 4px);
  color: var(--md-accent-fg-color);
  font-weight: 600;
}

/* === Mode sombre : menu actif encadré en cyan/vert lumineux === */
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active {
  border-left: 4px solid #00ffc8; /* couleur néon/chatGPT */
  background-color: rgba(0, 255, 200, 0.08); /* fond subtil */
  border-radius: 4px;
  padding-left: calc(1rem - 4px);
  color: #00ffc8;
  font-weight: 600;
}

.md-typeset {
  font-size: inherit;  /* laisse le thème gérer */
}

/* Titres de section */
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3 {
  color: var(--md-primary-fg-color);
  font-weight: bold;
  font-weight: 700;
}

/* Titres de section – sombre */
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 {
  color: #ffffff;
  font-weight: 700;
}

/* Boutons et éléments interactifs */
.md-typeset .md-button {
  background-color: var(--md-accent-fg-color);
  color: white;
  border-radius: 6px;
  padding: 0.5em 1em;
  transition: background-color 0.3s ease;
}

.md-typeset .md-button:hover {
  background-color: #0089c7;
}

/* Onglets */
.md-tabs__item--active {
  border-bottom: 3px solid var(--md-accent-fg-color);
}

/* === Alertes et blocs d'informations === */
.md-typeset .admonition,
.md-typeset details {
  border-left: 4px solid var(--md-accent-fg-color);
  background-color: #f0faff;
  border-radius: 4px;
  padding: 0.8em 1em;
}


.swagger-ui__link {
  display: none !important;
}

/* Étendre la largeur de tout le contenu */
.md-grid {
  max-width: 95% !important;
  width: 95% !important;
  padding-left: 2rem;
  padding-right: 2rem;
}