
/******************************************** versione dark ******************************/
#faq { margin: 30px 0 250px; }
.faq-text { max-width: 100%; margin: auto; margin-bottom: 20px; font-size: 20px; max-width: none; }
.faq-title { 
    color: #fff; 
    font-weight: 400; 
    box-sizing: border-box; 
    font-size: 21px; 
    cursor: pointer; 
    padding: 10px 40px 10px 3%; 
    margin-top: 10px; 
    background-color: #2f3136; 
    position: relative; 
    max-width: none; 
}
.faq-title img.arrow-icon { 
    filter: brightness(0) invert(1); 
    width: auto; 
    height: 23px; 
    position: absolute; 
    right: 15px; 
    top: 0; 
    transition: transform 0.3s ease; 
    transform: translateY(50%); 
}
.faq-title img.arrow-icon.rotate { transform: rotate(90deg) translateX(100%); }
.faq-title:hover { opacity: 0.8; }
.faq-text .faq_text_in { display: none; padding: 5px 3% 30px; background-color: transparent; font-size: 19px; }

.accordion-container { max-width: 12000px; margin: 20px auto; }
.category-item { margin-bottom: 10px; }
.category-header {
    background-color: #3f4248; 
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    color: #ffffff; 
}
.category-content { display: none; padding: 20px 0; margin: 0 30px; }
.question-item { border-bottom: 1px solid #4f5157; }
.question-header {
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 0.95rem;
    color: #e0e0e0; 
}
.question-content {
    display: none;
    padding: 0 20px 20px 20px;
    color: #cccccc; 
    line-height: 1.5;
}
.question-content p { 
    text-align: left; 
    text-align-last: left; 
    font-size: 18px; 
    color: #cccccc; 
}
.icon { font-size: 1.2rem; font-weight: normal; }
.category-item.active > .category-header { border-bottom: 1px solid #555; }
.category-header, .question-header {
    margin: 0; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: inherit;
    font-size: 20px;
}
.search-container { max-width: 12000px; margin-top: 50px; }
mark.faq-highlight {
    background-color: #707780; 
    color: #fff; 
    padding: 0 2px;
    border-radius: 2px;
}
#faq-search { box-sizing: border-box; }
#faq-search:focus {
    outline: 2px solid #a0a5ad; 
}