/* - Faq */

.faq-list-wrap{background: #FAFAFA; padding: 32px 40px 24px 40px; border-radius: 4px;}

.faq-block{display: flex; width: 100%; flex-direction: column;}

.faq-block h3{display: flex; justify-content: start; align-items: center; margin: 0 0 8px 0;}
.faq-block h3 svg{width: 24px; height: 24px; margin-right: 4px;}
.faq-block h3 span{color: #505050; font-size: 16px; font-family: montserratregular, sans-serif; font-weight: normal;}

.faq-block .panel-group{margin: 0;}

.faq-block .panel{background-color: transparent;  border: 0; border-bottom: 1px solid #F3F3F3;
    border-right: 0; box-shadow: none; margin: 0!important;}
.faq-block .panel:last-child{border: 0;}

.faq-block a {color: #4F4F4F; text-decoration: underline;}

/* Panel heading - now uses h4 for proper semantic structure */
.faq-block .panel-heading {color: #4F4F4F; background-color:transparent; border: 0; padding:0;
    font-size: 14px; line-height: 20px; font-weight: normal; margin: 0;}

/* Button styles - replacing anchor styles */
.faq-block .panel-heading button.panel-title {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #4F4F4F;
    text-align: left;
    padding: 12px 2px 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

.faq-block .panel-heading button.panel-title:hover {
    color: #2F2F2F;
}

/* Focus visible styles for accessibility (WCAG 2.4.7) */
.faq-block .panel-heading button.panel-title:focus {
    outline: 2px solid #CF1C34;
    outline-offset: 2px;
}

.faq-block .panel-heading button.panel-title:focus:not(:focus-visible) {
    outline: none;
}

.faq-block .panel-heading button.panel-title:focus-visible {
    outline: 2px solid #CF1C34;
    outline-offset: 2px;
}

/* Chevron icon styles */
.faq-block .panel-heading svg.panel-chevron {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 16px;
    padding: 6px;
    border: 1px solid #F3F3F3;
    transition: transform 0.2s ease;
}

/* Chevron rotation based on aria-expanded state */
.faq-block .panel-heading button.panel-title[aria-expanded="false"] svg.panel-chevron {
    transform: rotate(180deg);
}

.faq-block .panel-heading button.panel-title[aria-expanded="true"] svg.panel-chevron {
    transform: rotate(0deg);
}

.faq-block .panel-body{padding: 0 40px 12px 0; border: 0 !important;
    color: #505050;font-size: 14px; font-family: montserratlight, sans-serif; font-weight: normal;}
.faq-block .panel-body p{margin-bottom: 8px;}
.faq-block .panel-body p:last-child{margin-bottom: 0;}

.faq-list{width: 100%; float: left;margin-bottom: 30px;}

/* page Performer - Faq */

    @media (min-width: 992px) {

        .performer-faq-list .faq-block .panel-group{display: flex;}
        .performer-faq-list .faq-block .panel-group .faq-accordion-column{width: calc(50% - 32px);}
        .performer-faq-list .faq-block .panel-group .faq-accordion-column:nth-child(2n+1){margin-right: 32px}
        .performer-faq-list .faq-block .panel-group .faq-accordion-column:nth-child(2n){margin-left: 32px}

        .performer-faq-list .faq-block h3 span{color: #2F2F2F; font-size: 18px;}
        .performer-faq-list .faq-block .panel-heading button.panel-title{ color: #2F2F2F;}

        .performer-faq-list .faq-block h3 svg{display: none;}

        }

/* page Performer - Venue - Faq (sidebar) */

.sidebar .faq-block{margin: 4px 0;}

@media (min-width: 1024px) {

    .venue-faq-list .faq-block .panel-heading svg.panel-chevron{border: none!important;}
    .venue-faq-list .faq-block .panel-heading svg.panel-chevron path{fill: #B0B0B0!important;}

}