/********************************** personalizzato *******************************/
.lage-images-circle{pointer-events: none;}
:root {
    /* --- COLORI TESTO E BORDI --- */
    --color-primary: #8C7F73;       /*  scuro */
    --color-secondary: #796d63;     /* Grigio/Marrone */
    --color-text-dark: #fff;     /* Colore testo secondario */
    --color-white: #ffffff;         /* Bianco */
    
    /* --- VARIABILI BACKGROUND (BG) --- */
    --bg-faq-title: #8C7F73;        /* BG Titolo FAQ principale (scuro) */
    --bg-category-header: #8C7F73;  /* BG Header Categoria (scuro) */
    --bg-content-inside: transparent; /* BG all'interno del testo FAQ */
    --bg-highlight: #8C7F73;        /* BG del testo evidenziato nella ricerca */
    
    /* --- LAYOUT --- */
    --max-width-container: 1200px;  /* Larghezza massima standard */
}

/* --- Struttura Generale FAQ --- */
#faq { 
    margin: 30px 0 250px; 
}

.faq-text { 
    margin: 0 auto 20px; 
    font-size: 20px; 
    max-width: none; 
}

.faq-title { 
    color: var(--color-white); 
    font-weight: 400; 
    box-sizing: border-box; 
    font-size: 21px; 
    cursor: pointer; 
    padding: 10px 40px 10px 3%; 
    margin-top: 10px; 
    background-color: var(--bg-faq-title); /* Usata variabile BG */
    position: relative; 
    max-width: none; 
}

.faq-title:hover { 
    opacity: 0.8; 
}

/* --- Icona Freccia --- */
.faq-title img.arrow-icon { 
    filter: brightness(0) invert(1); 
    width: auto; 
    height: 23px; 
    position: absolute; 
    right: 15px; 
    top: 50%; 
    transform: translateY(-50%); 
    transition: transform 0.3s ease; 
}

.faq-title img.arrow-icon.rotate { 
    transform: translateY(-50%) rotate(90deg); 
}

.faq-text .faq_text_in { 
    display: none; 
    padding: 5px 3% 30px; 
    background-color: var(--bg-content-inside); /* Usata variabile BG */
    font-size: 19px; 
}

/* --- Accordion Container --- */
.accordion-container { 
    max-width: var(--max-width-container); 
    margin: 20px auto; 
}

.category-item { 
    margin-bottom: 10px; 
}

.category-item.active > .category-header { 
    border-bottom: 1px solid var(--color-primary); 
}

/* --- Header Comuni (Category & Question) --- */
.category-header, 
.question-header {
    margin: 0; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
}

/* --- Specifiche Category --- */
.category-header {
    background-color: var(--bg-category-header); /* Usata variabile BG */
    padding: 25px 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color-white); 
}

.category-content { 
    display: none; 
    padding: 20px 0; 
    margin: 0 30px; 
}

/* --- Specifiche Question --- */
.question-item { 
    border-bottom: 1px solid var(--color-primary); 
}

.question-header {
    padding: 25px 20px;
    font-weight: normal; 
    color: var(--color-text-dark); 
}

.question-content {
    display: none;
    padding: 0 20px 20px 20px;
    color: var(--color-text-dark); 
    line-height: 1.5;
}

.question-content p { 
    text-align: left; 
    font-size: 18px; 
    color: var(--color-text-dark); 
	margin:0;
}

.icon { 
    font-size: 1.2rem; 
    font-weight: normal; 
}

/* --- Ricerca --- */
.search-container { 
    max-width: var(--max-width-container); 
    margin-top: 50px; 
}

#faq-search { 
    box-sizing: border-box; 
}

#faq-search:focus {
    outline: 2px solid var(--color-secondary); 
}

mark.faq-highlight {
    background-color: var(--bg-highlight); /* Usata variabile BG */
    color: var(--color-white); 
    padding: 0 2px;
    border-radius: 2px;
}