/* ============================================================
 * style.css — Advocate Panchanand Shaw
 * Minimal custom styles on top of Tailwind CDN
 * ============================================================ */

/* Fonts already loaded via Google Fonts in header */

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

/* FAQ accordion */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.faq-open .faq-answer {
    max-height: 600px;
}
.faq-open .faq-toggle {
    transform: rotate(180deg);
}

/* Hero gradient */
.hero-gradient {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1e40af 100%);
}

/* Card hover effect */
.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Mobile sticky CTA */
@media (max-width: 767px) {
    .mobile-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
    }
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #1e3a5f;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .mobile-cta,
    #mobile-menu,
    #back-to-top,
    .sticky {
        display: none !important;
    }
}