/**
 * Widget: faq|list-evidence
 * Card bianca: intestazione + accordion FAQ in evidenza + CTA.
 */

.faq-list-evidence-redux.faqle {
    padding: var(--website-padding-top-bottom) 0;
    background-color: #fff;
}

#primary.bkgWhite .faq-list-evidence-redux.faqle{
    background-color: var(--icotea-body-bg);
}

/* Card contenitore */
.faq-list-evidence-redux .faqle-card {
    background: #fff;
    border-radius: 16px;
    padding: 32px 0;
}

/* Intestazione */
.faq-list-evidence-redux .faqle-head { margin: 0 0 32px; }
.faq-list-evidence-redux .faqle-head--center { text-align: center; }
.faq-list-evidence-redux .faqle-head--left   { text-align: left; }

.faq-list-evidence-redux .faqle-title {
    margin: 0;
    color: var(--icotea-second-title);
    font-family: var(--icotea-font-heading);
    font-size: 2.625rem;   /* 42px */
    line-height: 1.143;    /* 48px */
    font-weight: 700;
}
.faq-list-evidence-redux .faqle-subtitle {
    margin: 8px 0 0;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    line-height: 1.625;
}
.faq-list-evidence-redux .faqle-content {
    margin-top: 8px;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    line-height: 1.625;
}
.faq-list-evidence-redux .faqle-content :last-child { margin-bottom: 0; }

/* Accordion */
.faq-list-evidence-redux .faqle-accordion {
    border-top: 1px solid #E2E8F0;
}
.faq-list-evidence-redux .faqle-item {
    border-bottom: 1px solid #E2E8F0;
}

/* Testata (button) */
.faq-list-evidence-redux .faqle-accordion .accordion-button.faqle-item-btn {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    padding: 24px 0;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
}
.faq-list-evidence-redux .faqle-item-num {
    flex: none;
    width: 28px;
    padding-top: 6px;
    color: #90A1B9;
    font-family: var(--icotea-font-heading);
    font-size: .75rem;     /* 12px */
    line-height: 1.333;    /* 16px */
    font-weight: 500;
}
.faq-list-evidence-redux .faqle-item-q {
    flex: 1 1 auto;
    color: #0F172B;
    font-family: var(--icotea-font-heading);
    font-size: 1.25rem;    /* 20px */
    line-height: 1.375;    /* 27.5px */
    font-weight: 600;
}

/* Icona chevron */
.faq-list-evidence-redux .faqle-item-icon {
    flex: none;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    position: relative;
    transition: transform .25s ease;
}
.faq-list-evidence-redux .faqle-item-icon::before,
.faq-list-evidence-redux .faqle-item-icon::after {
    content: "";
    position: absolute;
    top: 8px;
    width: 10px;
    height: 2px;
    background: #90A1B9;
    border-radius: 2px;
}
.faq-list-evidence-redux .faqle-item-icon::before { left: 1px; transform: rotate(45deg); }
.faq-list-evidence-redux .faqle-item-icon::after  { right: 1px; transform: rotate(-45deg); }
.faq-list-evidence-redux .accordion-button[aria-expanded="true"] .faqle-item-icon {
    transform: rotate(180deg);
}

/* Corpo risposta */
.faq-list-evidence-redux .faqle-accordion .accordion-body.faqle-item-a {
    padding: 0 0 24px 48px;
    color: #62748E;
    font-family: var(--icotea-font-body);
    font-size: 1rem;
    line-height: 1.625;
}
.faq-list-evidence-redux .faqle-item-a :last-child { margin-bottom: 0; }

/* CTA */
.faq-list-evidence-redux .faqle-cta-wrap {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
}
.faq-list-evidence-redux .faqle-cta {
    font-weight: 500;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .faq-list-evidence-redux.faqle { padding: var(--website-padding-top-bottom-mini) 0; }
    .faq-list-evidence-redux .faqle-card { padding: 24px; }
    .faq-list-evidence-redux .faqle-title { font-size: 1.75rem; line-height: 1.15; }
    .faq-list-evidence-redux .faqle-accordion .accordion-body.faqle-item-a { padding-left: 0; }
    .faq-list-evidence-redux .faqle-cta-wrap { justify-content: stretch; }
    .faq-list-evidence-redux .faqle-cta { width: 100%; text-align: center; }
}


/*************************
    override components
 *************************/

.faq-list-evidence-redux .accordion-button::after{
    display: none;
}

.faq-list-evidence-redux .accordion-item {
    border: none;
    border-bottom: 1px solid #E2E8F0;
}

.faq-list-evidence-redux .accordion-bs5 .accordion-button:focus,
.faq-list-evidence-redux .accordion-bs5 .accordion-button:focus:not(:focus-visible),
.faq-list-evidence-redux .accordion-bs5 .accordion-button:focus-visible {
    outline: none !important;
    border: none !important;
}

/* Accessibilità: al focus da tastiera evidenzia tutto l'item */
.faq-list-evidence-redux .accordion-item.faqle-item:has(.accordion-button:focus-visible) {
    outline: 2px solid var(--icotea-brand-blue);
    outline-offset: 2px;
    border-radius: 4px;
}



/* Redux: contenuto al 70% (a sinistra), 30% libero a destra (per l'indice) — solo desktop */
@media (min-width: 1200px) {
    .faq-list-evidence-redux .faqle-card {
        width: 70%;
        margin-right: auto;
    }
}