/*!
 * Orange Design System MkDocs Theme
 * Copyright 2023 Orange SA
 * Licensed under MIT (https://github.com/Orange-OpenSource/ods-mkdocs-theme/blob/main/LICENSE)
 */

/* Orange colors */
:root,
[data-md-color-scheme="default"] {
  /* Primary color shades */
  --md-primary-fg-color: #000;
  --md-primary-fg-color--light: #ddd;
  --md-primary-fg-color--dark: #666;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #000;

  /* Accent color shades */
  --md-accent-fg-color: #ff7900;
  --md-accent-fg-color--transparent: #eee;
  --md-accent-bg-color: #000;
  --md-accent-bg-color--light: #eee;

  /* Default color shades */
  --md-default-fg-color: #000;
  --md-default-fg-color--light: #666;
  --md-default-fg-color--lighter: #ccc;
  --md-default-fg-color--lightest: #eee;
  --md-default-bg-color: #fff;
  --md-default-bg-color--light: #eee;
  --md-default-bg-color--lighter: #666;
  --md-default-bg-color--lightest: #333;

  /* Code color shades */
  --md-code-fg-color: #333;
  --md-code-bg-color: #fafafa;

  /* Code highlighting color shades 
    --md-code-hl-color:                  hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);
    --md-code-hl-number-color:           hsla(0, 67%, 50%, 1);
    --md-code-hl-special-color:          hsla(340, 83%, 47%, 1);
    --md-code-hl-function-color:         hsla(291, 45%, 50%, 1);
    --md-code-hl-constant-color:         hsla(250, 63%, 60%, 1);
    --md-code-hl-keyword-color:          hsla(219, 54%, 51%, 1);
    --md-code-hl-string-color:           hsla(150, 63%, 30%, 1);
    --md-code-hl-name-color:             var(--md-code-fg-color);
    --md-code-hl-operator-color:         var(--md-default-fg-color--light);
    --md-code-hl-punctuation-color:      var(--md-default-fg-color--light);
    --md-code-hl-comment-color:          var(--md-default-fg-color--light);
    --md-code-hl-generic-color:          var(--md-default-fg-color--light);
    --md-code-hl-variable-color:         var(--md-default-fg-color--light);
  */

  /* Typeset color shades */
  --md-typeset-color: var(--md-default-fg-color);

  /* Typeset `a` color shades */
  --md-typeset-a-color: #666;

  /* Typeset `mark` color shades */
  --md-typeset-mark-color: #f16e00;

  /* Typeset `del` and `ins` color shades */
  --md-typeset-del-color: #cd3c14;
  --md-typeset-ins-color: #32c832;

  /* Typeset `kbd` color shades */
  --md-typeset-kbd-color: hsla(0, 0%, 98%, 1);
  --md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);
  --md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);

  /* Typeset `table` color shades */
  --md-typeset-table-color: hsla(0, 0%, 0%, 0.12);

  /* Admonition color shades */
  --md-admonition-fg-color: var(--md-default-fg-color);
  --md-admonition-bg-color: var(--md-default-bg-color);

  /* Footer color shades */
  --md-footer-fg-color: var(--md-default-fg-color);
  --md-footer-fg-color--light: var(--md-default-fg-color--light);
  --md-footer-fg-color--lighter: var(--md-default-fg-color--lighter);
  --md-footer-bg-color: var(--md-default-bg-color);
  --md-footer-bg-color--dark: var(--md-default-bg-color--dark);

  -webkit-font-smoothing: antialiased !important;
  --md-text-font: "HelvNeueOrange";
  --md-code-font: "HelvNeueOrange";

  /* Shadow depth 1 
  --md-shadow-z1:
    0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.05),
    0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.1);

   Shadow depth 2 
  --md-shadow-z2:
    0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.1),
    0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.25);

   Shadow depth 3 
  --md-shadow-z3:
    0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.2),
    0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.35);
  */
}

/* fluid layout on large screens */
@media (min-width: 1220px) {
  .md-grid {
    max-width: 92%;
  }
}

/* Orange no border radius */
* {
  border-radius: 0 !important;
}

/* hyperlink */
.md-typeset a {
  text-decoration: underline;
}
/* search input field inside navbar header*/
.md-search__input {
  background-color: var(--md-primary-bg-color);
}

.md-search-result__link {
  text-decoration: none;
}

.md-search-result mark {
  padding: 0;
}

.md-search-result__link:focus,
.md-search-result__link:hover,
.md-search-result__link:focus .md-search-result__icon,
.md-search-result__link:focus .md-search-result__article,
.md-search-result__link:hover .md-search-result__icon,
.md-search-result__link:hover .md-search-result__article,
.md-search-result__link:focus .md-typeset h1,
.md-search-result__link:hover .md-typeset h1,
.md-search-result__link:focus .md-typeset h2,
.md-search-result__link:hover .md-typeset h2,
.md-search-result__link:focus .md-typeset h3,
.md-search-result__link:hover .md-typeset h3 {
  color: var(--md-default-bg-color);
  background-color: var(--md-default-fg-color);
}

/* code block */
/*
.highlight {
  background-color: var(--md-accent-bg-color--light);
  border: 0.2rem solid var(--md-default-bg-color--light);
}

.highlight pre {
  background-color: transparent;
  margin: 0;
}

*/
/* ================== */
/* top navigation bar */
/* ================== */
.md-search__input + .md-search__icon {
  color: var(--md-typeset-color);
}
[data-md-toggle="search"]:checked
  ~ .md-header
  .md-search__input
  + .md-search__icon {
  color: var(--md-typeset-color);
}

.md-header-nav__button.md-logo,
.md-header__button.md-logo {
  margin: 0.2rem;
  padding: 0.2rem;
}

.md-header-nav__button.md-logo img,
.md-header__button.md-logo img {
  width: 1.5rem;
  height: 1.5rem;
}

.md-header-nav__title,
.md-header__title {
  font-size: 1.6rem;
  font-weight: bold;
}

/* navbar tabs */
.md-tabs__item {
  font-weight: bold;
}

.md-tabs__link {
  opacity: 1 !important;
  text-decoration: none;
  margin: 0;
  line-height: 2.25rem;
  color: white;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #ff7900;
  opacity: 1;
}

.md-tabs__link--active {
  border-bottom: 0.2rem solid #ff7900;
}

/* tabbed labels*/
.md-typeset .tabbed-labels > label,
.md-typeset
  .tabbed-set
  > input:first-child:checked
  ~ .tabbed-labels
  > :first-child,
.md-typeset
  .tabbed-set
  > input:nth-child(10):checked
  ~ .tabbed-labels
  > :nth-child(10),
.md-typeset
  .tabbed-set
  > input:nth-child(11):checked
  ~ .tabbed-labels
  > :nth-child(11),
.md-typeset
  .tabbed-set
  > input:nth-child(12):checked
  ~ .tabbed-labels
  > :nth-child(12),
.md-typeset
  .tabbed-set
  > input:nth-child(13):checked
  ~ .tabbed-labels
  > :nth-child(13),
.md-typeset
  .tabbed-set
  > input:nth-child(14):checked
  ~ .tabbed-labels
  > :nth-child(14),
.md-typeset
  .tabbed-set
  > input:nth-child(15):checked
  ~ .tabbed-labels
  > :nth-child(15),
.md-typeset
  .tabbed-set
  > input:nth-child(16):checked
  ~ .tabbed-labels
  > :nth-child(16),
.md-typeset
  .tabbed-set
  > input:nth-child(17):checked
  ~ .tabbed-labels
  > :nth-child(17),
.md-typeset
  .tabbed-set
  > input:nth-child(18):checked
  ~ .tabbed-labels
  > :nth-child(18),
.md-typeset
  .tabbed-set
  > input:nth-child(19):checked
  ~ .tabbed-labels
  > :nth-child(19),
.md-typeset
  .tabbed-set
  > input:nth-child(2):checked
  ~ .tabbed-labels
  > :nth-child(2),
.md-typeset
  .tabbed-set
  > input:nth-child(20):checked
  ~ .tabbed-labels
  > :nth-child(20),
.md-typeset
  .tabbed-set
  > input:nth-child(3):checked
  ~ .tabbed-labels
  > :nth-child(3),
.md-typeset
  .tabbed-set
  > input:nth-child(4):checked
  ~ .tabbed-labels
  > :nth-child(4),
.md-typeset
  .tabbed-set
  > input:nth-child(5):checked
  ~ .tabbed-labels
  > :nth-child(5),
.md-typeset
  .tabbed-set
  > input:nth-child(6):checked
  ~ .tabbed-labels
  > :nth-child(6),
.md-typeset
  .tabbed-set
  > input:nth-child(7):checked
  ~ .tabbed-labels
  > :nth-child(7),
.md-typeset
  .tabbed-set
  > input:nth-child(8):checked
  ~ .tabbed-labels
  > :nth-child(8),
.md-typeset
  .tabbed-set
  > input:nth-child(9):checked
  ~ .tabbed-labels
  > :nth-child(9) {
  color: var(--md-default-fg-color);
}

/* ADMONITION TO CUSTOMIZE */

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #448aff;
}
.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #448aff1a;
}
.md-typeset .note > .admonition-title:before,
.md-typeset .note > summary:before {
  background-color: #448aff;
}
.md-typeset .note > .admonition-title:after,
.md-typeset .note > summary:after {
  color: #448aff;
}
.md-typeset .admonition.abstract,
.md-typeset details.abstract {
  border-color: #00b0ff;
}
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #448aff;
}
.md-typeset .abstract > .admonition-title,
.md-typeset .abstract > summary {
  background-color: #00b0ff1a;
}
.md-typeset .abstract > .admonition-title:before,
.md-typeset .abstract > summary:before {
  background-color: #00b0ff;
}
.md-typeset .abstract > .admonition-title:after,
.md-typeset .abstract > summary:after {
  color: #00b0ff;
}
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #00b8d4;
}
.md-typeset .info > .admonition-title,
.md-typeset .info > summary {
  background-color: #00b8d41a;
}
.md-typeset .info > .admonition-title:before,
.md-typeset .info > summary:before {
  background-color: #00b8d4;
}
.md-typeset .info > .admonition-title:after,
.md-typeset .info > summary:after {
  color: #00b8d4;
}
.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #00bfa5;
}
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: #00bfa51a;
}
.md-typeset .tip > .admonition-title:before,
.md-typeset .tip > summary:before {
  background-color: #00bfa5;
}
.md-typeset .tip > .admonition-title:after,
.md-typeset .tip > summary:after {
  color: #00bfa5;
}
.md-typeset .admonition.success,
.md-typeset details.success {
  border-color: #00c853;
}
.md-typeset .success > .admonition-title,
.md-typeset .success > summary {
  background-color: #00c8531a;
}
.md-typeset .success > .admonition-title:before,
.md-typeset .success > summary:before {
  background-color: #00c853;
}
.md-typeset .success > .admonition-title:after,
.md-typeset .success > summary:after {
  color: #00c853;
}
.md-typeset .admonition.question,
.md-typeset details.question {
  border-color: #64dd17;
}
.md-typeset .question > .admonition-title,
.md-typeset .question > summary {
  background-color: #64dd171a;
}
.md-typeset .question > .admonition-title:before,
.md-typeset .question > summary:before {
  background-color: #64dd17;
}
.md-typeset .question > .admonition-title:after,
.md-typeset .question > summary:after {
  color: #64dd17;
}
.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #ff9100;
}
.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
  background-color: #ff91001a;
}
.md-typeset .warning > .admonition-title:before,
.md-typeset .warning > summary:before {
  background-color: #ff9100;
}
.md-typeset .warning > .admonition-title:after,
.md-typeset .warning > summary:after {
  color: #ff9100;
}
.md-typeset .admonition.failure,
.md-typeset details.failure {
  border-color: #ff5252;
}
.md-typeset .failure > .admonition-title,
.md-typeset .failure > summary {
  background-color: #ff52521a;
}
.md-typeset .failure > .admonition-title:before,
.md-typeset .failure > summary:before {
  background-color: #ff5252;
}
.md-typeset .failure > .admonition-title:after,
.md-typeset .failure > summary:after {
  color: #ff5252;
}
.md-typeset .admonition.danger,
.md-typeset details.danger {
  border-color: #ff1744;
}
.md-typeset .danger > .admonition-title,
.md-typeset .danger > summary {
  background-color: #ff17441a;
}
.md-typeset .danger > .admonition-title:before,
.md-typeset .danger > summary:before {
  background-color: #ff1744;
}
.md-typeset .danger > .admonition-title:after,
.md-typeset .danger > summary:after {
  color: #ff1744;
}
.md-typeset .admonition.bug,
.md-typeset details.bug {
  border-color: #f50057;
}
.md-typeset .bug > .admonition-title,
.md-typeset .bug > summary {
  background-color: #f500571a;
}
.md-typeset .bug > .admonition-title:before,
.md-typeset .bug > summary:before {
  background-color: #f50057;
}
.md-typeset .bug > .admonition-title:after,
.md-typeset .bug > summary:after {
  color: #f50057;
}
.md-typeset .admonition.example,
.md-typeset details.example {
  border-color: #7c4dff;
}
.md-typeset .example > .admonition-title,
.md-typeset .example > summary {
  background-color: #7c4dff1a;
}
.md-typeset .example > .admonition-title:before,
.md-typeset .example > summary:before {
  background-color: #7c4dff;
}
.md-typeset .example > .admonition-title:after,
.md-typeset .example > summary:after {
  color: #7c4dff;
}
.md-typeset .admonition.quote,
.md-typeset details.quote {
  border-color: #9e9e9e;
}
.md-typeset .quote > .admonition-title,
.md-typeset .quote > summary {
  background-color: #9e9e9e1a;
}
.md-typeset .quote > .admonition-title:before,
.md-typeset .quote > summary:before {
  background-color: #9e9e9e;
}
.md-typeset .quote > .admonition-title:after,
.md-typeset .quote > summary:after {
  color: #9e9e9e;
}

/* ================== */
/* navigation menu(s) */
/* ================== */
.md-nav__title {
  font-size: 130%;
  color: #666;
  margin-bottom: 0.8rem;
}

/* menu items (links) */
.md-nav__item .md-nav__link {
  color: #666;
  text-decoration: none;
}

.md-nav__item .md-nav__link:hover {
  color: #ff7900;
}

/* active menu item (link) */
.md-nav__item .md-nav__link--active {
  color: black !important;
  /*color: #ff7900;*/
  font-weight: bold;
}

/* primary menu border */
.md-sidebar--primary .md-sidebar__scrollwrap {
  border-right: 1px solid #eee;
}

/* secondary menu border */
.md-sidebar--secondary .md-sidebar__inner {
  border-left: 1px solid #eee;
}

/* sub menu title */
.md-nav__item label.md-nav__link {
  font-weight: bold;
  color: black;
}

/* active sub menu title */
.md-nav__item--active > label.md-nav__link {
  color: #ff7900;
}

/* YLA: proposition fix _ devant le lien vers le depot */
.md-source {
  text-decoration: none;
  color: white;
}

.md-source:hover {
  opacity: 1;
}


.md-typeset {
  font-size: 0.75rem;
}

.md-typeset .admonition {
  font-size: 0.75rem;
}

.md-content a {
  color: #000;
  text-decoration: underline;
  background-color: transparent;
  outline-offset: 0.25rem;
  transition: outline-offset 0.2s ease-in-out;
}

.md-content a:hover {
  color: #f16e00;
  text-decoration: underline;
}

.md-content a:focus {
  color: #ff7900;
  outline: 0.125rem solid;
  outline-offset: -0.125rem;
}

.md-content a.md-button {
  text-decoration: none;
}
.md-content .md-button:focus,
.md-content .md-button:hover,
.md-content .md-button--primary:focus,
.md-content .md-button--primary:hover {
  color: var(--md-default-bg-color);
  background-color: var(--md-default-fg-color);
  border-color: var(--md-default-fg-color);
  text-decoration: none;
}
.md-content .md-button--primary {
  color: var(--md-accent-bg-color);
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}

.md-typeset img,
.md-typeset svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  height: auto;
}

.i18n-link {
  list-style-type: none;
  border-left-style: solid;
  border-left-color: #ff7900;
  padding-left: 1rem;
}

li.i18n-link.i18n-link-not-found.i18n-link-fr img {
  display: inline;
}

.md-footer-copyright {
  color: #fff;
}

html .md-footer-meta.md-typeset a {
  color: #fff;
}

html .md-footer-meta.md-typeset a:focus,
html .md-footer-meta.md-typeset a:hover {
  color: #ff7900;
}

.md-footer-social__link {
  display: inline;
  width: auto;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.md-typeset a.md-footer-social__link {
  text-decoration: none;
}

.md-footer-meta__inner {
  display: inline-flex;
  /*padding-left: 2rem;*/
  margin-right: auto;
  margin-left: 3rem;
}

.md-footer-meta {
  background-color: #000;
}

.md-typeset ul {
  list-style-type: square;
}

.navbar-expand-lg .navbar-nav .nav-item {
  font-size: 0.7rem;
}

.navbar-expand-lg {
  padding-top: 0px;
}

.navbar-nav .nav-link {
  padding: 0.625rem 1.25rem;
}