/* Container Stijlen */
.brita-faq-accordion-container {
    max-width: 800px; /* Pas aan indien nodig */
    margin: 20px auto;
}

/* Item Stijlen */
.brita-faq-accordion-container .accordion-item {
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden; 
}

/* Header Stijlen (Vraag) */
.brita-faq-accordion-container .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    
    position: relative; 
    z-index: 5;
}

.brita-faq-accordion-container .accordion-header h3 {
    font-size: 18px;
    font-weight: 600;
	/* FIX: Voegt een extra veilige fallback toe */
	font-family: "Gotham", Arial, Sans-serif; 
	margin-top: 5px;
    margin-bottom: 0; 
}

/* Stijl voor de 'open' header */
.brita-faq-accordion-container .accordion-item.open .accordion-header {
    background-color: #5CDAF9; 
    color: #00569d; 
}

/* Stijl voor de 'dicht' header */
.brita-faq-accordion-container .accordion-item.closed .accordion-header {
    background-color: #D4F2FD; 
    color: #00569D;
}

/* SVG Icoon Placeholder Stijlen */
.brita-faq-accordion-container .accordion-icon-placeholder {
    display: block; 
    width: 20px; 
    height: 20px;
    line-height: 0; 
    flex-shrink: 0; 
}

.brita-faq-accordion-container .accordion-icon-placeholder svg {
    width: 20px;
    height: 20px;
    display: block;
}


/* Content Stijlen (Antwoord) */
.brita-faq-accordion-container .accordion-content {
    background-color: #5CDAF9; 
    color: #333;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;

    position: relative;
    z-index: 8; 
}

.brita-faq-accordion-container .accordion-content p {
    margin: 0; 
	/* FIX: Voegt een extra veilige fallback toe */
	font-family: "Gotham", Arial, Sans-serif;
}

.brita-faq-accordion-container .accordion-content p:not(:last-child) {
    margin-bottom: 10px; 
}

/* === DEFINITIEVE FIX VOOR LINK KLIKBAARHEID (Behoud deze!) === */
/* Zorgt ervoor dat alle elementen binnen de content klikbaar zijn en niet worden genegeerd */
.brita-faq-accordion-container .accordion-content * {
    pointer-events: auto !important;
}

/* Zorgt ervoor dat de links een duidelijke cursor hebben */
.brita-faq-accordion-container .accordion-content a {
    cursor: pointer !important;
		font-family: Arial, Sans-serif;
	line-height: 1;
	color: #00569D;
	text-decoration: underline 1px;
}

/* Zorg er absoluut voor dat de content boven alles ligt */
.brita-faq-accordion-container .accordion-content {
    z-index: 8 !important;
    position: relative !important;
}