/* ============================================================================
   Layout
   ============================================================================ */

.md-grid {
  max-width: 1700px;
}

/* ============================================================================
   Couleurs ICM Services
   ============================================================================ */

[data-md-color-scheme="default"] {
  --md-primary-fg-color:             #0C7E90;
  --md-primary-fg-color--light:      #27B5CE;
  --md-primary-fg-color--dark:       #095F6D;
  --md-accent-fg-color:              #E07B1A;
  --md-accent-fg-color--transparent: rgba(224, 123, 26, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:             #38C8DC;
  --md-primary-fg-color--light:      #6FD1E3;
  --md-primary-fg-color--dark:       #27B5CE;
  --md-accent-fg-color:              #F0A030;
  --md-accent-fg-color--transparent: rgba(240, 160, 48, 0.1);
}

/* ============================================================================
   Navigation
   ============================================================================ */

/* Trait sous les titres de section du premier niveau */
.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav__link {
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
  padding-bottom: 0.3rem;
  margin-bottom: 0.2rem;
}

/* Indentation de la navigation imbriquée */
.md-nav--primary .md-nav .md-nav__list {
  padding-left: 0.5rem;
}

/* Replier les sections sœurs non actives (navigation.sections force display:block) */
.md-nav__item--section:not(.md-nav__item--active) > .md-nav {
  display: none !important;
}
.md-nav__item--section:not(.md-nav__item--active) > input.md-nav__toggle:checked ~ .md-nav {
  display: block !important;
}

/* Masquer aussi l'en-tête des sections sœurs non actives */
.md-nav--primary .md-nav__list:has(> .md-nav__item--section.md-nav__item--active) >
.md-nav__item--section:not(.md-nav__item--active) {
  display: none !important;
}

/* ============================================================================
   Cartes de la page d'accueil
   ============================================================================ */

/* Liseré coloré en haut de chaque carte */
.md-content .grid.cards > ul > li,
.md-content .grid.cards > ol > li {
  border-top: 3px solid var(--md-primary-fg-color);
}

/* Suppression du hover sur les cartes */
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  box-shadow: none;
  border-color: var(--md-primary-fg-color);
  transform: none;
}

/* ============================================================================
   Badges métier dans les tags
   ============================================================================ */

.md-tag {
  background-color: var(--md-primary-fg-color--light);
  color: var(--md-primary-bg-color);
}

[data-md-color-scheme="default"] .md-tag {
  color: var(--md-primary-fg-color--dark);
}

/* ============================================================================
   Bandeau de nouvelle version disponible
   ============================================================================ */

#doc-update-banner {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  padding: 0.6rem 1rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
}

#doc-update-banner a {
  color: var(--md-primary-bg-color);
  text-decoration: underline;
  font-weight: 700;
  margin-left: 0.3rem;
}