/* ==========================================================================
   Mobile Responsive
   ========================================================================== */
@media (max-width: 768px) {
    .swarakarsa-sidebar {
        width: 300px;
        transform: translateX(-100%);
        transition: transform var(--transition-normal);
    }
    
    .sidebar-mobile-open .swarakarsa-sidebar {
        transform: translateX(0);
    }
    
    /* Mobile toggle button */
    .swarakarsa-mobile-sidebar-toggle {
        position: fixed;
        top: var(--spacing-lg);
        left: var(--spacing-lg);
        z-index: 2;
        background: var(--sw-dark-surface);
        border: 1px solid var(--sw-dark-border);
        border-radius: var(--radius-md);
        padding: var(--spacing-sm);
        color: var(--sw-dark-text);
        cursor: pointer;
        transition: all var(--transition-fast);
        box-shadow: var(--shadow-md);
    }
    
    .swarakarsa-mobile-sidebar-toggle:hover {
        background: var(--sw-dark-surface-hover);
        color: var(--sw-orange);
    }
    
    .swarakarsa-mobile-sidebar-toggle svg {
        width: 20px;
        height: 20px;
    }
}