/* RecoveryGods docs — DA sombre/or (aligne le thème Material sur la marque) */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700&display=swap');

:root {
  --md-primary-fg-color:        #E9A23B;
  --md-primary-fg-color--light: #F6C36B;
  --md-primary-fg-color--dark:  #0A0D15;
  --md-accent-fg-color:         #F6C36B;
}

/* Palette sombre = surfaces/texte RecoveryGods */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:            #0A0D15;
  --md-default-fg-color:            #EDEFF5;
  --md-default-fg-color--light:     #99A0B2;
  --md-default-fg-color--lighter:   #6a7180;
  --md-default-fg-color--lightest:  rgba(242, 240, 234, .09);
  --md-code-bg-color:               #121828;
  --md-code-fg-color:               #EDEFF5;
  --md-typeset-a-color:             #E9A23B;
  --md-footer-bg-color:             #070910;
  --md-footer-bg-color--dark:       #070910;
}

/* Header / tabs / footer */
.md-header,
.md-tabs { background-color: #0A0D15; }
.md-header { border-bottom: 1px solid rgba(242, 240, 234, .09); }

/* Titre du header cliquable → accueil */
.rg-title-link { color: inherit; display: inline-block; }
.rg-title-link:hover { color: #F6C36B; }

/* Boutons header : Store (or contour) + Discord (blurple) */
.md-header__rgbtns { display: flex; align-items: center; gap: 10px; margin: 0 14px 0 8px; }
.rg-hbtn {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 15px; border-radius: 99px;
  font-size: 13.5px; font-weight: 500; letter-spacing: .01em; white-space: nowrap;
  color: #EDEFF5; background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(233, 162, 59, .45);
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.rg-hbtn:hover { background: rgba(233, 162, 59, .16); border-color: #E9A23B; color: #F6C36B; transform: translateY(-1px); }
.rg-hbtn svg { flex: none; opacity: .95; }
.rg-hbtn--discord { background: #5865F2; border-color: #5865F2; color: #fff; }
.rg-hbtn--discord:hover { background: #4752c4; border-color: #4752c4; color: #fff; }
/* icône de recherche/langue : un peu d'air à gauche */
.md-header__option { margin-left: 2px; }
/* écran étroit : icônes seules, puis masquage pour ne pas surcharger le header */
@media (max-width: 66em) { .md-header__rgbtns .rg-hbtn span { display: none; } .rg-hbtn { padding: 0 10px; gap: 0; } }
@media (max-width: 48em) { .md-header__rgbtns { display: none; } }

/* Sélecteur de langue : drapeaux */
.rg-lang-link { display: flex !important; align-items: center; gap: 10px; }
.rg-flag { flex: none; display: inline-flex; width: 22px; height: 15px; }
.rg-flag svg { width: 22px; height: 15px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); display: block; }
.md-select__list { padding: 4px; }
.md-select__item { margin: 0; }

/* Titres en Unbounded, accent or sur le H1 */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 { font-family: 'Unbounded', 'Outfit', sans-serif; font-weight: 600; }
.md-typeset h1 { color: #F6C36B; letter-spacing: -.01em; }

/* Liens */
.md-typeset a { color: #E9A23B; }
.md-typeset a:hover { color: #F6C36B; }

/* Navigation latérale */
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover { color: #E9A23B; }

/* Surfaces (recherche, cartes, admonitions) */
.md-search__form { background-color: #121828; border: 1px solid rgba(242, 240, 234, .12); border-radius: 10px; }
.md-search__form:hover { background-color: #141b2b; }
.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  border-left-width: 3px;
  background: #121828;
}
.md-typeset .admonition.note,
.md-typeset details.note { border-color: #E9A23B; }
.md-typeset .admonition-title { background: rgba(233, 162, 59, .1); }

/* Boutons (attr_list .md-button) en or */
.md-typeset .md-button {
  border-radius: 10px;
  border-color: rgba(242, 240, 234, .18);
}
.md-typeset .md-button--primary {
  background: linear-gradient(180deg, #F6C36B, #E9A23B);
  color: #241502;
  border: none;
}
.md-typeset .md-button--primary:hover { filter: brightness(1.05); }

/* Tables lisibles sur fond sombre */
.md-typeset table:not([class]) { border: 1px solid rgba(242, 240, 234, .09); border-radius: 10px; overflow: hidden; }
.md-typeset table:not([class]) th { background: #121828; color: #EDEFF5; }