/* =============================================================
   LiGaMu — Electric Accent (Level Sedang)
   Aksen vibrant elegan di atas basis hijau #1B4D3E + gold #D4A574.
   Di-load PALING AKHIR agar menimpa dengan aman. Tidak mengganti
   warna dasar — hanya menambah "nyala" pada elemen interaktif.
   ============================================================= */

:root {
  --elec-emerald: #10b981;
  --elec-emerald-deep: #059669;
  --elec-glow: rgba(16, 185, 129, .35);
  --elec-brand: #1B4D3E;
  --elec-gold: #D4A574;
  --elec-ai: #7C3AED;
  --elec-ai-glow: rgba(124, 58, 237, .32);
}

/* ---------- Tombol Primary: gradient hidup + glow ---------- */
.btn-primary {
  background: linear-gradient(135deg, #1B4D3E 0%, #154035 45%, #0f7a5a 130%) !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(27, 77, 62, .25);
  transition: transform .18s ease, box-shadow .25s ease, filter .2s ease;
  position: relative;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px var(--elec-glow), 0 4px 12px rgba(27,77,62,.3);
  filter: brightness(1.05);
}
.btn-primary:active { transform: translateY(0); }

/* ---------- Tombol Outline: hover nyala emerald ---------- */
.btn-outline {
  transition: border-color .2s ease, color .2s ease, box-shadow .25s ease, transform .18s ease;
}
.btn-outline:hover {
  border-color: var(--elec-emerald) !important;
  color: var(--elec-emerald-deep) !important;
  box-shadow: 0 4px 14px var(--elec-glow);
  transform: translateY(-2px);
}

/* ---------- Search submit (katalog & hero) ---------- */
.search-submit, .catalog-searchbox button {
  background: linear-gradient(135deg, #1B4D3E 0%, #0f7a5a 130%) !important;
  transition: filter .2s ease, box-shadow .25s ease, transform .18s ease;
}
.search-submit:hover, .catalog-searchbox button:hover {
  filter: brightness(1.08);
  box-shadow: 0 6px 18px var(--elec-glow);
  transform: translateY(-1px);
}

/* ---------- Badge AI: glow ungu futuristik + shimmer ---------- */
.badge-ai, .quick-card-ai .quick-icon {
  position: relative;
  background: linear-gradient(120deg, rgba(124,58,237,.12), rgba(124,58,237,.06)) !important;
  border: 1px solid rgba(124,58,237,.25);
  box-shadow: 0 0 0 0 var(--elec-ai-glow);
  animation: elecAiPulse 3s ease-in-out infinite;
}
@keyframes elecAiPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(124,58,237,0); }
  50%      { box-shadow: 0 0 14px 1px var(--elec-ai-glow); }
}

/* ---------- Section link (Lihat semua →) : panah meluncur ---------- */
.section-link { transition: color .2s ease; }
.section-link i { transition: transform .2s ease; }
.section-link:hover { color: var(--elec-emerald-deep); }
.section-link:hover i { transform: translateX(4px); }

/* ---------- Kartu umum: hover lift + glow tepi ---------- */
.card-hover, .feature-card {
  transition: transform .25s ease, box-shadow .3s ease, border-color .25s ease;
}
.card-hover:hover, .feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(27,77,62,.16);
  border-color: rgba(16,185,129,.35);
}

/* ---------- Feature icon: gradient lembut + nyala saat hover kartu ---------- */
.feature-icon {
  background: linear-gradient(135deg, rgba(16,185,129,.14), rgba(27,77,62,.10)) !important;
  color: var(--elec-brand) !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.feature-card:hover .feature-icon {
  transform: scale(1.08) rotate(-3deg);
  box-shadow: 0 6px 16px var(--elec-glow);
}

/* ---------- Hero: aksen gradien lebih kaya di belakang ---------- */
.hero {
  position: relative;
  background: radial-gradient(120% 120% at 80% 0%, #1f5848 0%, #1B4D3E 45%, #143a2f 100%) !important;
}
.hero .accent {
  background: linear-gradient(100deg, var(--elec-gold), #e8c79a);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Search chip (AI hint) ---------- */
.search-chip {
  transition: background .2s ease, box-shadow .25s ease, transform .18s ease;
}
.search-chip:hover {
  box-shadow: 0 4px 14px var(--elec-ai-glow);
  transform: translateY(-1px);
}

/* ---------- Stat value: angka dengan sedikit gradient ---------- */
.stat-value {
  background: linear-gradient(135deg, #1B4D3E, #0f7a5a);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Nav link aktif: garis bawah nyala ---------- */
.nav-link { position: relative; }
.nav-link.active::after {
  content: ''; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px;
  background: linear-gradient(90deg, var(--elec-emerald), var(--elec-gold));
  border-radius: 2px;
}

/* ---------- Tombol "Tanya LiGa" floating: glow lembut ---------- */
.chat-fab, [class*="chat-widget"] button, .chat-toggle {
  box-shadow: 0 6px 20px var(--elec-glow) !important;
}

/* ---------- Aksesibilitas: hormati prefers-reduced-motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .badge-ai, .quick-card-ai .quick-icon { animation: none; }
  .btn-primary, .btn-outline, .card-hover, .feature-card,
  .search-submit, .search-chip { transition: none; }
}