/* humster.club / InvestClub amber override (was purple) */
:root {
  --color-accent: #F59E0B !important;
  --color-accent-hover: #D97706 !important;
  --color-heading: #e2e2f0 !important;
  --sidebar-bg: #0F0F17 !important;
  --header-bg: rgba(10,10,16,.95) !important;
}

/* InvestClub link in header right — mirrors header-logo */
.header-investclub {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  color: #e2e2f0 !important;
  text-decoration: none !important;
  font-family: var(--font, 'IBM Plex Sans', system-ui, sans-serif) !important;
}

/* Text "InvestClub" on the left */
.header-investclub::before {
  content: "InvestClub";
  font-size: 15px;
  font-weight: 600;
  color: #e2e2f0;
}

/* Animated hamster on the right (mirrored) */
.header-investclub::after {
  content: "🐹";
  font-size: 20px;
  display: inline-block;
  animation: hamsterBounce 2s ease-in-out infinite;
  animation-delay: -1s;
}

.header-investclub:hover::before {
  color: #FCD34D;
}
.header-investclub:hover::after {
  animation: hamsterSpin 0.6s ease-in-out infinite;
}

/* Show header-right when it has InvestClub link */
.header-right:has(.header-investclub) {
  display: flex !important;
}

/* Sidebar active link — purple */
.sidebar a.active,
.nav-item a.active,
[data-astro-cid-ssfzsv2f] a.active {
  color: #FCD34D !important;
  border-left-color: #F59E0B !important;
  background: rgba(245,158,11,.08) !important;
}
.nav-item a:hover,
[data-astro-cid-ssfzsv2f] .nav-item a:hover {
  color: #e2e2f0 !important;
  border-left-color: #F59E0B !important;
  background: rgba(245,158,11,.05) !important;
}

/* Content links — purple */
.content-main a, .content-area a {
  color: #FCD34D !important;
}
.content-main a:hover, .content-area a:hover {
  color: #FDE68A !important;
}

/* TOC active — purple */
.toc-list a.active {
  color: #e2e2f0 !important;
  border-left-color: #F59E0B !important;
}

/* Section titles */
.nav-section-title {
  color: #8b8ba0 !important;
}
.nav-icon {
  color: #FCD34D !important;
}

/* Code blocks */
pre, code {
  border-color: rgba(245,158,11,.2) !important;
}

/* Header background */
.header, [data-astro-cid-ssfzsv2f].header {
  background: rgba(10,10,16,.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #2A2A3A !important;
}

/* Sidebar background */
.sidebar, nav.sidebar, nav[data-astro-cid-ssfzsv2f] {
  background: #0F0F17 !important;
  border-right: 1px solid #2A2A3A !important;
}

/* ===== HIDE ELEMENTS ===== */

/* Auth overlay (Telegram login) */
#auth-overlay {
  display: none !important;
}

/* Hide "Купить подписку Claude" nav link + parent li */
a[href*="kupiclaude"],
li:has(> a[href*="kupiclaude"]) {
  display: none !important;
}

/* Hide partner program link + parent li */
a[href*="galson.pro/partners"],
li:has(> a[href*="galson.pro/partners"]) {
  display: none !important;
}

/* NOTE 2026-04-11: Раньше здесь скрывались Шаблоны и Эфиры через :has(a[href*="/templates/"])
   потому что в этих секциях были только заглушки «Скоро...». Сейчас Шаблоны наполнены
   реальными ссылками — раздел должен быть виден. Эфиры всё ещё placeholder, но тоже оставляем. */

/* Fix: контент не должен прятаться под фиксированный header.
   .content-area имеет padding:2rem (32px), а header высотой 56px — не хватает 24px. */
.content-area {
  padding-top: calc(var(--header-height, 56px) + 1.5rem) !important;
}

/* Footer copyright — override on inner pages */
.footer-bottom span {
  font-size: 0 !important;
}
.footer-bottom span::after {
  content: "© 2026 InvestClub";
  font-size: 12px;
  color: #5a5a70;
}

/* Hide header profile/theme/login buttons */
.header-actions,
.user-dropdown,
.user-menu,
[data-astro-cid-3ef6ksr2].user-menu,
button.theme-toggle,
a.login-btn,
a.btn-login,
#auth-btn,
#tg-login-wrap,
a[href*="login"],
.header-right {
  display: none !important;
}

/* Hide support bot link in header */
a[href*="galsonproAIbot"] {
  display: none !important;
}

/* Footer: hide social column and galson links */
.footer-social,
.footer-col:has(.social-icons),
a[href*="galsonproai"],
a[href*="instagram.com/galson"],
a[href*="youtube.com/@galson"],
a[href*="threads.net/@maxim"] {
  display: none !important;
}

/* Footer: hide "Чат участников" and "Поддержка" galson bot links */
a[href*="t.me/+"],
a[href*="galsonproAIbot"] {
  display: none !important;
}

/* Footer tagline styling */

/* Footer logo styling */

/* Hide social icons in footer */
.footer-social, .social-links, .social-icons {
  display: none !important;
}

/* Hide "Чат участников" links */
a[href*="t.me/+"] {
  display: none !important;
}

/* Logo — Hamster AI brand with animated hamster */
.logo a, a.logo, [data-astro-cid-ssfzsv2f] .logo a,
a[href="/aiclub/"].header-logo {
  color: #e2e2f0 !important;
  font-family: var(--font, 'IBM Plex Sans', system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Home button — keep original styling, no pseudo-elements */
.header-home {
  font-size: 15px !important;
  opacity: .6;
}

/* Animated hamster */
a[href="/aiclub/"].header-logo::before {
  content: "🐹";
  font-size: 20px;
  display: inline-block;
  animation: hamsterBounce 2s ease-in-out infinite;
}

a[href="/aiclub/"].header-logo:hover::before {
  animation: hamsterSpin 0.6s ease-in-out infinite;
}

/* Text */
a[href="/aiclub/"].header-logo::after {
  content: "Hamster AI";
  font-size: 15px;
  font-weight: 600;
  color: #e2e2f0;
}

@keyframes hamsterBounce {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  20% { transform: translateY(-3px) rotate(-8deg); }
  40% { transform: translateY(0) rotate(0deg); }
  60% { transform: translateY(-2px) rotate(6deg); }
  80% { transform: translateY(0) rotate(0deg); }
}

@keyframes hamsterSpin {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(20deg) scale(1.2); }
  100% { transform: rotate(0deg) scale(1); }
}

/* Blockquote accent — purple */
blockquote {
  border-left-color: #F59E0B !important;
}

/* Copy button accent */
.copy-btn:hover {
  color: #F59E0B !important;
}

/* Hide duplicate right-side TOC (the inline 220px div added alongside toc-aside) */
div[style*="width:220px"] {
  display: none !important;
}

/* iOS Safari notch / Dynamic Island — учитываем safe-area-inset чтобы header
   не залезал под вырез и контент сверху не обрезался. */
@supports (padding: env(safe-area-inset-top)) {
  .header {
    padding-top: env(safe-area-inset-top) !important;
    height: calc(var(--header-h, 56px) + env(safe-area-inset-top)) !important;
  }
  .page-wrapper {
    margin-top: calc(var(--header-h, 56px) + env(safe-area-inset-top)) !important;
  }
  .sidebar {
    padding-top: calc(env(safe-area-inset-top) + 16px) !important;
  }
}
@media (max-width: 768px) {
  .content-area {
    padding-top: 24px !important;
  }
}