/**
 * Specjalny fix dla stylów FAQ na stronach /migracja i /kontakt
 * Wymusza poprawne style i animacje dla akordeonu FAQ
 */

/* Specjalne selektory dla stron migracji i kontaktu */
body.page-migracja .faq-answer,
body.page-kontakt .faq-answer {
    transition: max-height 0.3s ease-out, height 0.3s ease-out, 
                padding 0.3s ease-out, opacity 0.2s ease-out !important;
    will-change: max-height, height, padding, opacity;
    overflow: hidden !important;
}

/* Zapewnij, że wszystkie elementy są prawidłowo zresetowane */
body.page-migracja .faq-item:not(.active) .faq-answer,
body.page-kontakt .faq-item:not(.active) .faq-answer {
    max-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

/* Zapewnij, że aktywne elementy są prawidłowo wyświetlane */
body.page-migracja .faq-item.active .faq-answer,
body.page-kontakt .faq-item.active .faq-answer {
    max-height: 1000px !important; /* Zostanie dynamicznie zmienione przez JS */
    height: auto !important;
    padding: var(--spacing-lg) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Zapewnij poprawną rotację ikony */
body.page-migracja .faq-item .faq-question i,
body.page-kontakt .faq-item .faq-question i {
    transition: transform 0.3s ease !important;
}

body.page-migracja .faq-item.active .faq-question i,
body.page-kontakt .faq-item.active .faq-question i {
    transform: rotate(180deg) !important;
}

/* Dodatkowe style dla lepszej animacji */
body.page-migracja .faq-item.active,
body.page-kontakt .faq-item.active {
    box-shadow: var(--shadow-md);
}

/* Zwiększ specyficzność dla problematycznych elementów */
body.page-migracja .faq-section .faq-wrapper .faq-item .faq-answer,
body.page-kontakt .faq-section .faq-wrapper .faq-item .faq-answer {
    display: block !important;
}