@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Playfair Display', Georgia, Cambria, serif;
}
body { font-family: var(--font-sans); }
.font-serif { font-family: var(--font-serif); }

.pb-safe { padding-bottom: env(safe-area-inset-bottom, 16px); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }

/* Simple fade/slide-in for dropdown menus (replaces tailwindcss-animate) */
@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-dropdown { animation: fadeSlideIn 0.15s ease-out; }

/* Line clamp utilities (Tailwind CDN includes these, kept as fallback) */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* FAQ accordion content */
.faq-answer { display: none; }
.faq-item.open .faq-answer { display: block; }
.faq-item.open .faq-chevron { transform: rotate(180deg); color: #f59e0b; }

/* Mobile nav drawer */
#mobile-nav-drawer { display: none; }
#mobile-nav-drawer.open { display: flex; }

/* Loans dropdown (desktop) */
#loans-dropdown-menu { display: none; }
#loans-dropdown-wrap:hover #loans-dropdown-menu,
#loans-dropdown-menu.open { display: block; }

.hidden-important { display: none !important; }