/* ================================
   Footer Accordion – Mobile Only
================================ */
@media (max-width: 991px) {

    /* Widget title (clickable header) */
    .accordance-footer .widget-title {
        position: relative;
        cursor: pointer;
        padding-right: 40px;
        user-select: none;
        transition: color 0.3s ease;
        display: block !important;
    }

    /* Plus icon - Horizontal line */
    .accordance-footer .widget-title::before {
        content: "" !important;
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        width: 18px !important;
        height: 3px !important;
        background-color: currentColor !important;
        transform: translateY(-50%) !important;
        transition: none !important;
        opacity: 1 !important;
        display: block !important;
        z-index: 2 !important;
    }

    /* Plus icon - Vertical line */
    .accordance-footer .widget-title::after {
        content: "" !important;
        position: absolute !important;
        right: 17px !important;
        top: 50% !important;
        width: 3px !important;
        height: 18px !important;
        background-color: currentColor !important;
        transform: translateY(-50%) !important;
        transition: transform 0.3s ease !important;
        opacity: 1 !important;
        display: block !important;
        z-index: 1 !important;
    }

    /* When active - hide vertical line to show minus */
    .accordance-footer .widget-title.active::after {
        transform: translateY(-50%) rotate(90deg) scaleX(0) !important;
        opacity: 0 !important;
    }

    /* Force icons to stay visible */
    .accordance-footer .widget-title::before,
    .accordance-footer .widget-title::after {
        visibility: visible !important;
    }

    /* Accordion content (collapsed by default) */
    .accordance-footer ul,
    .accordance-footer .menu {
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        transition: max-height 0.4s ease, opacity 0.3s ease !important;
        display: block !important;
    }

    /* Expanded state - show content */
    .accordance-footer .widget-title.active + ul,
    .accordance-footer .widget-title.active + .menu,
    .accordance-footer .widget-title.active ~ ul,
    .accordance-footer .widget-title.active ~ .menu,
    .accordance-footer.active ul,
    .accordance-footer.active .menu {
        max-height: 2000px !important;
        opacity: 1 !important;
        margin-top: 12px !important;
    }
}

/* ================================
   Desktop – Always Expanded
================================ */
@media (min-width: 992px) {

    .accordance-footer ul,
    .accordance-footer .menu {
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        display: block !important;
    }

    .accordance-footer .widget-title {
        cursor: default;
    }

    .accordance-footer .widget-title::before,
    .accordance-footer .widget-title::after {
        display: none !important;
    }
}