/* assets/css/help.css */

/* Hero adjustments */
.faq-search-input:focus {
    box-shadow: 0 10px 25px -5px rgba(0, 122, 100, 0.15), 0 8px 10px -6px rgba(0, 122, 100, 0.15) !important;
}

#faqSearch.custom-input {
    background-color: #ffffff !important;
    color: #1e293b !important;
    border-radius: 1rem !important; /* rounded-2xl */
    border: 1px solid #cbd5e1 !important;
}

#faqSearch.custom-input:focus {
    border-color: #007a64 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 122, 100, 0.15), 0 8px 10px -6px rgba(0, 122, 100, 0.15) !important;
}

/* Tab filter styles */
.filter-tab {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 9999px;
}

.filter-tab.active {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-color: #1e293b !important;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.15);
}

/* FAQ Item refinements */
.faq-item {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-color: #e2e8f0;
}

.faq-item:hover {
    border-color: #cbd5e1;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, 0.04), 0 3px 7px -3px rgba(0, 0, 0, 0.05);
}

.faq-item.collapse-open, 
.faq-item:focus-within {
    border-color: #007a64 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 122, 100, 0.05), 0 4px 6px -4px rgba(0, 122, 100, 0.05);
}

/* Custom indicator icon rotation speed */
.faq-item .collapse-title::after {
    transition: transform 0.25s ease-out;
}