/* ============================================
   Fix: Navbar overlapping content on all pages
   ============================================ */

/* Fix for non-home pages - content starts under the fixed navbar */
.td-default .td-main {
  padding-top: 4.5rem !important;
}

/* Ensure home page (which uses td-home) is not affected */
.td-home .td-main {
  padding-top: 0 !important;
}

/* Fix for mobile devices */
@media (max-width: 767.98px) {
  .td-default .td-main {
    padding-top: 3.5rem !important;
  }
}

/* 调整 Docs 主题顶部导航 Logo 大小 */
.navbar-brand img {
  height: 50px;  /* 调整你想要的高度 */
  width: auto;   /* 保持宽高比 */
}

/* ============================================
   AI Demo Button — eye-catching gradient CTA
   ============================================ */
.btn-ai-demo {
  background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4) !important;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease !important;
}

.btn-ai-demo:hover {
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.6) !important;
  color: #fff !important;
}

.btn-ai-demo::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-25deg);
  transition: left 0.5s ease;
}

.btn-ai-demo:hover::before {
  left: 125%;
}