/* docs/stylesheets/extra.css */

:root {
    --md-primary-fg-color: #1e40af;       /* Bleu profond pour la barre de titre */
    --md-accent-fg-color: #2563eb;        /* Accent (liens, boutons) */
    --md-typeset-a-color: #1d4ed8;        /* Couleur des liens */
  }
  
  /* Titre principal */
  .md-header__title {
    font-weight: 600;
  }
  
  /* Lien dans la barre de navigation */
  .md-nav__link {
    font-weight: 500;
  }
  
  /* Code blocks (plus lisibles) */
  code, pre code {
    font-family: Consolas, monospace;
    font-size: 0.875rem;
  }
  
  /* Ajout d’un footer simple */
  footer.md-footer {
    font-size: 0.75rem;
    color: #888;
    text-align: center;
  }

  

/* Custom logo size for MkDocs Material theme */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    width: 2rem !important;
    height: 2rem !important;
}

/* Alternative: make it even larger if needed */
/* .md-header__button.md-logo img,
.md-header__button.md-logo svg {
    width: 3rem !important;
    height: 3rem !important;
} */

/* Simple Deployment Header */
.deployment-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.deployment-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #ec4899;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.deployment-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.deployment-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.deployment-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* DORA Metrics Header */
.dora-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.dora-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #10b981;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.dora-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.dora-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.dora-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* Pull Request Header */
.pull-request-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.pull-request-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #8b5cf6;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.pull-request-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.pull-request-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.pull-request-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* Release Header */
.release-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.release-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #eab308;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.release-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.release-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.release-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* Security Header */
.security-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.security-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #ef4444;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.security-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.security-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.security-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* SonarCloud Header */
.sonarcloud-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.sonarcloud-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #f97316;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.sonarcloud-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

.sonarcloud-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.sonarcloud-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* License Header */
.license-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.license-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #3b82f6;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.license-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
    stroke: currentColor;
    stroke-width: 2;
}

.license-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.license-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* Commit Header */
.commit-header-simple {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.commit-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    background-color: #3b82f6;
    border-radius: 0.5rem;
    margin-right: 1rem;
}

.commit-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

.commit-header-simple h1 {
    margin: 0 0 0.25rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
}

.commit-header-simple p {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

