/* === InvestLens tokens === */
:root{
  --bg:#ffffff;
  --bg-2:#f8fafc;
  --rule:#e2e8f0;
  --ink:#1e293b;
  --muted:#64748b;

  --navy:#0c2340;          /* footer/header navy */
  --navy-2:#08192d;        /* hover/active navy */
  --orange:#FF7C48;        /* Invest orange */
  --orange-2:#FF6217;      /* hover orange */
  --shadow:0 6px 18px rgba(15,23,42,.08);

  /* Material for MkDocs mappings */
  --md-default-bg-color: var(--bg);
  --md-default-fg-color: var(--ink);
  --md-default-fg-color--light: var(--muted);

  /* Make header/nav (primary) navy like footer */
  --md-primary-fg-color: var(--navy);
  --md-primary-fg-color--dark: var(--navy-2);

  /* Accents (links, highlights) stay on-brand */
  --md-accent-fg-color: var(--orange);
  --md-accent-fg-color--transparent: rgba(255,124,72,.12);
  --md-typeset-a-color: #2668ff; /* readable InvestLens blue links */
}

/* === Typography === */
body, .md-typeset{
  font-family:"Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height:1.55;
}
.md-typeset h1{ letter-spacing:.2px; }
.md-typeset h2, .md-typeset h3{ letter-spacing:.15px; }

/* === Header / Tabs: navy like footer === */
.md-header,
.md-tabs{
  background: var(--navy) !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.md-header__title,
.md-header__button,
.md-tabs__link,
.md-tabs__item,
.md-header a{
  color:#fff !important;
}
.md-tabs__link:hover{ opacity:.9; }

/* Search */
.md-search__input{
  background: rgba(255,255,255,.12) !important;
  color:#fff !important;
}
.md-search__input::placeholder{ color: rgba(255,255,255,.75) !important; }

/* === Rules / subtle UI === */
.md-typeset hr{ border-color: var(--rule); }
.md-content__inner,
.md-sidebar__scrollwrap{
  scrollbar-color: rgba(100,116,139,.35) transparent;
}

/* === Links === */
.md-typeset a:hover{
  color: var(--navy-2);
}

/* === Buttons: Material’s .md-button === */
.md-typeset .md-button{
  border-radius:999px;
  font-weight:700;
  letter-spacing:.2px;
  border:1px solid var(--rule);
  box-shadow:none;
}
.md-typeset .md-button--primary{
  background: var(--navy);
  border-color: var(--navy);
  color:#fff;
}
.md-typeset .md-button--primary:hover{
  background: var(--navy-2);
  border-color: var(--navy-2);
}

/* Optional: nice “panel” feel */
.md-typeset .admonition,
.md-typeset details{
  border-radius:14px;
  border-color: var(--rule);
  box-shadow: var(--shadow);
}

/* Code blocks */
.md-typeset pre > code{
  border:1px solid var(--rule);
  border-radius:12px;
  box-shadow: var(--shadow);
}

/* ===== Kill Material footer chrome so YOUR footer can exist ===== */
.md-footer { background: transparent; padding: 0; }
.md-footer__inner { max-width: none; padding: 0; }
.md-footer-nav { display: none !important; }    /* prev/next */
.md-footer-meta { display: none !important; }   /* “Made with…” etc */

/* helper used by footer markup */
.container { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

/* Force footer typography */
.footer, .footer * {
  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Arial !important;
}

/* ----------------- Footer ----------------- */
.footer { width: 100%; }

.brand-row{ display:flex; gap:8px; align-items:center; }
.footer h4, .footer h5 { margin:0 0 10px; color:#fff; }
.footer ul{ list-style:none; margin:0; padding:0; }
.footer .muted{ color:#d4dee2 !important; }

/* Footer: deep navy band */
.footer{
  background: var(--navy) !important;
  color:#fff !important;
  border-top:none !important;
  padding-top:2.5em !important;
  padding-left:2.5em !important;
  padding-right:2.5em !important;
  padding-bottom:.5em !important;
}
.footer-inner { max-width: 1100px; margin:0 auto; padding:0 20px; }

.footer-cols{
  display:grid;
  grid-template-columns: 1.4fr 0.9fr 0.9fr auto;
  gap:40px;
  align-items:start;
}
.footer-cols > div:last-child{ justify-self:end; }

.footer a{ color:#e6edf5 !important; text-decoration:none; }
.footer a:hover{ color: var(--orange) !important; } /* visible hover on navy */

/* copyright full width */
.footer .copyright{
  grid-column:1 / -1;
  text-align:center;
  margin-top:30px;
  color: rgba(255,255,255,.7);
  font-size:.9rem;
}

/* ================= FOOTER badge sizing ================= */
/* Match marketing sizing: fixed, predictable */
.footer{ --footer-badge-h: 56px; }   /* tweak to taste: 52–60px is usually right */

.footer{
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.footer .copyright{
  font-size: 14px !important;
  margin-top: 18px !important;
}


.footer .brand-row{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
}
.footer .partner-badge{ display:inline-flex; align-items:center; line-height:0; }
.footer .partner-badge img,
.footer .partner-badge svg{
  display:block;
  height:var(--footer-badge-h);
  width:auto;
  border:0; box-shadow:none; outline:0;
}
.footer .brand-row > svg{
  height:calc(var(--footer-badge-h) * 0.95);
  width:auto;
  flex:0 0 auto;
}
.footer .brand-row strong{
  font-size:calc(var(--footer-badge-h) * 0.42);
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  letter-spacing:.2px;
}

/* mobile footer layout */
@media screen and (max-width: 40em){
  .footer .footer-inner{ padding:0 16px; }
  .footer-cols{
    grid-template-columns:1fr;
    column-gap:8px;
    row-gap:10px;
  }
  .footer-cols > div:last-child{ justify-self:stretch; }
}
@media (max-width:640px){
  .footer{ --footer-badge-h:44px; }
  .footer .brand-row{ flex-wrap:wrap; }
  .footer .partner-badge{ margin-top:6px; margin-left:36px; }
}

/* ===== Brand styling (works in header AND footer) ===== */
/* Orange "Invest" */
.accent{
  color: var(--orange) !important;
}

/* Blue gradient "Lens" */
.accent-text{
  background: linear-gradient(90deg, #60A5FA, #3B82F6) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* If your theme tries to force header title colors, this wins */
.md-header .accent{ color: var(--orange) !important; }
.md-header .accent-text{
  background: linear-gradient(90deg, #60A5FA, #3B82F6) !important;
  -webkit-background-clip: text !important;
  background-clip:text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.il-login-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-left: .4rem;
  padding: 8px 16px;            /* smaller */
  font-size: .82rem;            /* smaller text */
  font-weight: 600;
  line-height: 1;

  background-color: #FF7C48;
  color: #fff !important;
  border: 1px solid #FF7C48;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.10);
  text-decoration: none;

  min-width: 0;                /* remove the huge width */
  transition: background-color .2s ease, border-color .2s ease, transform .02s ease;
}

.il-login-btn:hover,
.il-login-btn:active{
  background-color: #FF6217;
  border-color: #FF6217;
}

.il-login-btn:active{ transform: translateY(1px); }

.il-login-btn:focus-visible{
  outline: 2px solid rgba(255, 124, 72, .45);
  outline-offset: 2px;
}


/* Don’t hog the whole header on tiny screens */
@media (max-width: 480px){
  .il-login-btn{
    min-width: auto;
    padding: 8px 12px;
  }
}