/* ====================================
   EXTRA.CSS - Styles globaux PVsyst
   (Sans les styles pédagogiques)
   ==================================== */

/* ====================================
   Thème clair
   ==================================== */
[data-md-color-scheme="pvsyst-theme-light"] {
  --md-primary-fg-color: #009688;
  --md-typeset-a-color: #0d4e9b;
  --md-accent-fg-color: #146bd4;
  --md-default-fg-color--light: #202020;
  --md-typeset-kbd-color: #f7f7f7;
  --md-typeset-kbd-border-color: #ffffff;
  --md-typeset-kbd-accent-color: #dfdfdf;
  --md-typeset-kbd-border-line-color: #bbbbbb;
  --emphasis-color: #bf4d35;
  --md-title-color: #0d4e9b;
}

/* ====================================
   Thème sombre
   ==================================== */
[data-md-color-scheme="pvsyst-theme-dark"] {
  --md-primary-fg-color: #009688;
  --md-accent-fg-color: #74b4ff;
  --md-accent-fg-color--transparent: hsla(#163f6d, 0.1);
  --md-default-fg-color: #ebebeb;
  --md-default-fg-color--light: #ffffff;
  --md-typeset-color: #e2e2e2;
  --md-typeset-a-color: #85bdff;
  --md-typeset-kbd-color: #4b4b4b;
  --md-typeset-kbd-border-color: #383838;
  --md-typeset-kbd-accent-color: #303030;
  --md-typeset-kbd-border-line-color: #222222;
  --md-default-bg-color: #353538;
  --md-admonition-fg-color: #ffffff;
  --md-admonition-bg-color: #2b2b2b;
  --emphasis-color: #ff9079;
  --md-code-fg-color: #c1c1c1;
  --md-code-bg-color: #2b2b2b;
  --md-title-color: #a3c9f7;
}

/* ====================================
   Typographie générale
   ==================================== */
.md-typeset {
  font-size: 1.4em;
}

.md-typeset ol li,
.md-typeset ul li {
  margin-bottom: 5px !important;
}

.md-typeset p {
  text-align: justify;
}

.md-typeset h2 {
  color: var(--md-title-color);
}

.md-typeset h3 {
  color: var(--md-title-color);
  font-weight: 300;
}

.md-typeset a {
  text-decoration: underline;
  font-weight: 300;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 2px;
}

.md-typeset .footnote-ref {
  font-size: 0.90em;
  font-weight: 700;
}

.md-typeset code {
  padding: 0.2em 0.2941176471em 0.2em 0.2941176471em;
  word-break: keep-all;
}

em {
  font-style: normal !important;
  color: var(--emphasis-color) !important;
}

/* ====================================
   Tags
   ==================================== */
.md-tags {
  display: none !important;
}

/* ====================================
   Keys
   ==================================== */
span.keys {
  margin-left: 5px;
  margin-right: 5px;
}

.md-typeset kbd {
  padding: 2px 10px;
  margin-top: -2px;
  border: 1px solid var(--md-typeset-kbd-border-line-color);
}

/* ====================================
   Tooltips
   ==================================== */
.md-tooltip--inline {
  font-weight: 400;
  border: 1px solid #9d9d9d;
}

.md-tooltip--inline .md-tooltip__inner {
  font-size: 0.6rem;
}

/* ====================================
   Tables
   ==================================== */
.md-typeset th:empty {
  display: none;
}

/* ====================================
   Header & Logo
   ==================================== */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 37px !important;
  width: 37px !important;
}

/* ====================================
   Sidebar Navigation
   ==================================== */
.md-sidebar--primary .md-nav__item--active > a {
  font-weight: bold;
}

.md-sidebar--primary .md-nav__item--active > div.md-nav__link {
  font-weight: bold;
}

.md-sidebar--primary .md-nav__item--active > label.md-nav__link {
  font-weight: bold;
}

.md-sidebar--primary .md-nav__link:has(.md-nav__link--active) {
  background-color: #cdf5f1;
}

.md-sidebar--primary .md-nav__link--active {
  padding: 0.3em;
  background-color: #cdf5f1;
  color: #000000 !important;
  font-weight: normal !important;
  padding-left: 0.5em;
}

/* ====================================
   Math (arithmatex)
   ==================================== */
div.arithmatex {
  overflow: hidden !important;
}



/* ====================================
   Footer
   ==================================== */
.md-footer-meta {
  background-color: black;
}

/* ====================================
   TABS - FORCE VISIBLE ON MOBILE
   ==================================== */
@media screen and (max-width: 76.234375em) {
  html body .md-tabs {
    display: block !important;
  }
}