/* =========================
   Ingestia UI Theme (MVP)
   ========================= */

/* 1) Paleta base (ajuste aqui se quiser) */
:root {
  /* Brand */
  --ingestia-primary: #F04000; /* laranja */
  --ingestia-accent:  #E01010; /* vermelho */
  --ingestia-depth:   #A00010; /* vermelho escuro */

  /* UI neutrals (dark header "quase preto") */
  --ingestia-header-bg: #111316; /* <<<<< AQUI: seu cinza quase preto */
  --ingestia-header-fg: #EDEFF2; /* texto/ícones */
}

/* 2) Material tokens (primary/accent = custom) */
[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--ingestia-primary);
  --md-primary-fg-color--light: #FF6A2A;
  --md-primary-fg-color--dark: var(--ingestia-depth);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--ingestia-accent);
}

/* 3) Header (top bar) com cinza quase preto */
.md-header {
  background-color: var(--ingestia-header-bg) !important;
  color: var(--ingestia-header-fg) !important;
}

/* Ícones e botões no header */
.md-header__button,
.md-header__button .md-icon,
.md-header__title,
.md-header__topic {
  color: var(--ingestia-header-fg) !important;
}

/* Busca no header (campo e placeholder) */
.md-search__form {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
}

.md-search__input {
  color: var(--ingestia-header-fg) !important;
}

.md-search__input::placeholder {
  color: rgba(237, 239, 242, 0.65) !important;
}

/* 1) Centraliza TUDO no header verticalmente */
.md-header__inner {
  display: flex !important;
  align-items: center !important;
}

/* 2) Centraliza especificamente o botão do logo */
.md-header__button.md-logo {
  display: flex !important;
  align-items: center !important;
  height: var(--md-header-height) !important;
  padding: 0 0.6rem 0 0 !important;
}

/* 3) Ajuste do tamanho do logo */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 48px !important;
  width: auto !important;
}

/* 4) Micro-ajuste fino (PNG quase sempre precisa) */
.md-header__button.md-logo img {
  transform: translateY(2px) !important;  /* teste 1px, 2px ou 3px */
}
/* Um leve “pop” no logo (opcional, ajuda no contraste) */
.md-header__button.md-logo img {
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

/* 5) Links/hover do header com brand */
.md-header a:hover,
.md-header__button:hover {
  color: #FF6A2A !important;
}

/* 6) Sidebar (nav) – realçar item ativo com o accent */
.md-nav__link--active,
.md-nav__link--active:hover {
  color: var(--ingestia-accent) !important;
}

/* 7) Dark scheme: fundo bem escuro, mas não preto absoluto */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #212121;  /* 0E1012 */
  --md-default-fg-color: rgba(255, 255, 255, 0.87);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.6);
}

/* 8) Opcional: títulos um pouco mais “produto” */
.md-typeset h1 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Header: esconder o texto do site (evita duplicar com o wordmark) */
.md-header__title {
  visibility: hidden;
  width: 0;
  padding: 0;
  margin: 0;
}

/* mantém o espaço do header alinhado */
.md-header__button.md-logo {
  padding: 0 !important;
  margin-right: 0.6rem !important;
}

/* Logo no header: maior e com limite */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 40px;     /* aumente aqui (36–44 é o range bom) */
  width: auto;
}

/* opcional: deixa mais nítido no dark */
.md-header__button.md-logo img {
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
}


/* =========================================================
   Custom Footer – Ingestia (compact + subtle)
   ========================================================= */

/* Remove footer padrão */
.md-footer-meta__inner {
  display: none;
}

/* Base container */
.md-footer-meta {
  padding: 0.6rem 0;
  text-align: center;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  font-size: 0.75rem;
  letter-spacing: 0.3px;
}

/* Texto - Dark mode */
[data-md-color-scheme="slate"] .md-footer-meta::before {
  content: "Ingestia · Created by Adler Teodoro";
  color: rgba(255, 255, 255, 0.87) !important;;
}

/* Texto - Light mode */
[data-md-color-scheme="default"] .md-footer-meta::before {
  content: "Ingestia · Created by Adler Teodoro";
  color: rgba(255, 255, 255, 0.87) !important;;
}


/* =========================
   TEXT CONTRAST TUNING
   ========================= */

/* -------- DARK MODE -------- */
[data-md-color-scheme="slate"] {

  /* Sidebar title */
  .md-nav__title {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  /* H1 main title */
  .md-typeset h1 {
    color: rgba(255, 255, 255, 0.92) !important;
  }

  /* Table of contents title */
  .md-sidebar--secondary .md-nav__title {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* Footer */
  .md-footer-meta {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

/* -------- LIGHT MODE -------- */
[data-md-color-scheme="default"] {

  /* Sidebar title */
  .md-nav__title {
    color: rgba(0, 0, 0, 0.75) !important;
  }

  /* H1 */
  .md-typeset h1 {
    color: rgba(0, 0, 0, 0.85) !important;
  }

  /* TOC title */
  .md-sidebar--secondary .md-nav__title {
    color: rgba(0, 0, 0, 0.7) !important;
  }

  /* Footer */
  .md-footer-meta {
    color: rgba(0, 0, 0, 0.6) !important;
  }
}

/* =========================
   Ingestia Admonition (Under Development)
   ========================= */

/* Base (note) */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: #F04000 !important; /* laranja ingestia */
}

/* Título */
.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > .admonition-title {
  background-color: rgba(240, 64, 0, 0.12) !important;
  color: #F04000 !important;
}

/* Ícone */
.md-typeset .admonition.note > .admonition-title::before,
.md-typeset details.note > .admonition-title::before {
  background-color: #F04000 !important;
}

/* DARK */
[data-md-color-scheme="slate"] 
.md-typeset .admonition.note > .admonition-title {
  background-color: rgba(240, 64, 0, 0.18) !important;
}

/* LIGHT */
[data-md-color-scheme="default"] 
.md-typeset .admonition.note > .admonition-title {
  background-color: rgba(240, 64, 0, 0.08) !important;
}