/*
 * Mobile accordion - content appears directly beneath each tab header
 * Works together with custom-accordion.js
 */

/* Hide accordion on desktop */
.lk-mobile-accordion {
    display: none;
}

@media only screen and (max-width: 975px) {

    /* Show accordion on mobile/tablet */
    .lk-mobile-accordion {
        display: block;
        width: 100%;
    }

    /* Accordion header */
    .lk-accordion-header {
        background: #f9f9f9;
        padding: 14px 50px 14px 20px;
        font-weight: 600;
        font-size: 15px;
        color: #333;
        cursor: pointer;
        border-bottom: 1px solid #e0e0e0;
        position: relative;
        user-select: none;
        -webkit-user-select: none;
    }

    .lk-accordion-header:first-child {
        border-top: 1px solid #e0e0e0;
    }

    /* Plus/minus indicator */
    .lk-accordion-header::after {
        content: '+';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: 300;
        color: #666;
    }

    .lk-accordion-header.active {
        background: #fff;
    }

    .lk-accordion-header.active::after {
        content: '\2212'; /* minus sign */
    }

    /* Accordion content - hidden by default */
    .lk-accordion-content {
        display: none;
        padding: 15px 20px 25px;
        border-bottom: 1px solid #e0e0e0;
        background: #fff;
    }

    .lk-accordion-content.active {
        display: block;
    }

}