/* Container Utama */
.faq-container { 
    max-width: 850px; 
    margin: 20px auto; 
    font-family: inherit;
}

/* Judul Sticky - Dibuat rendah agar masuk ke bawah menu */
.faq-container h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 90px; /* Jarak dari paling atas layar. Tambahkan jika masih menabrak menu */
    background: #ffffff; 
    z-index: 5; /* Angka kecil agar berada DI BAWAH menu navigasi */
    margin: 0;
    padding: 30px 0;
    text-align: center;
    color: #1d1d1f !important;
    font-weight: 700;
    border-bottom: 2px solid rgba(211, 47, 47, 0.1);
}

.faq-item { 
    border-bottom: 1px solid rgba(0,0,0,0.1); 
    background: transparent;
}

/* Tombol Pertanyaan */
.faq-btn {
    width: 100%; 
    padding: 22px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    background: transparent; 
    border: none; 
    cursor: pointer; 
    text-align: left;
    font-size: 18px; 
    font-weight: 600; 
    color: #1d1d1f !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2; /* Lebih rendah dari judul saat di-scroll */
}

.faq-btn:hover { 
    background: rgba(211, 47, 47, 0.05); 
}

.faq-btn.active { 
    color: #D32F2F !important; 
}

.faq-btn .arrow { 
    transition: transform 0.4s ease; 
    color: #D32F2F; 
    font-size: 14px;
}

.faq-btn.active .arrow { 
    transform: rotate(180deg); 
}

.faq-content { 
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}

.faq-text { 
    padding: 0 22px 25px 22px; 
    line-height: 1.8; 
    color: #555555; 
    font-size: 16px; 
}

/* --- FORCE HEADER MENU KE PALING DEPAN --- */
/* Nama class header tema Echo biasanya salah satu di bawah ini */
header, .header-area, .echo-header-area, .header-sticky {
    z-index: 9999 !important; /* Angka tertinggi agar tidak bisa ditembus judul FAQ */
}

/* --- DARK MODE SUPPORT --- */
[data-theme='dark'] .faq-container h2 {
    background: #111111 !important; 
    color: #ffffff !important;
}

[data-theme='dark'] .faq-item {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

[data-theme='dark'] .faq-btn {
    color: #ffffff !important;
}

[data-theme='dark'] .faq-text {
    color: #cccccc !important;
}