/**
 * FAQ accordion icons on `acf/ukpi-industry` — reliable toggle without Tailwind `group-open`
 * (block editor iframe often mishandles variant rules on `<details>`).
 *
 * @package ukpi
 */

.ukpi-industry-block .ukpi-faq-toggle {
    position: relative;
    transition: background-color 300ms ease-out;
}

.ukpi-industry-block details:not([open]) .ukpi-faq-toggle {
    background-color: var(--color-ukpi-tint, #eee7ef) !important;
}

.ukpi-industry-block details[open] .ukpi-faq-toggle {
    background-color: var(--color-ukpi-purple, #632e62) !important;
}

.ukpi-industry-block .ukpi-faq-toggle img {
    width: 14px !important;
    height: 14px !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    display: block !important;
    object-fit: contain !important;
}

.ukpi-industry-block .ukpi-faq-icon--when-open {
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
}

.ukpi-industry-block details:not([open]) .ukpi-faq-icon--when-open {
    display: none !important;
}

.ukpi-industry-block details[open] .ukpi-faq-icon--when-closed {
    display: none !important;
}

.ukpi-industry-block details:not([open]) .ukpi-faq-icon--when-closed {
    display: block !important;
}

.ukpi-industry-block details[open] .ukpi-faq-icon--when-open {
    display: block !important;
}