/* Custom overrides for MFSQL Connector docs */

/* Furo theme branding (CSS variables) */
:root {
  --color-brand-primary: #00589e; /* legacy blue */
  --color-brand-content: #00589e;
  --color-link: #00589e;
  --color-link--hover: #0073cc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-brand-primary: #3ea2ff;
    --color-brand-content: #3ea2ff;
    --color-link: #66bfff;
    --color-link--hover: #9cd6ff;
  }
}

/* Logo sizing tweak (Furo places logo in sidebar header) */
.sidebar-logo, .sidebar-logo img { max-height: 80px; width: auto; }

/* Highlight admonition tweaks */
.admonition.note { border-left: 4px solid #1abc9c; }
.admonition.warning { border-left: 4px solid #e67e22; }

/* Top prev/next navigation (restored) */
.related-pages.top {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0 0 0.75rem 0;
}
.related-pages.top .prev-page,
.related-pages.top .next-page {
  flex: 1 1 0;
}
@media (max-width: 700px) {
  .related-pages.top {
    flex-direction: column;
  }
}

/* Optional: tighter vertical rhythm for bullet lists on landing page */
body[data-page="index"] .content ul { margin-bottom: 1.1rem; }

/* Tagline image styling under main heading */
.homepage-tagline { margin: 0.75rem 0 1.75rem 0; display:block; }
/* Large homepage logo */
.homepage-main-logo { margin: 0.25rem 0 2rem 0; display:block; }

/* Footer small logo sizing and alignment */
footer .footer-logo-small { max-height: 64px; width:auto; opacity:0.95; }
/* Furo already lays out footer left/right containers; ensure icons row has room */
.footer .right-details .icons { gap: 8px; }

/* Footer logo via CSS background; ensures correct path resolution from nested pages */
footer .icons .footer-logo .footer-logo-css {
  display:inline-block;
  width: 160px;  /* tweak as needed */
  height: 48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
footer .icons .footer-logo .footer-logo-css.only-light {
  background-image: url('../_static/logoMFSQL-black.png');
}
footer .icons .footer-logo .footer-logo-css.only-dark {
  background-image: url('../_static/logoMFSQL-white.png');
}

/* Removed optional secondary header logo; rely on theme logos */

/* No CSS content-swaps; we provide only-light/only-dark <img> variants in HTML */