/* ============================================================
   Mobile Sidebar Accordion
   ============================================================ */
@media (max-width: 768px) {

    /* Hide the real sidebar on mobile — the cloned copy sits inline */
    #secondary {
        display: none !important;
    }

    .mobile-sidebar-accordion {
        margin: 1rem 0 1.5rem;
        border: 2px solid var(--global-palette1, #4d7895);
        border-radius: 4px;
        overflow: hidden;
    }

    .mobile-sidebar-accordion__toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.75rem 1rem;
        background: var(--global-palette1, #4d7895);
        color: #fff;
        font-family: var(--global-body-font-family, sans-serif);
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        border: none;
        cursor: pointer;
        text-align: left;
    }

    .mobile-sidebar-accordion__toggle:hover,
    .mobile-sidebar-accordion__toggle:focus {
        background: var(--global-palette2, #4bb3d1);
        box-shadow: none;
        outline: 2px solid var(--global-palette2, #4bb3d1);
        outline-offset: -2px;
    }

    /* Chevron icon via CSS — rotates when open */
    .mobile-sidebar-accordion__icon {
        display: inline-block;
        width: 1em;
        height: 1em;
        position: relative;
        flex-shrink: 0;
        margin-left: 0.5rem;
    }

    .mobile-sidebar-accordion__icon::before,
    .mobile-sidebar-accordion__icon::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 0.55em;
        height: 2px;
        background: currentColor;
        transition: transform 0.2s ease;
    }

    .mobile-sidebar-accordion__icon::before {
        left: 0;
        transform: translateY(-50%) rotate(45deg);
        transform-origin: right center;
    }

    .mobile-sidebar-accordion__icon::after {
        right: 0;
        transform: translateY(-50%) rotate(-45deg);
        transform-origin: left center;
    }

    /* Chevron flips when expanded */
    .mobile-sidebar-accordion__toggle[aria-expanded="true"] .mobile-sidebar-accordion__icon::before {
        transform: translateY(-50%) rotate(-45deg);
    }

    .mobile-sidebar-accordion__toggle[aria-expanded="true"] .mobile-sidebar-accordion__icon::after {
        transform: translateY(-50%) rotate(45deg);
    }

    .mobile-sidebar-accordion__panel {
        background: #fff;
    }

    /* Tidy up cloned widget inside the accordion */
    .mobile-sidebar-accordion .widget_da_conversationware_ctxt_menu_widget {
        padding: 0.75rem 1rem;
    }

    .mobile-sidebar-accordion .widget-title {
        font-size: 1rem !important;
        margin-bottom: 0.5rem;
    }

    .mobile-sidebar-accordion ul.contextmenu a {
        font-size: 15px !important;
    }

    .mobile-sidebar-accordion ul.contextmenu, #mobile-sidebar-panel ul.contextmenu li {
        list-style: none;
        padding-left: 0;
    }

    .mobile-sidebar-accordion ul.contextmenu a {
        font-size: 18px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}