/* Custom styles enhancing Tailwind CSS variables */
:root {
    --font-jakarta: 'Plus Jakarta Sans', sans-serif;
}

body {
    font-family: var(--font-jakarta);
}

/* Custom shadow effects */
.shadow-premium {
    box-shadow: 0 4px 30px rgba(16, 42, 67, 0.03);
}

/* Custom interactive smooth scroll behaviors */
html {
    scroll-padding-top: 5rem; /* Matches sticky header height */
}

/* CSS Accordion details styling smooth height change */
.faq-content {
    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

.faq-item.active .faq-content {
    max-height: 500px;
    transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}

/* Adjust layout bottom margin for mobile sticky bar */
@media (max-width: 1023px) {
    body {
        padding-bottom: 74px; /* Ensure footer/content isn't covered by the bottom bar */
    }
}