/* Support page specific styles */

/* FAQ Accordion */
.faq-item button {
    transition: color 0.2s ease;
}

.faq-item button:hover {
    color: #ea580c; /* orange-600 */
}

.faq-item button:focus {
    outline: none;
}

.faq-item button svg {
    transition: transform 0.2s ease;
}

.faq-item.active button svg {
    transform: rotate(180deg);
}

.faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
    max-height: 500px; /* Adjust based on content */
}

/* Support option cards */
.support-option {
    transition: all 0.3s ease;
}

.support-option:hover {
    transform: translateY(-4px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .support-grid {
        grid-template-columns: 1fr;
    }
}