/* ═══════════════════════════════════════════════════════
   GigabAI — Custom Styles (Tailwind handles the rest)
   ═══════════════════════════════════════════════════════ */

/* ── Hero card hover lift ────────────────────────────── */
.hero-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hero-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* ── Scroll-triggered fade-in ────────────────────────── */
.fade-in {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Burger open animation ───────────────────────────── */
#burger-btn.open .burger-line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

#burger-btn.open .burger-line:nth-child(2) {
  opacity: 0;
}

#burger-btn.open .burger-line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ── Smooth scrollbar ────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

/* ── Dark mode toggle icon swap ──────────────────────── */
.dark #dark-toggle .material-symbols-outlined::before {
  content: 'light_mode';
}