/* basic faq */
.pfd-faq-list { margin-top: 10px; }
.pfd-faq-item { margin-bottom: 10px; }
.pfd-faq-question {
    width: 100%;
    text-align: left;
    padding: 10px 40px 10px 20px;
    border: 1px solid #000;
    background: transparent;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    transition: background-color 0.2s;
    text-transform: capitalize;
    color: #000;
}
.pfd-faq-question:hover { background-color: #000; color: #fff; }
.pfd-faq-question:focus { outline: none; }

/* Plus/Minus Icon */
.pfd-faq-question::after {
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    transition: transform 0.2s;
}

.pfd-faq-question.active::after {
    content: '−'; /* Minus sign */
}

.pfd-faq-answer {
    display: none;
    padding: 10px;
    border: 1px solid #e2e2e2;
    background: white;
    font-size: 15px;
    text-transform: capitalize;
    color: #202020;
}

/* popup overlay */
.pfd-faq-popup-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:99999; align-items:center; justify-content:center; }
.pfd-faq-popup { max-width:800px; width:94%;margin: 0 auto; max-height:85vh; overflow:auto; background:#fff; border-radius:6px; padding:40px 20px; box-shadow:0 10px 30px rgba(0,0,0,0.2); position:relative; }
.pfd-faq-popup .pfd-close
 {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    border: none;
    background: #f02;
    font-size: 20px;
    z-index: 9;
    color: #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

/* button */
.pfd-faq-btn {
    margin-top: 10px;
    margin: 10px 0px !important;
    background: var(--e-global-color-primary) !important;
    color: #fff !important;
}

/* lock body scroll while popup open */
.pfd-no-scroll { overflow:hidden !important; height:100% !important; }

/* small responsive tweaks */
@media (max-width:600px){
    .pfd-faq-popup { padding:12px; }
}